/* News-specific styles — loaded after /styles.css */

/* ── Layout ── */
main.news-main{max-width:1080px;margin:0 auto;padding:8rem 1.5rem 5rem}

/* ── Hero Banner Image ── */
.news-hero-banner{margin-bottom:2.5rem}
.news-hero-img{display:block;width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover;aspect-ratio:1920/768}

/* ── Hero Intro ── */
.news-hero{margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-subtle)}
.news-hero-text{max-width:540px}
.news-hero-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dark);margin-bottom:1rem}
.news-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:600;margin:0 0 .75rem;color:var(--navy);line-height:1.12}
.news-hero p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:0;max-width:500px}

/* ── Filter Navigation ── */
.news-filter-nav{display:flex;gap:2rem;margin-bottom:3.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}
.news-filter-btn{font-size:.9rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;padding-bottom:.5rem;position:relative;transition:color .3s ease}
.news-filter-btn::after{content:'';position:absolute;bottom:-.5rem;left:0;width:0;height:2px;background:var(--green-dark);transition:width .35s var(--ease-out-expo)}
.news-filter-btn:hover{color:var(--navy)}
.news-filter-btn:hover::after{width:100%}
.news-filter-btn.active{color:var(--navy)}
.news-filter-btn.active::after{width:100%}

/* ── Section Grouping ── */
.news-section{margin-bottom:0;padding-top:64px}
.news-section:first-of-type{padding-top:0}
.news-section:last-child{margin-bottom:0}
.news-section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:600;color:var(--navy);margin:0 0 2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);line-height:1.2}

/* ── Article Grid ── */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}

/* ── Article Card ── */
.news-article-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(22,45,80,.06);transition:box-shadow .3s ease,transform .3s ease}
.news-article-card:hover{box-shadow:0 6px 24px rgba(22,45,80,.1);transform:translateY(-2px)}
.news-section .news-article-card:last-child{border-bottom:none}

.news-card-image{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#eef3f8,#dfe8f1);flex-shrink:0;overflow:hidden}
.news-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.news-article-card:hover .news-card-image img{transform:scale(1.05)}

.news-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem 1.5rem}
.news-card-category{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark)}
.news-card-body h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.15rem,2vw,1.4rem);margin:0;color:var(--navy);line-height:1.3;font-weight:600;transition:color .3s ease}
.news-card-body h3 a{color:inherit;text-decoration:none}
.news-article-card:hover .news-card-body h3{color:var(--navy-deep)}
.news-card-body p{color:var(--text-secondary);font-size:.92rem;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ── Shared link style ── */
.read-link{font-weight:600;color:var(--navy);font-size:.85rem;text-decoration:none;letter-spacing:.02em;transition:color .3s ease;margin-top:auto;padding-top:.25rem}
.read-link:hover{color:var(--green-dark)}

/* ── Scroll Fade-In Animation ── */
[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
[data-animate].news-visible{opacity:1;transform:translateY(0)}

/* ── Respect prefers-reduced-motion ── */
@media (prefers-reduced-motion: reduce) {
  [data-animate]{opacity:1 !important;transform:none !important;transition:none !important}
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}
}

/* ── Article Detail Page ── */
.news-article{background:#fff;border:1px solid var(--border-subtle);border-radius:18px;padding:0;overflow:hidden}

/* Content wrapper — centers and limits width for readability */
.news-article__content-wrap{
  max-width:780px;
  margin:0 auto;
  padding:2rem 2.5rem 3rem;
}

/* Header */
.news-article__header{padding:2rem 2.5rem 0}
.news-article__header h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.85rem,4vw,2.7rem);
  font-weight:700;
  margin:0 0 1.25rem;
  color:var(--navy);
  text-wrap:balance;
  line-height:1.15;
  letter-spacing:-.01em;
}

/* Hero image — full bleed within article, rounded, good spacing */
.news-article__hero-image{
  width:100%;
  aspect-ratio:16/9;
  border-radius:0;
  background:linear-gradient(135deg,#eef3f8,#dfe8f1);
  margin-bottom:2rem;
  overflow:hidden;
  display:block;
}
.news-article__hero-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}

/* Summary box — 3 columns, well-spaced */
.news-article__summary-box{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:2.5rem;
  padding:0 2.5rem;
}
.summary-item{
  border:1px solid var(--border-subtle);
  border-radius:12px;
  padding:1rem 1.1rem;
  background:#fafcf7;
}
.summary-item h2{
  font-size:.8rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0 0 .5rem;
  color:var(--navy);
}
.summary-item p{
  font-size:.9rem;
  line-height:1.6;
  margin:0;
  color:var(--text-secondary);
}

/* Article body — readable typography, contained width */
.news-article__content{padding:0 2.5rem 2rem}

/* Section spacing */
.news-article section{
  margin-top:2.5rem;
}

/* Headings */
.news-article h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.3rem,2.5vw,1.65rem);
  font-weight:700;
  color:var(--navy);
  margin:0 0 .75rem;
  line-height:1.2;
  text-wrap:balance;
}
.news-article h3{
  font-size:1.05rem;
  font-weight:700;
  color:var(--navy);
  margin:1.75rem 0 .5rem;
  line-height:1.35;
}

/* Body paragraphs */
.news-article__content>p{
  font-size:1rem;
  line-height:1.8;
  color:var(--text-secondary);
  margin:0 0 1.25rem;
}
.news-article__content>p:last-child{margin-bottom:0}

/* Lists */
.news-article ul,.news-article ol{
  margin:.5rem 0 1.25rem;
  padding-left:1.5rem;
  color:var(--text-secondary);
  line-height:1.75;
}
.news-article ul li,.news-article ol li{
  margin-bottom:.4rem;
}
.news-article ul li strong,.news-article ol li strong{
  color:var(--navy);
}

/* Tables */
.news-article table{
  width:100%;
  border-collapse:collapse;
  font-size:.9rem;
  margin:1.25rem 0 2rem;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 0 0 1px var(--border-subtle);
}
.news-article th{
  background:var(--navy);
  color:#fff;
  font-weight:700;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:.75rem 1rem;
  text-align:left;
}
.news-article td{
  padding:.7rem 1rem;
  border-bottom:1px solid var(--border-subtle);
  color:var(--text-secondary);
  vertical-align:top;
  line-height:1.5;
}
.news-article tr:last-child td{border-bottom:none}
.news-article tr:nth-child(even) td{background:#fafcf7}

/* Emphasis */
.news-article em{font-style:italic}
.news-article strong{font-weight:700;color:var(--navy)}

/* Back link */
.back-home{display:inline-flex;margin-top:1rem;color:var(--navy);font-weight:600}

/* ── Executive Summary Block ── */
.article-executive-summary{background:var(--warm-white);padding:20px 24px;border-radius:8px;margin-bottom:1.25rem;max-width:100%}
.article-executive-summary p{font-size:1.08rem;line-height:1.75;color:var(--text-secondary);margin:0}

/* ── Article Section Structure ── */
.article-section{margin-top:60px}
.article-section h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:var(--navy);margin:0 0 .75rem;line-height:1.25}
.article-section .section-content p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.7}
.article-section .section-content p:last-child{margin-bottom:0}

/* ── Grid List (Bullet Replacement) ── */
.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:.75rem 0 1rem}
.grid-item{background:var(--warm-white);padding:16px;border-radius:8px;color:var(--text-secondary);font-size:.93rem;line-height:1.55;display:flex;align-items:baseline;gap:.5rem}
.grid-item::before{content:'\2022';color:var(--green-dark);font-weight:700;flex-shrink:0}

/* ── Article Conclusion Block ── */
.article-conclusion{background:#f9f5ed;padding:24px;border-left:4px solid var(--green);border-radius:0 8px 8px 0;margin-top:60px}
.article-conclusion p{margin:0;color:var(--text-primary);font-weight:500;line-height:1.7;font-size:1rem}

/* ── Article CTA Block ── */
.article-cta{text-align:center;margin-top:60px;padding:2.5rem 2rem;background:var(--cream);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.article-cta h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin:0 0 .5rem}
.article-cta p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.25rem;line-height:1.6}
.article-cta .btn-primary{display:inline-block;background:var(--green);color:#fff;padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;transition:background .3s ease,transform .3s ease}
.article-cta .btn-primary:hover{background:var(--green-dark);transform:translateY(-2px)}
.article-cta .btn-secondary{display:inline-block;background:transparent;color:var(--navy);padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--navy);margin-left:.75rem;transition:background .3s ease,color .3s ease}
.article-cta .btn-secondary:hover{background:var(--navy);color:#fff}

/* ── Responsive ── */
@media(max-width:768px){
  main.news-main{padding:6rem 1.25rem 3rem}
  .news-hero-banner{margin-bottom:1.75rem}
  .news-hero-img{border-radius:var(--radius-sm)}
  .news-filter-nav{gap:1.25rem;flex-wrap:wrap}
  .news-grid{grid-template-columns:1fr;gap:24px}
  .news-section{padding-top:48px}
  .news-card-image{aspect-ratio:16/9}
  .news-article__summary-box{grid-template-columns:1fr;padding:0 1.25rem}
  .news-article__header{padding:1.5rem 1.25rem 0}
  .news-article__content{padding:0 1.25rem 1.5rem}
  .news-article__content-wrap{padding:1.5rem 1.25rem 2rem}
  .news-article__hero-image{margin-bottom:1.5rem}
  .news-article section{margin-top:2rem}
  .news-article h2{font-size:1.3rem}
  .news-article__content>p{font-size:.95rem;line-height:1.75}
  .news-article table{font-size:.82rem}
  .news-article th,.news-article td{padding:.55rem .75rem}
  .article-section{margin-top:40px}
  .article-conclusion{margin-top:40px}
  .article-cta{margin-top:40px;padding:2rem 1.5rem}
  .grid-list{grid-template-columns:1fr}
}