/* Compact editorial layout, independent of the legacy columns and spacer divs. */
.scfp-articles { padding: clamp(3.2rem,4vw,5.6rem) var(--home-gutter); }
.scfp-articles-inner { max-width: var(--home-width); margin-inline: auto; }
.scfp-home .scfp-articles-heading { font-size: clamp(3rem,3vw,4rem); color: var(--home-ink); margin: 0 0 2.8rem; line-height: 1.2; }
.scfp-articles-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 4rem; align-items: start; }
.scfp-articles-layout-list-only { grid-template-columns: minmax(0,1fr); }
.scfp-articles-lead, .scfp-articles-list, .scfp-article, .scfp-article-copy { min-width: 0; }
.scfp-article-image { display: block; overflow: hidden; background: var(--home-paper); border-radius: .4rem; }
.scfp-article-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.scfp-article-featured .scfp-article-image { aspect-ratio: 16/10; margin-bottom: 2rem; }
.scfp-home .scfp-article h3 { margin: 0 0 .8rem; font-size: 2.2rem; line-height: 1.3; font-weight: 500; text-transform: none; }
.scfp-home .scfp-article-featured h3 { font-size: clamp(2.4rem,2.2vw,3rem); }
.scfp-article h3 a { color: var(--home-blue); text-decoration: none; }
.scfp-article h3 a:hover { text-decoration: underline; }
.scfp-home .scfp-article-date { color: var(--home-muted); font-size: 1.4rem; line-height: 1.5; margin: 0 0 1.2rem; }
.scfp-home .scfp-article-excerpt p { font-size: 1.6rem; line-height: 1.6; margin: 0; max-width: 70ch; }
.scfp-home .scfp-article-read { display: inline-flex; align-items: center; gap: 1.2rem; min-height: 4.4rem; color: var(--home-blue); font-weight: 500; font-size: 1.5rem; margin-top: .4rem; text-decoration: none; }
.scfp-article-read:hover { text-decoration: underline; }
.scfp-articles-list { display: grid; gap: 2rem; }
.scfp-article-compact { display: grid; grid-template-columns: 11.2rem minmax(0,1fr); gap: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--home-line); }
.scfp-article-compact:last-child { padding-bottom: 0; border-bottom: 0; }
.scfp-article-compact .scfp-article-image { aspect-ratio: 1; }
.scfp-article-no-image { grid-template-columns: minmax(0,1fr); }
.scfp-articles-all { display: flex; align-items: center; justify-content: space-between; gap: 2rem; color: var(--home-blue); font-weight: 500; min-height: 5.6rem; border-top: 1px solid var(--home-line); margin-top: 2.8rem; padding-top: 1.2rem; font-size: 1.8rem; }
.scfp-articles-all:hover { text-decoration: underline; }
@media (min-width: 750px) and (max-width: 1035px) {
  .scfp-articles-layout { grid-template-columns: minmax(0,1fr); gap: 2.8rem; }
  .scfp-article-featured { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 2.4rem; }
  .scfp-article-featured .scfp-article-image { margin-bottom: 0; }
  .scfp-article-compact { grid-template-columns: 14.4rem minmax(0,1fr); }
}
@media (max-width: 749px) {
  .scfp-articles-layout { grid-template-columns: minmax(0,1fr); gap: 2.8rem; }
  .scfp-article-compact { grid-template-columns: 8rem minmax(0,1fr); gap: 1.6rem; }
  .scfp-article-compact .scfp-article-copy { display: contents; }
  .scfp-article-compact h3 { grid-column: 2; grid-row: 1; align-self: start; font-size: 2rem; margin-bottom: 0; }
  .scfp-article-compact .scfp-article-date { grid-column: 1 / -1; margin-bottom: 0; }
  .scfp-article-compact .scfp-article-excerpt, .scfp-article-compact .scfp-article-read { grid-column: 1 / -1; }
  .scfp-article-compact .scfp-article-read { margin: -.8rem 0 0; }
  .scfp-article-no-image h3 { grid-column: 1 / -1; }
  .scfp-article-no-image { grid-template-columns: minmax(0,1fr); }
}

/* The featured story also needs a divider when the editorial columns stack. */
@media (max-width: 1035px) {
  .scfp-articles-lead { padding-bottom: 2rem; border-bottom: 1px solid var(--home-line); }
}
