:root{--accent:#4050bd;--ink:#192236;--muted:#5b6579;--line:#dce3ef;--wash:#f1f4fc}
html{scroll-behavior:smooth}body{background:#f4f6fb;line-height:1.7}
.wrap{max-width:980px}.brand{flex-wrap:wrap;gap:.1rem .6rem}.brand span{font-size:.85rem}
article{padding:clamp(22px,5vw,54px);border-radius:22px;box-shadow:0 10px 40px #23326508}
h1{max-width:24ch}p,li{overflow-wrap:break-word}a{color:var(--accent);text-underline-offset:3px}
a:focus-visible{outline:3px solid #a3b8ff;outline-offset:4px;border-radius:2px}
.lead{font-size:1.08rem;line-height:1.65;padding:18px 22px;background:#eef2ff;border-left:4px solid var(--accent)}
figure{margin:1.6rem 0}figure img{display:block;max-width:100%;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
figcaption{font-size:.85rem;color:var(--muted);margin:.5rem 0 0}.meta{font-size:.83rem}
.table-wrap{overflow-x:auto}table{min-width:580px}pre{white-space:pre-wrap;overflow-wrap:anywhere}
.download{display:inline-block;padding:.7rem 1rem;border:1px solid #c6cfee;background:#eef2ff;border-radius:10px;font-weight:650;text-decoration:none}
.pill{display:inline-block;font-size:.77rem;font-weight:650;color:#4050bd;letter-spacing:.05em;text-transform:uppercase;margin:0 0 .6rem}
.note{padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:#f9fafc}
@media(max-width:600px){.wrap{padding:12px}.brand{font-size:1rem;margin-bottom:.8rem}article{padding:22px 18px}h1{font-size:1.9rem;line-height:1.16;letter-spacing:-.035em}.lead{font-size:1rem;padding:14px 16px}.site-nav{font-size:.83rem;gap:.45rem .8rem;margin-bottom:1.2rem}figure{margin:1.4rem 0}}
@media print{body{background:#fff}.wrap{max-width:none;padding:0}article{border:0;box-shadow:none}.site-nav,.download{display:none}}