
:root{
  --navy:#071836; --navy2:#0d274c; --gold:#b99a5b; --red:#9c1e25;
  --paper:#f6f4ef; --ink:#17191d; --muted:#657080; --line:#d8d5cd; --white:#fff;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.logo-wrap{max-width:var(--max);margin:auto;padding:14px 20px}
.logo-wrap img{display:block;width:min(100%,1030px)}
.top-nav{background:var(--navy);color:#fff}
.top-nav .inner{max-width:var(--max);margin:auto;display:flex;gap:3px;align-items:center;padding:0 14px;overflow-x:auto}
.top-nav a{display:block;padding:13px 12px;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent}
.top-nav a:hover,.top-nav a.active{border-color:var(--gold);background:rgba(255,255,255,.06)}
.ticker{background:var(--red);color:#fff;font-family:Arial,sans-serif;font-size:.86rem}
.ticker .inner{max-width:var(--max);margin:auto;padding:7px 20px}
.container{max-width:var(--max);margin:auto;padding:28px 20px 60px}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.hero-card,.card,.side-box,.article-shell{background:#fff;border:1px solid var(--line)}
.hero-card img{aspect-ratio:16/8.5;object-fit:cover;width:100%}
.hero-content{padding:24px}
.kicker{font-family:Arial,sans-serif;color:var(--red);font-weight:800;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}
h1,h2,h3{line-height:1.12;margin:.4em 0}
h1{font-size:clamp(2rem,4vw,4rem)}
h2{font-size:clamp(1.5rem,2.3vw,2.4rem)}
h3{font-size:1.25rem}
.deck{font-size:1.18rem;color:#3e4651}
.side-list{display:grid;gap:14px}
.card{padding:17px}
.card img{aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}
.section-title{display:flex;align-items:center;gap:12px;margin:46px 0 18px;border-bottom:2px solid var(--navy);padding-bottom:8px}
.section-title:before{content:"";width:9px;height:28px;background:var(--red)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.meta{font-family:Arial,sans-serif;color:var(--muted);font-size:.82rem}
.category-hero{background:var(--navy);color:#fff;padding:34px;border-left:8px solid var(--gold)}
.category-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}
.article-shell{max-width:920px;margin:auto;padding:clamp(22px,5vw,64px)}
.article-shell h1{font-size:clamp(2.2rem,5vw,4.4rem)}
.article-shell h2{margin-top:2.1em;border-left:5px solid var(--gold);padding-left:14px}
.article-shell p{font-size:1.09rem}
.article-figure{margin:2.4rem 0}
.article-figure img{width:100%;border:1px solid var(--line);background:#fff}
.article-figure figcaption{font-family:Arial,sans-serif;color:var(--muted);font-size:.86rem;line-height:1.5;margin-top:.65rem}
.note{background:#f0eee7;border-left:5px solid var(--gold);padding:17px 20px}
.sources{font-family:Arial,sans-serif;font-size:.9rem;background:#f4f6f8;padding:20px;margin-top:36px}
.sources li{margin:.55em 0}
.site-footer{background:var(--navy);color:#dbe3ef;margin-top:50px}
.footer-inner{max-width:var(--max);margin:auto;padding:34px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
.footer-inner h3{color:#fff}
.footer-inner a{display:block;margin:.35em 0}
.copyright{border-top:1px solid rgba(255,255,255,.15);padding:15px 20px;text-align:center;font-family:Arial,sans-serif;font-size:.82rem}
@media(max-width:850px){
 .hero-grid,.category-grid,.footer-inner{grid-template-columns:1fr}
 .cards{grid-template-columns:1fr 1fr}
 .logo-wrap{padding:10px}
}
@media(max-width:560px){
 .cards{grid-template-columns:1fr}
 .container{padding:18px 12px 42px}
 .hero-content,.article-shell{padding:20px}
 .top-nav a{padding:11px 9px;font-size:.82rem}
}
