*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e;line-height:1.75;font-size:17px}
header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:1.8rem 1.5rem;text-align:center}
header h1 a{color:#fff;text-decoration:none;font-size:1.6rem;font-weight:700}
header p{font-size:0.9rem;opacity:0.8;margin-top:0.3rem}
nav{background:#16213e;padding:0.7rem 1.5rem;text-align:center;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
nav a{color:#cbd5e1;text-decoration:none;margin:0 0.8rem;font-size:0.9rem;font-weight:500;transition:color 0.2s}
nav a:hover,nav a.active{color:#60a5fa}
main{max-width:740px;margin:2rem auto;padding:0 1.5rem}
article h1{font-size:1.7rem;color:#0f3460;margin-bottom:0.8rem;line-height:1.3}
article h2{font-size:1.25rem;color:#1e40af;margin:2rem 0 0.8rem;border-left:3px solid #2563eb;padding-left:0.7rem}
article h3{font-size:1.05rem;color:#334155;margin:1.5rem 0 0.6rem}
article p{margin-bottom:1rem;color:#374151}
article ul,article ol{margin:0.8rem 0 1.2rem 1.5rem;color:#374151}
article li{margin-bottom:0.4rem}
.byline{font-size:0.85rem;color:#6b7280;margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid #e5e7eb}
.breadcrumb{font-size:0.8rem;color:#9ca3af;margin-bottom:1rem}
.breadcrumb a{color:#2563eb;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
blockquote{border-left:3px solid #60a5fa;margin:1.2rem 0;padding:0.8rem 1.2rem;background:#f0f4ff;color:#1e3a5f;font-style:italic;border-radius:0 6px 6px 0}
a{color:#2563eb;text-decoration:none}
a:hover{text-decoration:underline}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin:1.5rem 0}
.card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.3rem;transition:transform 0.2s,box-shadow 0.2s}
.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.card h3{color:#1e40af;margin-bottom:0.5rem;font-size:1rem}
.card p{font-size:0.9rem;color:#555;margin-bottom:0.6rem}
.card a{font-weight:600;font-size:0.9rem}
.toc{background:#f0f4ff;border:1px solid #dbe4ff;border-radius:8px;padding:1.2rem 1.5rem;margin:1.5rem 0}
.toc h3{font-size:0.95rem;color:#1e40af;margin-bottom:0.6rem}
.toc ol{margin:0 0 0 1.2rem;font-size:0.9rem}
.toc li{margin-bottom:0.3rem}
.toc a{color:#2563eb}
.cta-box{background:linear-gradient(135deg,#0f3460,#1e40af);color:#fff;border-radius:10px;padding:1.5rem;margin:2rem 0;text-align:center}
.cta-box h3{margin-bottom:0.5rem;font-size:1.1rem}
.cta-box p{opacity:0.9;font-size:0.95rem}
footer{background:#1a1a2e;color:#94a3b8;text-align:center;padding:2rem 1.5rem;margin-top:3rem;font-size:0.82rem}
footer a{color:#60a5fa;text-decoration:none}
footer a:hover{text-decoration:underline}
.updated{font-size:0.8rem;color:#9ca3af;font-style:italic;margin-bottom:1rem}
@media(max-width:600px){body{font-size:16px}article h1{font-size:1.4rem}article h2{font-size:1.1rem}nav a{margin:0 0.4rem;font-size:0.82rem}main{padding:0 1rem}}