:root { --ink:#101828; --muted:#667085; --paper:#f6f5ef; --lime:#c7f36a; --line:rgba(16,24,40,.13); }
:root[data-theme="dark"] { color-scheme:dark; --ink:#f4f7fb; --muted:#a7b0c0; --paper:#0d1118; --line:rgba(255,255,255,.14); }
:root[data-theme="oled"] { color-scheme:dark; --ink:#f7f7f7; --muted:#a3a3a3; --paper:#000; --line:rgba(255,255,255,.15); }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 10% 10%,rgba(199,243,106,.22),transparent 28rem),var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
:root[data-theme="dark"] body { background:radial-gradient(circle at 10% 10%,rgba(199,243,106,.08),transparent 28rem),var(--paper); }
:root[data-theme="oled"] body { background:#000; }
main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:70px 0 100px; }
.back { display:inline-block; margin-bottom:70px; color:var(--muted); text-underline-offset:4px; }
.eyebrow { margin:0 0 15px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.16em; }
h1 { font-size:clamp(44px,8vw,76px); line-height:.96; letter-spacing:-.065em; margin:0 0 30px; }
.intro { font-size:20px; line-height:1.55; color:var(--muted); margin-bottom:50px; }
section { padding:28px 0; border-top:1px solid var(--line); }
h2 { font-size:24px; letter-spacing:-.035em; }
p,li { font-size:15px; line-height:1.75; color:var(--muted); }
li+li { margin-top:8px; }
aside { margin-top:30px; padding:20px 22px; border-radius:16px; background:var(--ink); color:var(--paper); font-size:14px; line-height:1.5; border-left:6px solid var(--lime); }