:root{--ink:#0b1023;--slate-900:#0f172a;--slate-600:#475569;--slate-500:#64748b;--slate-200:#e2e8f0;--indigo:#3e4fae;--canvas:#f4f6fa}*{box-sizing:border-box}body{color:var(--slate-600);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.7}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(760px,92vw);margin:0 auto;padding:40px 0 80px}header.bar{border-bottom:1px solid var(--slate-200);background:#fff}.bar-inner{align-items:center;gap:.65rem;width:min(760px,92vw);height:64px;margin:0 auto;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#4455b4,#5c6cc4);border-radius:9px;place-items:center;width:32px;height:32px;font:800 12px/1 Inter;display:grid}.brand-name{color:var(--slate-900);font-weight:700}h1{color:var(--slate-900);letter-spacing:-.02em;margin:0 0 .25rem;font-size:32px}h2{color:var(--slate-900);margin:2.2rem 0 .5rem;font-size:19px}.updated{color:var(--slate-500);margin-bottom:2rem;font-size:14px}.note{border:1px solid var(--slate-200);border-left:3px solid var(--indigo);background:#fff;border-radius:0 10px 10px 0;margin:1.5rem 0;padding:14px 18px;font-size:15px}footer{color:var(--slate-500);border-top:1px solid var(--slate-200);margin-top:3rem;padding-top:1.5rem;font-size:13px}
