:root{color-scheme:light;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:#16213b;background:#f5f7fc}
*{box-sizing:border-box}body{margin:0}a{color:#174cbb}a:hover{text-decoration-thickness:2px}
.wrap{max-width:880px;margin:auto;padding:24px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font-size:1.12rem;font-weight:750;color:#16213b;text-decoration:none}.nav{display:flex;gap:16px;flex-wrap:wrap}
main{background:#fff;border:1px solid #dce3ef;border-radius:18px;padding:clamp(24px,5vw,48px);margin:28px 0;box-shadow:0 14px 42px #142d5a0a}
h1{line-height:1.2;font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0 .5em}h2{line-height:1.3;font-size:1.3rem;margin:2em 0 .5em}p,li{max-width:72ch}
code{overflow-wrap:anywhere}
.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2257b8}.lead{font-size:1.16rem;color:#34415e}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:28px 0}.card{border:1px solid #dce3ef;border-radius:13px;padding:20px;background:#f9fbff}
footer{color:#53617b;font-size:.9rem;padding-bottom:28px}.meta{font-size:.9rem;color:#53617b}.callout{border-left:4px solid #2762d6;background:#f3f7ff;padding:14px 18px;border-radius:8px}
@media(max-width:600px){.wrap{padding:16px}main{margin:18px 0}}