/* 2026 Extremes — shared site chrome */
:root{
  --paper:#FEFDF8; --ink:#111217; --ink-2:#5A5C62; --line:#E6E2D9; --line-strong:#C9C3B6;
  --accent:#E11D24; --accent-2:#FF7A1A; --moss:#1A2F23; --sand:#F2EDE3;
  --nav-bg:#14161B; --nav-ink:#EDEFF3;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);
  font-family:"Newsreader",Georgia,serif;-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}

/* ---- Site header / nav ---- */
.site-header{background:var(--nav-bg);color:var(--nav-ink);position:sticky;top:0;z-index:1000}
.site-header .wrap{display:flex;align-items:center;gap:22px;padding-top:0;padding-bottom:0;min-height:56px}
.brand{font-family:"Instrument Serif",serif;font-size:22px;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.brand i{font-style:italic;color:var(--accent-2)}
.site-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.site-nav a{text-decoration:none;font-family:"Fragment Mono",monospace;font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;padding:8px 12px;border-radius:8px;color:#C9CDD6}
.site-nav a:hover{background:#23262E;color:#fff}
.site-nav a.active{background:#23262E;color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
@media(max-width:760px){.site-nav a{padding:8px 8px;font-size:10.5px}}

/* ---- Footer ---- */
.site-footer{background:var(--nav-bg);color:#9AA0AB;margin-top:44px}
.site-footer .wrap{padding-top:26px;padding-bottom:26px;display:flex;flex-wrap:wrap;gap:18px 32px;align-items:baseline;justify-content:space-between}
.site-footer p{margin:0;font-family:"Fragment Mono",monospace;font-size:11px;line-height:1.7;max-width:70ch}
.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.site-footer nav a{font-family:"Fragment Mono",monospace;font-size:11px;color:#C9CDD6;text-decoration:none}
.site-footer nav a:hover{color:#fff;text-decoration:underline}

/* ---- Ad sidebar ---- */
.layout-with-ads{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
@media(max-width:1080px){.layout-with-ads{grid-template-columns:1fr}}
#ad-sidebar{position:sticky;top:72px}
@media(max-width:1080px){#ad-sidebar{position:static}}
#ad-sidebar .ad-slot{border:1px dashed var(--line-strong);border-radius:12px;min-height:600px;
  display:flex;align-items:center;justify-content:center;background:#fff;
  font-family:"Fragment Mono",monospace;font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em}
@media(max-width:1080px){#ad-sidebar .ad-slot{min-height:120px}}

/* ---- Cookie consent ---- */
#cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:2000;
  background:#14161B;color:#EDEFF3;border-radius:14px;padding:14px 16px;
  display:none;gap:14px;align-items:center;box-shadow:0 8px 30px rgba(0,0,0,.35);
  font-family:"Fragment Mono",monospace;font-size:12px;line-height:1.6}
#cookie-banner.show{display:flex}
#cookie-banner p{margin:0;flex:1}
#cookie-banner a{color:#fff;text-decoration:underline}
#cookie-banner button{background:var(--accent);color:#fff;border:0;border-radius:999px;
  padding:9px 20px;cursor:pointer;font:inherit;white-space:nowrap}
#cookie-banner button:hover{background:#c01419}

/* ---- Landing page ---- */
.hero{padding:44px 0 8px}
.hero h1{font-family:"Instrument Serif",serif;font-size:clamp(44px,7vw,84px);line-height:.95;
  letter-spacing:-.02em;margin:0;font-weight:400}
.hero h1 i{font-style:italic;color:var(--accent)}
.hero .lede{font-size:19px;color:var(--ink-2);max-width:62ch;margin:14px 0 0}
.kicker{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:12px 0;
  font-family:"Fragment Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

.feed-section{margin:26px 0 8px}
.feed-section h2{font-family:"Instrument Serif",serif;font-size:32px;font-weight:400;margin:0 0 4px}
.feed-section .sub{font-family:"Fragment Mono",monospace;font-size:11px;color:var(--ink-2);margin:0 0 14px}
#latest-feed{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:860px){#latest-feed{grid-template-columns:1fr}}
.feed-item{display:flex;gap:12px;align-items:flex-start;text-decoration:none;background:#fff;
  border:1px solid var(--line);border-radius:12px;padding:12px 14px;transition:.15s}
.feed-item:hover{border-color:var(--accent-2);box-shadow:0 4px 16px rgba(0,0,0,.06)}
.feed-badge{font-family:"Fragment Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.07em;
  padding:4px 9px;border-radius:999px;color:#fff;white-space:nowrap;margin-top:2px}
.cat-earthquakes .feed-badge{background:#9B1218}
.cat-hurricanes .feed-badge{background:#1D4ED8}
.cat-disasters .feed-badge{background:#B45309}
.cat-conflicts .feed-badge{background:#4D1D95}
.feed-body{flex:1;min-width:0}
.feed-body strong{display:block;font-size:15px;font-weight:600;line-height:1.3}
.feed-body span{display:block;font-size:13px;color:var(--ink-2);line-height:1.45;margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feed-item time{font-family:"Fragment Mono",monospace;font-size:10.5px;color:var(--ink-2);white-space:nowrap}

.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
@media(max-width:860px){.cards{grid-template-columns:1fr}}
.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;
  display:flex;flex-direction:column;transition:.15s}
.tcard:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.tcard .tcard-top{padding:18px 18px 0}
.tcard .tcard-kicker{font-family:"Fragment Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.tcard h3{font-family:"Instrument Serif",serif;font-size:30px;font-weight:400;margin:6px 0 8px}
.tcard h3 i{font-style:italic;color:var(--accent)}
.tcard p{margin:0 0 12px;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.tcard .tcard-stats{display:flex;gap:0;border-top:1px solid var(--line);margin-top:auto}
.tcard .tcard-stats div{flex:1;padding:10px 14px;border-right:1px solid var(--line)}
.tcard .tcard-stats div:last-child{border-right:0}
.tcard .tcard-stats b{display:block;font-family:"Instrument Serif",serif;font-size:22px;font-weight:400}
.tcard .tcard-stats span{font-family:"Fragment Mono",monospace;font-size:10px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}

.seo-text{margin:34px 0;max-width:78ch}
.seo-text h2{font-family:"Instrument Serif",serif;font-size:28px;font-weight:400}
.seo-text p{color:#2A2E35;font-size:15px}
.seo-text li{font-size:14.5px;color:#2A2E35;margin:6px 0}