:root{
  --bg:#f4f5f0; --text:#0b1b1f; --accent:#b6f36a; --muted:#58656a; --panel:#0d202b; --max-width:1200px;
  --card-bg:#ffffff; --card-border:#e6e8e4; --shadow: 0 10px 30px rgba(14,34,39,.06);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.wrap{width:min(var(--max-width),calc(100% - 48px));margin:0 auto}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Breaking news */
.breaking{background:#07141d;color:#fff;font-weight:700}
.breaking-inner{display:flex;align-items:center;gap:14px;padding:8px 0}
.breaking-list{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.breaking-item{color:#fff;margin-right:10px}
.breaking-toggle{background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 10px;border-radius:6px}

/* Header */
.site-header{position:sticky;top:0;z-index:6;background:rgba(7,20,29,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;color:#fff}
.brand-mark{color:var(--accent);font-size:1.5rem}
.navlinks{display:flex;gap:18px}
.navlinks a{color:#d4dedf;padding:8px 10px;border-radius:6px}
.navlinks a:hover{background:rgba(255,255,255,.03)}

/* Hero */
.hero{min-height:360px;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg, rgba(7,20,29,.92) 0%, rgba(7,20,29,.6) 60%), url('https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=1800&q=80');background-size:cover;background-position:center}
.hero-content{padding:56px 0}
.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero h1{font-family: Georgia, 'Times New Roman', serif;font-size:clamp(2rem,4.5vw,3.6rem);margin:6px 0}
.lead{color:#dce6e4;max-width:52ch}
.hero-actions{margin-top:18px;display:flex;gap:12px}
.primary-btn{background:var(--accent);color:#07141d;padding:10px 16px;border-radius:999px;font-weight:800}
.secondary-btn{background:transparent;border:1px solid rgba(255,255,255,.14);color:#fff;padding:10px 16px;border-radius:999px}

/* Editorial layout */
.editorial{padding:28px 0}
.editor-grid{display:grid;grid-template-columns: 1fr 320px;gap:28px;margin-top:18px}

/* Main column */
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.section-heading h2{font-family: Georgia, serif;margin:0}
.featured{margin-bottom:18px}
.featured-card{display:grid;grid-template-columns: 1fr 1fr;gap:18px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}
.featured-card img{height:100%;object-fit:cover}
.featured-body{padding:20px}
.featured .news-tag{color:var(--accent);font-weight:900}
.featured h3{margin:8px 0 10px}
.featured .read-more{color:#285b3c;font-weight:800}

.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.news-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.news-img{height:180px;object-fit:cover}
.news-body{padding:14px;display:flex;flex-direction:column;gap:10px}
.news-tag{font-size:.72rem;color:var(--accent);font-weight:800}
.news-card .news-tag,.featured .news-tag{color:#36714b}
.news-title{margin:0;font-family:Georgia,serif}
.news-excerpt{color:var(--muted);margin:0}
.news-meta{margin-top:auto;color:#7b8a88;font-weight:700}
.news-new{position:absolute;top:10px;left:10px;background:var(--accent);color:#07141d;padding:6px 10px;border-radius:999px;font-weight:900}
.read-link{color:#285b3c;font-weight:800}

.empty-state{padding:18px;border:1px dashed var(--card-border);text-align:center;color:var(--muted)}

/* Sidebar */
.sidebar{display:flex;flex-direction:column;gap:18px}
.widget{background:var(--card-bg);border:1px solid var(--card-border);padding:14px;border-radius:8px}
.widget h3{margin:0 0 10px}
.latest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.latest-list li{display:flex;flex-direction:column}
.latest-list small{color:var(--muted);font-size:.75rem}
.aside-featured{display:flex;flex-direction:column;gap:10px}
.aside-card{display:flex;gap:12px;align-items:center}
.aside-card img{width:64px;height:46px;object-fit:cover;border-radius:6px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag{background:#f0f7ea;border-radius:999px;padding:8px 12px;border:1px solid #e8f0dc}

/* Deep dive */
.deep-dive{padding:36px 0;margin-top:12px}
.deep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.deep-card{padding:20px;border-radius:8px;background:var(--panel);color:#fff}
.deep-card .news-tag{color:var(--accent)}
.deep-card h3{margin-top:6px}

/* Responsive */
@media (max-width: 980px){
  .editor-grid{grid-template-columns:1fr 300px}
  .news-grid{grid-template-columns:1fr}
  .featured-card{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .wrap{width:calc(100% - 32px)}
  .nav{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}
  .navlinks{display:flex;width:100%;gap:8px;overflow-x:auto;padding-bottom:4px}
  .navlinks a{flex:0 0 auto;padding:8px 10px}
  .navlinks::-webkit-scrollbar{display:none}
  .editor-grid{grid-template-columns:1fr}
  .hero{min-height:280px}
  .deep-grid{grid-template-columns:1fr}
}

a:focus-visible,button:focus-visible{outline:3px solid #6a963e;outline-offset:3px}