:root{--ink:#1a1a1a;--muted:#6b6b6b;--bg:#f5f0e8;--accent:#c84a31;--border:#e5dfd5}
*{box-sizing:border-box;margin:0;padding:0}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg)}
.wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.site-header{background:var(--bg);padding:16px 0;border-bottom:1px solid var(--border)}
.nav-wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.brand{font-size:34px;font-weight:800;letter-spacing:-0.8px;text-decoration:none;color:var(--ink);font-family:Georgia,"Times New Roman",serif}
.tagline{color:var(--muted);font-size:12px;flex-grow:1;letter-spacing:0.3px}
.main-nav{display:flex;gap:20px}
.main-nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.8px;transition:color .2s}
.main-nav a:hover{color:var(--accent)}
.page-header{padding:48px 0 28px;border-bottom:3px solid var(--ink);margin-bottom:32px}
.page-title{font-family:Georgia,"Times New Roman",serif;font-size:56px;font-weight:700;line-height:1.05;margin-bottom:12px}
.page-subtitle{font-size:17px;color:var(--muted);line-height:1.4}
.cat{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;margin-bottom:10px;display:block}
.hero-centered{display:grid;grid-template-columns:2.5fr 1fr;gap:32px;margin:32px 0 48px;align-items:start}
.hero-center-main{text-align:center;max-width:800px;margin:0 auto}
.hero-center-img{width:100%;max-width:700px;margin:0 auto 24px;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#e5dfd5}
.hero-center-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hero-center-img:hover img{transform:scale(1.02)}
.hero-center-headline{font-family:Georgia,"Times New Roman",serif;font-size:48px;font-weight:800;line-height:1.1;margin:12px 0 16px;letter-spacing:-0.6px}
.hero-center-headline a{text-decoration:none;color:var(--ink);transition:color .2s}
.hero-center-headline a:hover{color:var(--accent)}
.hero-center-teaser{font-size:17px;line-height:1.6;color:var(--ink);max-width:600px;margin:0 auto}
.hero-center-sides{display:flex;flex-direction:column;gap:32px}
.byline{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hero-side-card{display:flex;flex-direction:column;gap:10px;cursor:pointer}
.hero-side-card .card-thumb{width:100%;height:180px;background:#e5dfd5;border-radius:3px;overflow:hidden}
.hero-side-card .card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hero-side-card:hover .card-thumb img{transform:scale(1.02)}
.hero-side-card .card-title{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:800;line-height:1.25;margin:4px 0 6px;letter-spacing:-0.3px}
.hero-side-card .card-title a{text-decoration:none;color:var(--ink);transition:color .2s}
.hero-side-card .card-title a:hover{color:var(--accent)}
.hero-side-card .card-teaser{font-size:14px;line-height:1.5;color:var(--ink)}
.river{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 48px}
.card{background:var(--bg);border:none;display:grid;grid-template-rows:200px auto;gap:10px;transition:opacity .2s;cursor:pointer;height:100%}
.card:hover{opacity:.8}
.card:nth-child(5n+1){grid-column:span 2;grid-row:span 2;grid-template-rows:420px auto}
.card:nth-child(5n+1) .card-title{font-size:32px;line-height:1.2}
.card:nth-child(5n+1) .card-teaser{font-size:16px;line-height:1.6}
.card:nth-child(5n+2){grid-column:span 1;grid-row:span 2;grid-template-rows:420px auto}
.card:nth-child(5n+2) .card-title{font-size:24px}
.card-thumb{width:100%;height:100%;background:#e5dfd5;border-radius:3px;overflow:hidden}
.card-thumb a{display:block;width:100%;height:100%}
.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.card:hover .card-thumb img{transform:scale(1.02)}
.card-body{display:flex;flex-direction:column;padding:0}
.card-title{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:800;line-height:1.25;margin:4px 0 8px;letter-spacing:-0.3px}
.card-title a{text-decoration:none;color:var(--ink);transition:color .2s}
.card-title a:hover{color:var(--accent)}
.card-teaser{color:var(--ink);font-size:14px;line-height:1.55;margin-bottom:6px}
.card-meta{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.article-header{max-width:800px;margin:40px auto;text-align:left}
.article-title{font-family:Georgia,"Times New Roman",serif;font-size:52px;font-weight:800;line-height:1.1;margin:14px 0 18px;letter-spacing:-0.8px}
.article-meta{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hero-figure{margin:32px 0 48px;max-width:1000px;margin-left:auto;margin-right:auto}
.hero-figure img{width:100%;height:auto;border-radius:3px;display:block}
.hero-figure .credit{color:var(--muted);font-size:11px;margin-top:8px;font-style:italic}
.article-content{max-width:680px;margin:0 auto;font-size:18px;line-height:1.75}
.article-content p{margin:0 0 22px}
.article-content h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:700;margin:36px 0 18px;letter-spacing:-0.3px}
.article-content h3{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:700;margin:28px 0 14px;letter-spacing:-0.2px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;max-width:680px;margin-left:auto;margin-right:auto}
.tags a{background:#fff;border:1px solid var(--border);color:var(--ink);padding:5px 12px;border-radius:16px;text-decoration:none;font-size:12px;font-weight:500;transition:all .2s}
.tags a:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}
.sources{max-width:680px;margin:48px auto 32px;padding-top:28px;border-top:1px solid var(--border)}
.sources h3{font-family:Georgia,"Times New Roman",serif;font-size:11px;margin-bottom:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
.sources ul{list-style:none;padding:0}
.sources li{margin-bottom:10px}
.sources a{color:var(--accent);text-decoration:none;font-size:14px;transition:text-decoration .2s}
.sources a:hover{text-decoration:underline}
.site-footer{margin-top:64px;padding:20px 0;background:var(--bg);border-top:1px solid var(--border)}
.site-footer .wrap{color:var(--muted);font-size:12px;text-align:center}

/* Unsplash attribution styling */
.unsplash-credit {
  font-size: 0.875rem;
  color: #666;
  margin-top: 0.5rem;
  text-align: center;
}

.unsplash-credit a {
  color: #111;
  text-decoration: underline;
}

.unsplash-credit a:hover {
  color: #000;
}

/* NEW: Google News - visible publish date on article pages ONLY */
.article-byline {
  font-size: 14px;
  color: var(--muted);
  margin: 8px 0 16px 0;
  font-style: italic;
}

.article-byline time {
  color: var(--muted);
}

/* NEW: Footer links for policy pages */
.footer-links {
  margin-top: 12px;
  font-size: 12px;
}

.footer-links a {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: var(--ink);
  text-decoration: underline;
}

/* NEW: Policy pages content */
.page-content {
  max-width: 680px;
  margin: 48px auto 96px;
  font-size: 17px;
  line-height: 1.75;
}

.page-content h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 52px;
  font-weight: 800;
  margin-bottom: 32px;
  letter-spacing: -0.8px;
}

.page-content h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 36px 0 18px;
  font-family: Georgia, "Times New Roman", serif;
}

.page-content p {
  margin-bottom: 22px;
}

.page-content ul {
  margin: 16px 0 22px 24px;
  line-height: 1.75;
}

.page-content li {
  margin-bottom: 8px;
}

.page-content a {
  color: var(--accent);
  text-decoration: none;
  transition: text-decoration 0.2s;
}

.page-content a:hover {
  text-decoration: underline;
}

.page-content strong {
  font-weight: 700;
  color: var(--ink);
}

@media (max-width:1200px){
.hero-centered{grid-template-columns:1fr;gap:32px}
.hero-center-sides{flex-direction:row;gap:20px}
.river{grid-template-columns:repeat(2,1fr)}
.card:nth-child(5n+1){grid-column:span 2}
.card:nth-child(5n+2){grid-column:span 1;grid-row:span 1;grid-template-rows:200px auto}
}
@media (max-width:768px){
.hero-centered{grid-template-columns:1fr}
.hero-center-sides{flex-direction:column;gap:24px}
.hero-center-headline{font-size:36px}
.river{grid-template-columns:1fr;gap:24px}
.card{grid-column:span 1!important;grid-row:span 1!important;grid-template-rows:200px auto!important}
.card:nth-child(5n+1) .card-title{font-size:22px}
.brand{font-size:28px}
.article-title{font-size:36px}
}

/* Fix: Hero headline should NOT be blue like hyperlink */
.hero-center-headline a {
  color: var(--ink) !important;
}

.hero-center-headline a:hover {
  color: var(--accent) !important;
}

/* Ensure side card titles also not blue */
.hero-side-card .card-title a {
  color: var(--ink) !important;
}

.hero-side-card .card-title a:hover {
  color: var(--accent) !important;
}