body { margin: 0; background: #07110c; color: #d7ffe4; font: 15px/1.7 ui-sans-serif, system-ui, sans-serif; }
a { color: #7dffa8; text-decoration: none; }
header { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 14px 20px; border-bottom: 1px solid #143222; }
.langs a { margin-left: 10px; }
.brand { font-weight: 700; color: #fff; }
.layout { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 52px); }
aside { border-right: 1px solid #143222; padding: 16px; }
aside a, aside .dir { display: block; margin: 4px 0; }
aside a.on { color: #fff; font-weight: 700; }
aside .cat, aside .dir { margin-top: 14px; color: #8fbfa0; font-size: 12px; }
main { padding: 28px 36px 64px; max-width: 920px; }
pre { overflow: auto; background: #030806; padding: 12px 14px; border-radius: 8px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
table { border-collapse: collapse; }
td, th { border: 1px solid #143222; padding: 6px 8px; }
@media (max-width: 800px) { .layout { grid-template-columns: 1fr; } aside { border-right: 0; border-bottom: 1px solid #143222; } }