:root{
  --bg:#f4f7fb;
  --card:#ffffff;
  --ink:#16233a;
  --muted:#5f6b7a;
  --line:#d8e0ea;
  --navy:#10203a;
  --navy-soft:#1a2e4f;
  --accent:#d94b5a;
  --accent-dark:#b33646;
}
.site-header{position:sticky;top:0;z-index:24;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(10px);border-bottom:1px solid rgba(16,32,58,.08)!important}
.header-inner,.page,.footer-inner{max-width:1120px!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important}
.header-inner{min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.brand-logo{display:inline-flex!important;align-items:center!important}
.brand-logo img{height:44px!important;width:auto!important;display:block}
.nav{display:flex!important;flex-wrap:wrap!important;gap:16px!important;font-size:1rem!important;color:#22344e!important;font-weight:700!important;line-height:1.2}
.nav a{opacity:.96!important}
.nav a:hover{opacity:1!important}
.page{padding-top:36px!important;padding-bottom:72px!important}
.hero{border-radius:28px!important;box-shadow:0 24px 60px rgba(16,32,58,.14)!important}
.content-wrap{gap:28px!important}
.article{border-radius:28px!important;border:1px solid var(--line)!important;box-shadow:0 16px 42px rgba(18,35,58,.06)!important}
.article h2{font-size:1.46rem!important;line-height:1.45!important;letter-spacing:.01em;color:var(--navy)!important}
.article p,.article li{color:#33445d!important}
.panel{border-radius:22px!important;border:1px solid var(--line)!important;box-shadow:0 14px 34px rgba(18,35,58,.05)!important}
.panel h3{font-size:1rem!important;color:var(--navy)!important}
.cta-box{border-radius:24px!important}
.footer{margin-top:48px!important;background:#fff!important;border-top:1px solid rgba(16,32,58,.08)!important}
.footer-inner{padding-top:26px!important;padding-bottom:36px!important;color:#5a6878!important;font-size:.92rem!important}
.footer-brand img{height:72px!important;width:auto!important;display:block}
.footer-copy{margin-top:8px;color:#8b97a6;font-size:.85rem;line-height:1.7}
.footer-links{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin-top:12px!important}
.footer-links a{color:#4f6078!important}
@media (max-width:960px){
  .content-wrap{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .header-inner,.page,.footer-inner{padding-left:16px!important;padding-right:16px!important}
  .brand-logo img{height:40px!important}
  .nav{gap:12px!important;font-size:.92rem!important}
  .article{padding:28px 22px!important}
  .hero{padding:28px 22px!important}
  .footer-brand img{height:62px!important}
}