@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#0a1b3c;--cyan:#07b6d5;--cyan-dark:#059cb8;--blue-heading:#123a7a;--blue-mid:#1a4faa;--bg-alt:#f6f7fb;--text:#1c2536;--text-muted:#5b6472;--border:#e7e9f2;}
*{box-sizing:border-box;}
body{margin:0;background:#fff;color:var(--text);font-family:'Inter',sans-serif;line-height:1.6;padding-top:70px;}
h1,h2,h3{font-family:'Poppins',sans-serif;line-height:1.25;letter-spacing:-0.01em;margin:0 0 16px;}
a{color:var(--blue-mid);}
nav{position:fixed;top:0;left:0;width:100%;background:rgba(233,236,241,0.95);backdrop-filter:blur(10px);z-index:1000;padding:12px 24px;}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{width:38px;height:38px;border-radius:8px;background:#fff;padding:2px;}
.brand-name{font-weight:700;color:var(--navy);font-size:1.02rem;font-family:'Poppins',sans-serif;}
.nav-links{display:flex;gap:26px;}
.nav-links a{color:var(--blue-heading);text-decoration:none;font-weight:600;font-size:0.95rem;}
.nav-links a:hover,.nav-links a.on{color:var(--cyan-dark);}
.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;padding:8px 10px;cursor:pointer;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--navy);margin:4px 0;}
article{max-width:760px;margin:0 auto;padding:44px 24px 20px;}
.crumb{font-size:0.85rem;color:var(--text-muted);margin-bottom:18px;}
.crumb a{color:var(--text-muted);}
.post-tag{display:inline-block;background:#dff2ff;color:var(--blue-mid);font-size:0.72rem;font-weight:700;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:12px;}
h1{color:var(--blue-heading);font-size:clamp(1.7rem,4vw,2.4rem);}
.lede{font-size:1.1rem;color:var(--text-muted);margin:0 0 24px;}
article p{color:var(--text-muted);line-height:1.85;margin:0 0 16px;}
article ul{color:var(--text-muted);padding-left:22px;margin:0 0 20px;}
article li{line-height:1.8;margin-bottom:8px;}
.post-note{background:#fff6d6;color:#6b5400 !important;border-radius:10px;padding:14px 18px;}
.more{max-width:760px;margin:0 auto;padding:10px 24px 50px;}
.more h2{font-size:1.2rem;color:var(--blue-heading);border-top:1px solid var(--border);padding-top:28px;}
.more ul{padding-left:20px;margin:0 0 24px;}
.more li{margin-bottom:8px;}
.btn{display:inline-block;background:var(--cyan);color:#fff;padding:13px 28px;border-radius:26px;font-weight:700;text-decoration:none;}
footer{background:var(--navy);color:#cfd8ef;text-align:center;padding:24px;font-size:0.9rem;}
@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:14px 24px 22px;gap:12px;box-shadow:0 12px 24px rgba(20,25,60,0.08);}.nav-links.open{display:flex;}.nav-toggle{display:block;}}