:root{--bg:#fff;--panel:#121318;--text:#0b0c10;--muted:#333742;--primary:#4f8cff;--primary-contrast:#0a1a3a}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.site-nav{-webkit-backdrop-filter:saturate(180%)blur(6px);backdrop-filter:saturate(180%)blur(6px);z-index:10;background:#fffc;border-bottom:1px solid #e9ecf3;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{font-weight:800}.links a{color:var(--primary-contrast);margin-left:1rem;font-weight:600;text-decoration:none}.links a:hover,.links a:focus{text-decoration:underline}.container{max-width:820px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 1rem;font-size:2rem;line-height:1.2}section{background:#f6f7fb;border-radius:12px;padding:1.25rem;box-shadow:0 6px 24px #00000014}section+section{margin-top:1rem}p{color:var(--muted);line-height:1.7}.widget{grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.sample{font-size:1.125rem;font-weight:600}button{appearance:none;background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.7rem 1rem;font-weight:700}button:active{transform:translateY(1px)}footer{margin-top:1rem}