*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:2}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:17px;font-weight:740;letter-spacing:-.02em;line-height:1.2}.brand img{width:36px;height:36px;flex:none}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none;color:var(--muted)}nav a:hover,.story a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:48px;padding:76px 0 66px}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.15em}.hero h1,.article-head h1{margin:0;color:var(--ink);line-height:1.04;letter-spacing:-.06em;font-weight:740}.hero h1{font-size:clamp(42px,5.2vw,76px)}.intro{color:var(--muted);font-size:clamp(17px,1.6vw,20px);margin:22px 0 25px;max-width:42ch}.hero figure{margin:0}.hero figure img{display:block;width:100%;height:auto;border-radius:var(--radius)}figcaption{font-size:12px;color:var(--muted);margin-top:10px;letter-spacing:.025em}.button{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--ink);border-radius:var(--radius);padding:10px 15px;font-size:14px;font-weight:650;text-decoration:none}.button:hover{color:var(--paper);background:var(--ink)}.library{padding:34px 0 74px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:26px}.section-head h2{font-size:clamp(27px,3.3vw,45px);line-height:1.1;letter-spacing:-.05em;margin:0}.section-head small{color:var(--muted)}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story{display:flex;flex-direction:column;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:230px}.story small{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.story h3{font-size:23px;letter-spacing:-.04em;line-height:1.15;margin:12px 0 9px}.story h3 a{text-decoration:none}.story p{margin:0 0 15px;color:var(--muted);font-size:15px}.story .read{margin-top:auto;font-size:14px;text-underline-offset:4px}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 0;font-size:13px}.footer-inner p{margin:0}.article{max-width:720px;margin-inline:auto;padding:42px 0 78px}.back{font-size:14px;display:inline-block;margin-bottom:34px;text-underline-offset:4px}.article-head{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-head h1{font-size:clamp(35px,5.4vw,65px)}.article-head .intro{margin-bottom:0}.prose{font-size:17px}.prose h2{font-size:26px;line-height:1.2;margin:35px 0 12px;letter-spacing:-.03em}.prose p{margin:0 0 18px}.prose pre{padding:16px 18px;background:var(--code);color:var(--code-ink);border-radius:var(--radius);overflow:auto;font-size:14px;line-height:1.5}.prose :not(pre)>code{background:var(--card);padding:2px 5px;border-radius:3px}.prose blockquote{margin:24px 0;padding:14px 20px;border-left:3px solid var(--accent);background:var(--card)}.prose blockquote p{margin:0}.reference{font-size:14px;color:var(--accent)}.next{display:block;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);text-underline-offset:4px}@media(max-width:820px){.wrap{width:calc(100% - 44px)}.hero{gap:28px;padding:48px 0}.stories{gap:10px}.story{padding:17px}.story h3{font-size:20px}}@media(max-width:660px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:66px}.brand{font-size:15px}.brand img{width:29px;height:29px}nav{gap:12px;font-size:13px}.hero{grid-template-columns:1fr;padding:38px 0 38px}.hero h1{font-size:clamp(37px,10vw,56px)}.stories{grid-template-columns:1fr}.story{min-height:0;padding:20px}.library{padding-bottom:44px}.section-head{align-items:flex-start}.article{padding-top:25px}.back{margin-bottom:24px}.footer-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--paper:#f7f6f1;--ink:#1b2828;--muted:#4e6260;--accent:#9f412a;--line:#d6ded7;--card:#fffefa;--code:#192929;--code-ink:#e1eee6;--radius:5px}