@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'DM Sans',system-ui,sans-serif}a{color:inherit}button{font:inherit}.chem{--bg:#08141b;--ink:#edf5f0;--muted:#a9bcb9;--line:#365059;--accent:#78d7c1;--soft:#10252d;--warm:#dcae77}.history{--bg:#191813;--ink:#f5eedc;--muted:#c2b8a3;--line:#5c5545;--accent:#e7b27a;--soft:#28251d;--warm:#9fcdba}.skip{position:absolute;left:14px;top:-100px;background:var(--ink);color:var(--bg);padding:8px 14px;z-index:10}.skip:focus{top:12px}.wrap{width:min(1200px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.brand{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.brand span{color:var(--accent)}.top nav{display:flex;gap:20px}.top nav a{text-decoration:none;color:var(--muted);font-size:.85rem}.top nav a:hover,.top nav a:focus-visible{color:var(--ink)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.17em;font-size:.73rem;font-weight:700}.hero{padding:90px 0 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:8%;border-bottom:1px solid var(--line)}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(3.4rem,7vw,6.7rem);margin:14px 0 25px}h2{font-size:clamp(2rem,3.4vw,3.4rem);margin:0 0 18px}h3{font-size:1.45rem;margin:0 0 12px}.lede{font-size:clamp(1.1rem,1.5vw,1.35rem);color:var(--muted);max-width:700px}.hero-aside{align-self:end;border-left:1px solid var(--accent);padding:12px 0 12px 25px;color:var(--muted);font-size:.96rem}.hero-aside strong{display:block;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:2.7rem;line-height:1.2}.button{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:11px 18px;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:700;border-radius:3px}.button:hover{filter:brightness(1.13)}.section{padding:68px 0}.section-head{max-width:660px;margin-bottom:30px}.section-head p{color:var(--muted)}.chapter-list{border-top:1px solid var(--line)}.chapter{display:grid;grid-template-columns:90px 1fr 160px;gap:22px;align-items:start;padding:25px 8px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}.chapter:hover,.chapter:focus-visible{background:var(--soft);outline:none}.num{color:var(--accent);font:600 1.35rem Fraunces,Georgia,serif}.chapter h3{margin:0 0 7px}.chapter p{color:var(--muted);margin:0;max-width:720px}.chapter .meta{text-align:right;color:var(--accent);font-size:.82rem}.note{margin-top:48px;padding:28px 32px;background:var(--soft);border-left:3px solid var(--accent);max-width:800px}.note h3{margin-bottom:10px}.note p{margin:0;color:var(--muted)}.article-head{padding:65px 0 52px;border-bottom:1px solid var(--line)}.article-head h1{max-width:920px}.article-grid{display:grid;grid-template-columns:220px minmax(0,700px);gap:min(7vw,100px);padding:48px 0 90px}.rail{align-self:start;position:sticky;top:96px;border-top:1px solid var(--line);font-size:.81rem}.rail a{display:block;padding:11px 0;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.rail a:hover{color:var(--accent)}.prose{min-width:0}.prose section{padding-bottom:26px}.prose h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 16px}.prose p{font-size:1.07rem;line-height:1.85;color:var(--muted);margin:0 0 18px}.callout{background:var(--soft);border:1px solid var(--line);padding:25px 29px;margin:16px 0 32px;overflow-wrap:anywhere}.callout small{display:block;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--accent);margin-bottom:8px}.callout strong{font:500 clamp(1.08rem,2vw,1.36rem)/1.5 Fraunces,Georgia,serif}.callout p{font-size:.95rem;margin:10px 0 0}.source{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.source a{color:var(--accent)}.next{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.next a{color:var(--accent);text-decoration:none}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.85rem}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-left:14px;text-decoration:none}.history .hero{background:linear-gradient(120deg,transparent 60%,rgba(231,178,122,.04))}.history .chapter{grid-template-columns:145px 1fr 175px}.history .num{font-size:1.1rem}.chem .hero{background:radial-gradient(circle at 86% 40%,rgba(120,215,193,.09),transparent 28%)}
@media(max-width:760px){.wrap{width:min(100% - 30px,1200px)}.top-inner{min-height:58px}.top nav{gap:11px}.top nav a{font-size:.76rem}.hero{grid-template-columns:1fr;gap:24px;padding:57px 0 42px}.hero-aside{max-width:440px}.section{padding:48px 0}.chapter,.history .chapter{grid-template-columns:65px 1fr;gap:10px}.chapter .meta{grid-column:2;text-align:left}.article-head{padding:45px 0 30px}.article-grid{display:block;padding:20px 0 55px}.rail{position:sticky;top:58px;display:flex;overflow-x:auto;white-space:nowrap;background:var(--bg);z-index:3;border-bottom:1px solid var(--line);margin-bottom:34px;gap:20px}.rail a{flex:none;border:0}.prose p{font-size:1rem}.callout{padding:20px}.footer a{margin:0 14px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}