:root { color-scheme: light; --paper:#f4f0e8; --ink:#17231e; --muted:#68736d; --line:#d9d7cb; --lime:#dfff72; --rust:#a95335; --white:#fffdf8; font-family:Manrope,system-ui,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; }
:focus-visible { outline:3px solid var(--rust); outline-offset:3px; }
.editorial-header { height:76px; padding:0 clamp(20px,5vw,72px); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
.editorial-brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-size:19px; font-weight:800; letter-spacing:-.04em; }
.editorial-brand span:first-child { width:31px; height:31px; display:grid; place-items:center; border-radius:50% 50% 8px 50%; background:var(--ink); color:var(--lime); font-family:Georgia,serif; font-style:italic; transform:rotate(-8deg); }
.language-link { color:var(--muted); font-size:10px; font-weight:700; text-decoration:none; border-bottom:1px solid #adb4ae; }
.article-shell { max-width:1120px; margin:0 auto; padding:76px 24px 110px; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,320px); gap:9vw; }
.article-main { min-width:0; }
.breadcrumb { color:var(--rust); font:500 10px 'DM Mono',monospace; letter-spacing:.09em; text-transform:uppercase; text-decoration:none; }
.article-eyebrow { margin:30px 0 0; color:var(--rust)!important; font:500 10px/1.4 'DM Mono',monospace!important; letter-spacing:.1em; }
.article-main h1 { max-width:780px; margin:30px 0 24px; font-size:clamp(46px,7vw,82px); line-height:.98; letter-spacing:-.06em; font-weight:600; }
.article-main .lead { margin:0 0 42px; color:#50605a; font-size:19px; line-height:1.7; }
.article-meta { display:block; margin:-24px 0 42px; color:#858d88; font:9px 'DM Mono',monospace; letter-spacing:.06em; }
.article-main h2 { margin:50px 0 15px; font-family:Georgia,serif; font-size:33px; font-weight:400; letter-spacing:-.03em; }
.article-main p,.article-main li { color:#52605a; font-size:15px; line-height:1.8; }
.article-main li+li { margin-top:9px; }
.article-main .formula { overflow:auto; padding:18px 20px; border-radius:12px; background:#e5e8dc; color:#39463f; font:13px/1.7 'DM Mono',monospace; }
.source-list { padding-left:18px; }
.source-list a { color:#8e452f; }
.article-aside { position:sticky; top:28px; align-self:start; padding:25px; border-radius:18px; background:#14251f; color:white; }
.article-aside span { color:#92a69c; font:9px 'DM Mono',monospace; letter-spacing:.09em; }
.article-aside h2 { margin:17px 0 12px; font-size:26px; line-height:1.1; }
.article-aside p { color:#b9c8c1; font-size:11px; line-height:1.7; }
.article-aside a { display:block; margin-top:20px; padding:13px 15px; border-radius:9px; background:var(--lime); color:var(--ink); font-size:11px; font-weight:800; text-align:center; text-decoration:none; }
.guide-links { margin-top:60px; padding-top:28px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.guide-links a { padding:15px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.45); color:#53615a; font-size:11px; line-height:1.5; text-decoration:none; }
.editorial-footer { margin:0 clamp(20px,5vw,72px); padding:26px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#858d88; font:9px 'DM Mono',monospace; }
@media(max-width:760px){.article-shell{grid-template-columns:1fr;padding-top:52px}.article-aside{position:static;grid-row:2}.guide-links{grid-template-columns:1fr}.article-main h1{font-size:50px}.editorial-footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}