:root { --accent-on-dark: #f3c3ad; }
.section-space { margin-block: clamp(3rem, 7vw, 6.5rem); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-block-end: 1.5rem; border-block-end: 1px solid var(--line); }
.section-heading h2 { font-size: clamp(1.8rem, 4vw, 3rem); }
.section-heading a, .text-link { color: var(--terracotta); font-weight: 800; }
.section-kicker, .eyebrow { color: var(--terracotta); font-size: .76rem; font-weight: 900; letter-spacing: .02em; }
.editorial-lead { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(280px, .9fr); gap: 1.5rem; }
.editorial-lead--solo { grid-template-columns: minmax(0, 1fr); max-width: 980px; }
.editorial-lead__main { min-width: 0; }
.editorial-lead__side { display: grid; align-content: start; gap: 1rem; }
.article-card__media { display: block; overflow: hidden; background: var(--paper-deep); }
.article-card__media img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.article-card__title { font-size: clamp(1.3rem, 2.6vw, 2.6rem); margin-block: .45rem; overflow-wrap: anywhere; }
.article-card__title a, .article-row a { text-decoration: none; }
.article-card--lead { position: relative; background: var(--espresso); color: var(--white); }
.article-card--lead h2, .article-card--lead a, .article-card--lead p, .article-card--lead .article-card__excerpt { color: var(--white); }
.article-card--lead .article-card__body { padding: clamp(1.2rem, 3vw, 2.5rem); }
.article-card--lead .entry-meta { color: rgba(255,255,255,.75); }
.article-card--lead .eyebrow, .editors-pick .section-kicker { color: var(--accent-on-dark); }
.article-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: .9rem; padding-block-end: 1rem; border-block-end: 1px solid var(--line); min-width: 0; }
.article-row > * { min-width: 0; }
.article-row__media img, .article-row__media .media-fallback { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.article-row h3 { font-family: var(--font-sans); font-size: .98rem; overflow-wrap: anywhere; }
.latest-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.2rem; }
.latest-list .article-row { grid-template-columns: 1fr; }
.latest-list .article-row__media img, .latest-list .media-fallback { aspect-ratio: 3/2; }
.editors-pick { background: var(--espresso); color: var(--white); padding-block: clamp(2rem, 5vw, 4.5rem); }
.editors-pick__inner { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: clamp(2rem, 6vw, 6rem); }
.editors-pick__media img, .editors-pick__media .media-fallback { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.editors-pick__copy h2 { font-size: clamp(2rem, 5vw, 4rem); }
.editors-pick__copy, .editors-pick__copy h2, .editors-pick__copy p, .editors-pick__copy a:not(.button) { color: var(--white); }
.button--paper { background: var(--paper); color: var(--espresso); display: inline-block; }
.learning-paths__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.learning-card { min-height: 260px; padding: 1.5rem; border-radius: var(--radius); background: var(--teal); color: var(--white); display: flex; flex-direction: column; align-items: flex-start; }
.learning-card--2 { background: var(--terracotta); }.learning-card--3 { background: var(--espresso); }
.learning-card__number { font-size: 3rem; opacity: .35; line-height: 1; }
.learning-card a { margin-block-start: auto; font-weight: 900; }
.topic-library .section-heading { align-items: flex-end; }
.topic-library .section-heading p { max-width: 480px; color: var(--muted); }
.topic-library__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.topic-library__item { position: relative; min-width: 0; padding: clamp(1.25rem, 3vw, 2.4rem); border-block-end: 1px solid var(--line); }
.topic-library__item:nth-child(odd) { border-inline-end: 1px solid var(--line); }
.topic-library__index { position: absolute; inset-block-start: 1rem; inset-inline-end: 1.2rem; color: var(--terracotta); font-size: .8rem; font-weight: 900; }
.topic-library__item h3 { padding-inline-end: 2.5rem; font-size: clamp(1.6rem, 3vw, 2.35rem); }
.topic-library__posts { display: grid; gap: .9rem; margin-block: 1.2rem; }
.topic-library__item .article-row { grid-template-columns: 112px minmax(0, 1fr); }
.topic-library__item .entry-meta, .topic-library__item .eyebrow { display: none; }
.issues-section { display: grid; grid-template-columns: .8fr 2fr; gap: 3rem; align-items: center; }
.issues-section__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.issue-card { text-align: center; }.issue-card a { text-decoration: none; }.issue-card img { box-shadow: var(--shadow); margin-inline: auto; }
.community-section { background: var(--white); padding-block: 3rem; border-block: 1px solid var(--line); }
.community-section__inner { display: flex; justify-content: space-between; align-items: center; gap: 2rem; }
@media (max-width: 980px) {
  .editorial-lead, .editors-pick__inner, .issues-section { grid-template-columns: 1fr; }
  .latest-list { grid-template-columns: repeat(2, 1fr); }
  .topic-library__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .editorial-lead__side, .latest-list, .learning-paths__grid, .topic-library__grid, .issues-section__grid { grid-template-columns: 1fr; }
  .topic-library__item:nth-child(odd) { border-inline-end: 0; }
  .topic-library .section-heading { align-items: flex-start; flex-direction: column; }
  .community-section__inner { align-items: flex-start; flex-direction: column; }
}