@import url(/css/fonts.css);
:root{--ink:#0A2E2A;--text:#1B3A35;--muted:#55706A;--line:#D8EBE6;--brand-ink:#0B7A66;--bg:#F0FAF8}
@media (prefers-color-scheme:dark){:root{--ink:#E6F7F3;--text:#CFE6E0;--muted:#8DB3AA;--line:#1C3F39;--brand-ink:#7CEAD3;--bg:#061816}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 "IBM Plex Sans",system-ui,sans-serif}
header{padding:16px 24px;border-bottom:1px solid var(--line)}.brand{font:800 22px Manrope,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
main{max-width:1060px;margin:0 auto;padding:28px 20px 70px;display:grid;grid-template-columns:240px 1fr;gap:36px}
nav{display:grid;gap:4px;align-content:start;position:sticky;top:16px}nav a{padding:8px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500}
nav a:hover{background:rgba(59,213,181,.12);color:var(--ink)}nav a[aria-current]{background:rgba(59,213,181,.2);color:var(--ink);font-weight:600}
article{max-width:74ch}h1,h2,h3{font-family:Manrope,sans-serif;color:var(--ink);line-height:1.25;letter-spacing:-.015em}h1{font-size:32px}h2{font-size:21px;margin-top:2em}h3{font-size:17px}
a{color:var(--brand-ink)}blockquote{margin:16px 0;padding:10px 16px;border-left:4px solid #FFD21F;background:rgba(255,210,31,.12);border-radius:0 8px 8px 0}
table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
@media (max-width:800px){main{grid-template-columns:1fr}nav{position:static}}