.article-content {
  background:var(--global-palette9,#fff);
}
.article-content.brain-food-index {
  background:var(--cream,#fffbde);
}

.article-hero {
  padding:70px 24px;
  background:var(--cream,#fffbde);
  text-align:center;
}
.article-hero h1 {
  margin:0;
  color:var(--green,#40564f);
  font-family:var(--global-heading-font-family,Arapey,serif);
  font-size:clamp(44px,7vw,76px);
  font-weight:500;
  line-height:1.05;
}
.article-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:28px;
  width:min(1120px,calc(100% - 40px));
  margin:50px auto 80px;
}
.article-card {
  overflow:hidden;
  border:1px solid rgba(64,86,79,.16);
  border-radius:18px;
  background:var(--global-palette9,#fff);
  box-shadow:0 12px 30px rgba(28,50,42,.07);
}
.article-card > div { padding:22px; }
.article-card img { display:block;width:100%;aspect-ratio:16/10;object-fit:cover; }
.article-card h2 {
  margin:0 0 12px;
  color:var(--green,#40564f);
  font-family:var(--global-heading-font-family,Arapey,serif);
  font-size:29px;
  line-height:1.12;
}
.article-card h2 a { color:inherit;text-decoration:none; }
.article-card h2 a:hover,.article-card h2 a:focus-visible { text-decoration:underline; }
.article-card p { color:var(--global-palette4,#2d3748); }
.read-more { color:var(--green,#40564f);font-weight:750;text-underline-offset:3px; }

.article-page {
  width:min(900px,calc(100% - 40px));
  margin:60px auto 90px;
}
.article-page > header { margin-bottom:34px;text-align:center; }
.article-page > header > p { margin-bottom:10px; }
.article-page > header > p a { color:var(--green,#40564f);font-weight:650;text-underline-offset:3px; }
.article-page h1 {
  margin:12px 0;
  color:var(--green,#40564f);
  font-family:var(--global-heading-font-family,Arapey,serif);
  font-size:clamp(40px,6vw,66px);
  font-weight:500;
  line-height:1.08;
}
.article-page time { color:var(--global-palette6,#718096);font-size:14px; }
.article-page .featured { display:block;width:100%;max-height:560px;margin-bottom:36px;border-radius:18px;object-fit:cover; }
.article-page .featured.is-fallback-image { object-position:center; }
.article-body { width:min(740px,100%);margin:auto; }
.article-body p { margin:0 0 1.35em; }
.article-body .article-excerpt { margin-bottom:1.55em;color:var(--green,#40564f);font-family:var(--global-heading-font-family,Arapey,serif);font-size:clamp(22px,3vw,28px);line-height:1.42; }
.article-body h2,.article-body h3 { color:var(--green,#40564f);font-family:var(--global-heading-font-family,Arapey,serif);line-height:1.2; }
.article-body h2 { margin:1.7em 0 .55em;font-size:34px; }
.article-body h3 { margin:1.5em 0 .5em;font-size:27px; }
.article-body figure { margin:2rem 0; }
.article-body figure img { display:block;max-width:100%;height:auto;margin:auto;border-radius:14px; }
.article-body figcaption { color:var(--global-palette6,#718096);font-size:14px;text-align:center; }
.article-body blockquote { margin:2rem 0;padding:1rem 1.5rem;border-left:5px solid var(--atira-secondary,#70ac98);background:var(--global-palette7,#e0f0eb);font-family:var(--global-heading-font-family,Arapey,serif);font-size:25px; }
.article-video { position:relative;margin:2rem 0;padding-top:56.25%; }
.article-video iframe { position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px; }
.article-cta { margin:2rem 0!important;text-align:center; }
.article-cta a { display:inline-flex;padding:.75rem 1.1rem;border-radius:999px;background:var(--atira-secondary,#70ac98);color:#fff;font-weight:750;text-decoration:none; }
.article-next { display:flex;justify-content:space-between;gap:30px;margin-top:55px;padding-top:24px;border-top:1px solid rgba(64,86,79,.18);font-weight:700; }
.article-next a { max-width:45%;color:var(--green,#40564f); }

@media (max-width:600px) {
  .article-page { margin-top:38px; }
  .article-next { flex-direction:column; }
  .article-next a { max-width:none; }
}