*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.7;color:#1a1a2e;background:#fff}
a{color:#1a5276;text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{font-weight:600;line-height:1.3;color:#0d2137}
h1{font-size:2rem;margin-bottom:1rem}
h2{font-size:1.45rem;margin:2rem 0 .75rem;padding-top:.5rem;border-top:2px solid #e8f4fd}
h3{font-size:1.15rem;margin:1.5rem 0 .5rem}
p{margin-bottom:1rem}
ul,ol{margin:.75rem 0 1rem 1.5rem}
li{margin-bottom:.4rem}
strong{font-weight:600;color:#0d2137}
/* Header */
header{background:#0d2137;color:#fff;padding:0}
.header-top{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.site-logo{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:-.02em}
.site-logo span{color:#5dade2}
.site-tagline{font-size:.8rem;color:#85c1e9;margin-top:2px}
nav{background:#1a3a5c}
nav ul{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;list-style:none;gap:0}
nav ul li a{display:block;padding:11px 15px;color:#d6eaf8;font-size:.85rem;font-weight:500;transition:background .15s}
nav ul li a:hover{background:#0d2137;color:#fff;text-decoration:none}
nav ul li a.active{background:#0d2137;color:#5dade2}
/* Hero */
.hero{background:linear-gradient(135deg,#0d2137 0%,#1a3a5c 100%);color:#fff;padding:56px 24px}
.hero-inner{max-width:860px;margin:0 auto}
.hero h1{color:#fff;font-size:2.2rem;margin-bottom:.75rem}
.hero .sub{font-size:1.1rem;color:#85c1e9;margin-bottom:1.5rem}
.hero-cta{display:inline-block;background:#5dade2;color:#0d2137;font-weight:700;padding:12px 28px;border-radius:6px;font-size:.95rem;transition:background .15s}
.hero-cta:hover{background:#82cce2;text-decoration:none}
/* Main layout */
.page-wrap{max-width:1100px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 300px;gap:48px}
.content{}
.sidebar{}
/* Cards */
.card{background:#f4f9fd;border:1px solid #d6eaf8;border-radius:8px;padding:20px 24px;margin-bottom:24px}
.card h3{margin-top:0;color:#1a5276;border-top:none}
.card-cta{background:#0d2137;color:#fff;padding:20px 24px;border-radius:8px;margin-bottom:24px;text-align:center}
.card-cta h3{color:#5dade2;margin-top:0;margin-bottom:.5rem}
.card-cta p{color:#d6eaf8;font-size:.9rem;margin-bottom:1rem}
.btn-primary{display:inline-block;background:#5dade2;color:#0d2137;font-weight:700;padding:10px 22px;border-radius:5px;font-size:.9rem}
.btn-primary:hover{background:#82cce2;text-decoration:none}
.btn-outline{display:inline-block;border:2px solid #1a5276;color:#1a5276;font-weight:600;padding:9px 20px;border-radius:5px;font-size:.9rem}
.btn-outline:hover{background:#e8f4fd;text-decoration:none}
/* Embeds */
.embed-section{margin:2.5rem 0;padding-top:1.5rem;border-top:1px solid #e8f4fd}
.embed-section h3{font-size:1rem;color:#666;margin-bottom:1rem}
.embed-wrap{margin-bottom:1.5rem;overflow:hidden;border-radius:6px;border:1px solid #ddd}
.embed-wrap iframe{display:block;width:100%;max-width:600px}
/* Author bio */
.author-bio{background:#f4f9fd;border-left:4px solid #1a5276;padding:20px 24px;margin:2rem 0;border-radius:0 8px 8px 0;display:flex;gap:20px;align-items:flex-start}
.author-bio img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}
.author-bio-text h4{font-size:1rem;margin-bottom:.25rem;color:#0d2137}
.author-bio-text p{font-size:.875rem;color:#444;margin-bottom:.5rem}
.author-bio-text address{font-size:.825rem;color:#666;font-style:normal;line-height:1.6}
/* FAQ */
.faq{margin:2rem 0}
.faq h3{font-size:1rem;color:#1a5276;margin-bottom:.4rem;margin-top:1.25rem}
.faq p{font-size:.95rem}
/* Breadcrumb */
.breadcrumb{font-size:.8rem;color:#888;margin-bottom:1.5rem}
.breadcrumb a{color:#1a5276}
/* Footer */
footer{background:#0d2137;color:#85c1e9;padding:32px 24px;margin-top:48px}
footer .footer-inner{max-width:1100px;margin:0 auto}
footer .footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:24px}
footer h4{color:#5dade2;font-size:.9rem;margin-bottom:12px}
footer ul{list-style:none;padding:0}
footer ul li{margin-bottom:6px}
footer ul li a{color:#85c1e9;font-size:.85rem}
footer ul li a:hover{color:#fff}
footer .footer-bottom{border-top:1px solid #1a3a5c;padding-top:16px;font-size:.8rem;color:#5b8db8}
/* Responsive */
@media(max-width:768px){
  .page-wrap{grid-template-columns:1fr}
  .sidebar{order:-1}
  nav ul{flex-wrap:wrap}
  footer .footer-cols{grid-template-columns:1fr}
}