:root{color-scheme:dark;--bg:#080e0b;--panel:#101c15;--ink:#eff8f1;--muted:#b5c9bc;--green:#00e000;--line:#2c4835}*{box-sizing:border-box}
        body{margin:0;padding:28px 18px;background:radial-gradient(ellipse at top left,#16351f,var(--bg) 65%);color:var(--ink);font:17px/1.75 system-ui,sans-serif}
        main{max-width:1000px;margin:auto}header,section,footer{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}header{margin-bottom:22px}
        nav{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}a{color:#8bf6a3;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}
        nav a{padding:5px 15px;border:1px solid var(--line);border-radius:30px;text-decoration:none}nav a[aria-current=page]{background:var(--green);color:#061309;font-weight:700}
        .brand{color:var(--green);font-weight:800;letter-spacing:.12em}h1{font-size:clamp(2rem,7vw,3.7rem);line-height:1.1;margin:16px 0}h2{font-size:1.18rem;line-height:1.4;margin:0 0 12px}p{margin:0;color:var(--muted)}
        .sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}section:nth-child(4),section:nth-child(5),section:nth-child(7),section:nth-child(10){grid-column:1/-1}footer{margin-top:22px}footer p+p{margin-top:12px}code{overflow-wrap:anywhere}
        @media(max-width:700px){body{padding:12px}.sections{grid-template-columns:1fr}header,section,footer{padding:22px}}
        @media print{body{background:white;color:black;padding:0}header,section,footer{background:white;border:1px solid #888;break-inside:avoid}p,a,.brand{color:black}.sections{display:block}section{margin-bottom:12px}}