@import url('./fonts/fonts.css');
:root{color-scheme:light;--paper:#f2ece3;--ink:#1d1418;--wine:#8a0b2a;--muted:#716166;--line:#d9cfc2}
html[data-ws-theme=dark]{color-scheme:dark;--paper:#140e10;--ink:#f2e8dd;--wine:#ed829d;--muted:#b8a6a0;--line:#4c3a3f}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 'Manrope',system-ui,sans-serif}a{color:var(--wine);text-underline-offset:4px}a:focus-visible{outline:2px solid var(--wine);outline-offset:4px}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid var(--line)}.brand{font:700 30px Georgia,serif;letter-spacing:.08em;text-decoration:none;color:var(--ink)}.brand span{color:var(--wine)}main{max-width:880px;margin:auto;padding:42px 24px 70px}.back{font-size:13px}.eyebrow{margin-top:36px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--muted)}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.08}h1{font-size:clamp(36px,6vw,62px);margin:20px 0}h2{font-size:30px;margin:36px 0 12px}.intro{font-size:18px;color:var(--muted);padding-bottom:28px;border-bottom:1px solid var(--line)}p{margin:14px 0}li{margin:10px 0}code{font-size:13px}article{overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:42px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}footer{border-top:1px solid var(--line);border-bottom:0;font-size:12px;color:var(--muted)}