.container{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-5)}
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;z-index:100;background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);font-weight:600}
.skip-link:focus{width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-4)}

.ticker{position:relative;background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-xs);letter-spacing:.12em;font-weight:700;padding-block:.45rem;overflow:hidden;text-transform:uppercase;border-bottom:1px solid rgba(26,23,20,.08)}
.ticker-track{display:flex;width:max-content;animation:ticker-scroll var(--ticker-duration,28s) linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-group{display:flex;flex-shrink:0;align-items:center}
.ticker-group span{padding-inline:var(--space-10);white-space:nowrap}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none;width:100%;justify-content:center;transform:none}.ticker-group:last-child{display:none}}

.site-header{background:var(--color-surface);color:var(--color-heading);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40;box-shadow:0 8px 30px rgba(26,23,20,.04)}
.site-header::before{content:'';display:block;height:4px;background:linear-gradient(90deg,#21a038 0%,#3ddc68 55%,#21a038 100%)}

.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) 0 var(--space-4)}
.brand{text-decoration:none;color:var(--color-heading)}
.brand-wordmark{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.03em;display:block;line-height:1.05}
.brand small{display:block;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-top:.4rem}
.masthead-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}
.theme-toggle{width:42px;height:42px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-heading);display:grid;place-items:center}

.nav-bar{background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.nav-inner{display:flex;gap:var(--space-6);padding:var(--space-3) 0}
.nav-inner a{
  text-decoration:none;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;
  color:var(--color-text-muted);padding:.35rem 0;border-bottom:3px solid transparent;
}
.nav-inner a.active,.nav-inner a:hover{color:var(--color-accent);border-color:var(--color-accent)}

.disclaimer-line{font-size:var(--text-xs);color:var(--color-text-muted);padding:.65rem 0;background:color-mix(in oklab,var(--color-accent) 6%,var(--color-bg));border-bottom:1px solid var(--color-border)}

.hero-immersive{position:relative;min-height:min(78vh,680px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;margin-bottom:var(--space-16);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.hero-immersive .hero-bg{position:absolute;inset:0;z-index:0}
.hero-immersive .hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.hero-immersive .hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(115deg,rgba(26,23,20,.88) 0%,rgba(26,23,20,.45) 48%,rgba(33,160,56,.25) 100%);
}
.hero-immersive .hero-inner{position:relative;z-index:1;padding:var(--space-16) 0 var(--space-12);max-width:760px}
.hero-immersive h1{font-size:var(--text-3xl);line-height:1.04;letter-spacing:-.03em;font-weight:600}
.hero-immersive .lead{color:rgba(255,255,255,.9);font-size:var(--text-lg);margin-top:var(--space-5);line-height:1.65;max-width:54ch}
.hero-immersive .hero-actions{margin-top:var(--space-8);display:flex;gap:var(--space-3);flex-wrap:wrap}
.hero-immersive .button.primary{background:var(--color-accent);color:#fff;border:none;box-shadow:0 12px 30px rgba(33,160,56,.35)}
.hero-immersive .button.secondary{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(6px)}

.eyebrow{
  display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.14em;
  font-size:var(--text-xs);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-4);
  background:color-mix(in oklab,var(--color-accent) 12%,transparent);padding:.35rem .75rem;border-radius:var(--radius-pill);
}
.hero-immersive .eyebrow{color:#fff;background:rgba(255,255,255,.14)}

.section-wrap{padding:0 0 var(--space-16)}
.section-wrap:nth-of-type(even){background:color-mix(in oklab,var(--color-accent) 5%,var(--color-bg));padding-top:var(--space-12);padding-bottom:var(--space-16);margin-bottom:0;border-radius:var(--radius-lg)}
.section-heading{margin-bottom:var(--space-8)}
.section-heading h2{font-size:var(--text-2xl);color:var(--color-heading);letter-spacing:-.03em;font-weight:600}
.section-heading.split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:end}
.section-heading.split p{color:var(--color-text-muted);line-height:1.7;font-size:var(--text-base)}

.article-card{
  background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);
  overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
}
.article-card:hover{transform:translateY(-6px);box-shadow:var(--soft-shadow);border-color:color-mix(in oklab,var(--color-accent) 35%,var(--color-border))}
.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}
.card-photo{aspect-ratio:16/10;overflow:hidden;background:var(--color-surface-offset)}
.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.article-card:hover .card-photo img{transform:scale(1.04)}
.article-card.featured{border:none;box-shadow:var(--soft-shadow)}
.article-card.featured .card-link{position:relative;display:block;min-height:420px}
.article-card.featured .card-photo{position:absolute;inset:0;aspect-ratio:auto;max-height:none}
.article-card.featured .card-photo img{min-height:420px}
.article-card.featured .card-body{
  position:relative;z-index:1;margin-top:auto;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;
  padding:var(--space-10) var(--space-8);background:linear-gradient(to top,rgba(26,23,20,.92) 0%,rgba(26,23,20,.2) 55%,transparent 100%);
  color:#fff;
}
.article-card.featured h2,.article-card.featured p,.article-card.featured .read-more{color:#fff}
.article-card.featured .meta-row span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:var(--radius-pill)}
.card-body{padding:var(--space-6) var(--space-6) var(--space-8)}
.meta-row,.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.meta-row span,.article-meta span,.article-meta time{
  padding:.2rem .65rem;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-accent) 10%,var(--color-surface));
  color:var(--color-accent);border:1px solid color-mix(in oklab,var(--color-accent) 18%,transparent);
}
.article-card h2{font-size:var(--text-xl);margin:var(--space-4) 0;line-height:1.2;color:var(--color-heading);font-weight:600}
.article-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.65}
.read-more{display:inline-flex;margin-top:var(--space-4);font-weight:700;color:var(--color-cta);font-size:var(--text-sm)}
.read-more::after{content:' ↗';font-size:.9em}

.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.article-grid .article-card:nth-child(6n+1){grid-column:span 2}
.article-grid .article-card:nth-child(6n+1) .card-photo{aspect-ratio:21/9}

.article-shell{padding-bottom:var(--space-16)}
.article-shell.advertorial .article-hero{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-10)}
.article-shell.advertorial .article-layout{padding-top:var(--space-8)}
.article-hero{padding:var(--space-12) 0 0;text-align:center}
.article-hero .eyebrow{margin-inline:auto}
.article-hero h1{font-size:var(--text-2xl);color:var(--color-heading);margin:var(--space-4) auto 0;line-height:1.08;letter-spacing:-.03em;max-width:min(22ch,100%)}
.article-lead{font-size:var(--text-lg);color:var(--color-text-muted);margin:var(--space-5) auto 0;line-height:1.7;max-width:58ch}
.article-cover{margin-top:var(--space-10);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;max-height:520px;box-shadow:var(--soft-shadow)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-meta{margin-top:var(--space-6);justify-content:center}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);padding:var(--space-10) 0;max-width:var(--content-narrow);margin-inline:auto}
.article-sidebar{
  background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);
  border-radius:var(--radius-md);padding:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);
  margin-bottom:var(--space-6);box-shadow:var(--soft-shadow);
}
.article-shell.advertorial .article-layout.advertorial-layout{padding-top:var(--space-8);gap:var(--space-8)}
.article-sidebar.expert-card{
  display:grid;grid-template-columns:88px 1fr;gap:var(--space-5);align-items:start;
  color:var(--color-text);margin-top:calc(var(--space-6) * -1);margin-bottom:0;
  border-left:4px solid var(--color-accent);
}
.article-sidebar.expert-card strong{color:var(--color-heading);font-size:var(--text-base);display:block}
.article-sidebar.expert-card p{color:var(--color-text-muted);margin:0}
.expert-card{display:grid;grid-template-columns:88px 1fr;gap:var(--space-5);align-items:start;margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px dashed var(--color-border)}
.container.expert-card{max-width:var(--content-narrow);margin-top:calc(var(--space-6) * -1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--soft-shadow);border-bottom:none;margin-bottom:var(--space-8)}
.expert-photo{width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;border:3px solid color-mix(in oklab,var(--color-accent) 25%,transparent)}
.expert-photo img{width:100%;height:100%;object-fit:cover}

.site-footer{background:var(--color-ink);color:#d8d2c8;padding:var(--space-16) 0 var(--space-5);margin-top:var(--space-12);border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.footer-grid{display:grid;grid-template-columns:1.2fr auto;gap:var(--space-10)}
.footer-grid strong{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;font-weight:600}
.footer-links{display:grid;gap:var(--space-3);font-size:var(--text-sm)}
.footer-links a{color:#b8b0a4;text-decoration:none}
.footer-links a:hover{color:#fff}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);font-size:var(--text-xs);color:#8a8278;margin-top:var(--space-10);padding-top:var(--space-5)}

@media (max-width:900px){
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-grid .article-card:nth-child(6n+1){grid-column:span 1}
  .article-grid .article-card:nth-child(6n+1) .card-photo{aspect-ratio:16/10}
  .section-heading.split{grid-template-columns:1fr}
  .hero-immersive{min-height:560px;border-radius:0}
  .article-card.featured .card-link,.article-card.featured .card-photo img{min-height:360px}
}
@media (max-width:620px){
  .article-grid{grid-template-columns:1fr}
  .hero-immersive h1{font-size:var(--text-2xl)}
  .article-hero h1{max-width:none}
}