*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;font:18px/1.7 Georgia,'Times New Roman',serif;color:#1d2433;background:#fafbfc}
a{color:#0b5cad}h1,h2,h3,.brand,nav,.tag,.meta,button,footer{font-family:-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e3e7ee;position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.25rem;color:#0f2a4a;text-decoration:none}
nav a{color:#334155;text-decoration:none;margin-left:22px;font-size:.95rem;font-weight:500}nav a:hover{color:#0b5cad}
#mb{display:none;background:none;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:1.1rem}
.hero{background:linear-gradient(135deg,#0f2a4a,#0b5cad);color:#fff;padding:56px 0}
.hero h1{margin:0 0 10px;font-size:2.4rem;line-height:1.15}.hero p{margin:0;max-width:560px;opacity:.9}
main{padding:32px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.card{background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:20px;display:flex;flex-direction:column}
.card h2,.card h3{margin:8px 0;font-size:1.15rem;line-height:1.3}.card h2 a,.card h3 a{color:#0f2a4a;text-decoration:none}
.card p{margin:0 0 10px;color:#4a5568;font-size:.95rem;line-height:1.55;flex:1}
.tag{display:inline-block;background:#e8f1fb;color:#0b5cad;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;align-self:flex-start}
.meta{color:#6b7280;font-size:.85rem}.feat{margin-bottom:26px}.feat h2{font-size:1.6rem}
article{max-width:720px;margin:0 auto;background:#fff;padding:28px;border:1px solid #e3e7ee;border-radius:10px}
article h1{font-size:2rem;line-height:1.2;margin:10px 0}article h2{margin-top:1.8em;font-size:1.4rem}
.note{background:#f1f5f9;border-left:4px solid #0b5cad;padding:10px 14px;font:.85rem/1.5 -apple-system,'Segoe UI',sans-serif;color:#475569;margin:18px 0}
.page{max-width:720px;margin:0 auto;background:#fff;padding:28px;border:1px solid #e3e7ee;border-radius:10px}
footer{background:#0f2a4a;color:#cbd5e1;padding:36px 0 20px;margin-top:40px;font-size:.9rem}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}footer h4{color:#fff;margin:0 0 10px}
footer a{color:#cbd5e1;text-decoration:none;display:block;margin-bottom:6px}footer a:hover{color:#fff}
.small{border-top:1px solid #254468;margin-top:24px;padding-top:14px;font-size:.8rem}
#ck{position:fixed;left:16px;right:16px;bottom:16px;max-width:620px;margin:auto;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18);padding:16px;z-index:20;font:.9rem/1.5 -apple-system,'Segoe UI',sans-serif}
#ck button{border:0;border-radius:6px;padding:8px 16px;margin:8px 8px 0 0;cursor:pointer;font-weight:600}
#ck .y{background:#0b5cad;color:#fff}#ck .n{background:#e2e8f0;color:#1e293b}
@media(max-width:760px){#mb{display:block}nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid #e3e7ee;padding:8px 20px}
.open nav{display:block}nav a{display:block;margin:0;padding:10px 0}.hero h1{font-size:1.8rem}footer .cols{grid-template-columns:1fr 1fr}article,.page{padding:18px}}