:root{--bg:#f5f6f8;--text:#16181d;--primary:#0a1f3c;--accent:#3b82f6;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}nav{background:var(--primary);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}nav a.logo,nav .logo{display:flex;align-items:center;gap:10px}nav a.nav-link{color:rgba(255,255,255,.78);font-size:.875rem;font-weight:600;margin-left:1.5rem}.hero{background:var(--primary);color:#fff;padding:4rem 2rem 3rem;text-align:center}.hero .cat{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#60a5fa;margin-bottom:1rem}.hero h1{font-size:clamp(1.8rem,4vw,3rem);max-width:800px;margin:0 auto 1.25rem;line-height:1.2}.hero .meta{font-size:.875rem;color:rgba(255,255,255,.65)}.bd{max-width:760px;margin:3rem auto;padding:0 1.5rem 4rem}.bd h2{font-size:1.6rem;color:var(--primary);margin:2.5rem 0 .75rem}.bd h3{font-size:1.1rem;color:var(--primary);margin:1.75rem 0 .5rem}.bd p{margin-bottom:1.25rem;font-size:1.0625rem}.bd ul,.bd ol{margin:0 0 1.25rem 1.5rem}.bd li{margin-bottom:.5rem;font-size:1.0625rem}.bd strong{color:var(--primary)}.callout{background:#eff6ff;border-left:4px solid var(--accent);padding:1.25rem 1.5rem;border-radius:.5rem;margin:2rem 0}.callout p{margin:0;font-weight:500}.cta{background:var(--primary);color:#fff;border-radius:1rem;padding:2.5rem;text-align:center;margin:3rem 0}.cta h3{font-size:1.6rem;margin-bottom:.75rem;color:#fff}.cta p{color:rgba(255,255,255,.78);margin-bottom:1.5rem}.cta a{display:inline-block;background:var(--accent);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:700}.back{display:inline-flex;font-size:.875rem;font-weight:700;color:var(--accent);margin-bottom:2rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #ddd}.tags span{font-size:.8125rem;font-weight:600;color:var(--accent);background:#eff6ff;padding:.35rem .75rem;border-radius:2rem}footer{background:var(--primary);color:rgba(255,255,255,.65);text-align:center;padding:2rem;font-size:.875rem}footer a{color:#60a5fa}:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}@media(max-width:640px){nav{padding:1rem}.nav-link{margin-left:.75rem!important}.hero{padding:3rem 1rem 2.5rem}.cta{padding:1.75rem}}