:root{--ink:#14213a;--muted:#4c5a73;--blue:#1565c0;--amber:#ffb300;--marker:#ffe08a;--on-marker:#2b1e00;--paper:#f5f9ff;--sheet:#fff;--tint:#eaf1fb;--rule:#cfdbec}@media (prefers-color-scheme:dark){:root{--ink:#e8eef8;--muted:#a9b6cc;--blue:#8ab8f5;--marker:#6a4e00;--on-marker:#fff0c9;--paper:#0a1220;--sheet:#142033;--tint:#0f1a2b;--rule:#2a3a54}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:17px/1.65 Georgia,Noto Serif,serif}main{width:min(960px,100%);margin:auto;padding:0 16px}a{color:var(--blue)}.top{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:8px}nav{gap:16px;font:15px system-ui,sans-serif;display:flex}.hero{padding:48px 0 28px}h1{margin:0 0 16px;font-size:clamp(36px,7vw,60px);line-height:1.1}mark{background:var(--marker);color:var(--on-marker);padding:0 .12em}.hero p{max-width:620px;color:var(--muted);margin:0}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair div{background:var(--tint);border-radius:6px;padding:18px}.pair .plain{background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--amber);font-weight:700}.pair h2{color:var(--muted);margin:0 0 6px;font:700 13px system-ui,sans-serif}.pair p{margin:0}.rows{border-top:1px solid var(--rule);margin:36px 0}.rows article{border-bottom:1px solid var(--rule);grid-template-columns:240px 1fr;gap:16px;padding:16px 0;display:grid}.rows h2{margin:0;font-size:19px}.rows p{color:var(--muted);margin:0}.shots{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.shots img{border:1px solid var(--rule);border-radius:6px;flex:none;width:220px;height:auto}.limit{color:var(--muted);font-size:15px}.doc{max-width:720px;padding:32px 0}.doc h1{font-size:clamp(30px,6vw,44px)}.doc h2{margin:28px 0 6px;font-size:20px}.doc small{color:var(--muted);font:13px system-ui,sans-serif}.doc pre{white-space:pre-wrap;font:inherit;background:var(--sheet);border:1px solid var(--rule);border-radius:6px;padding:16px}.doc code{overflow-wrap:anywhere}.foot{border-top:1px solid var(--rule);color:var(--muted);margin-top:40px;padding:20px 0 40px;font:14px/1.5 system-ui,sans-serif}@media (max-width:640px){.pair{grid-template-columns:1fr}.rows article{grid-template-columns:1fr;gap:4px}}
