/* Current News: native WordPress post hub, archives, and article pages. */

.current-news-hub,
.current-news-archive,
.current-news-single {
  background: var(--ssm-paper);
}

.current-news-hero,
.current-news-archive-hero,
.current-news-article__header {
  color: var(--ssm-ink);
  background: #f3efe2;
}

.current-news-category-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(2.2rem, 4vw, 4rem);
  border-top: 1px solid currentColor;
}

.current-news-category-nav a {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  min-height: 5.25rem;
  padding: 1rem clamp(.8rem, 1.6vw, 1.5rem);
  color: inherit;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  font-family: var(--ssm-font-display);
  font-weight: 700;
  text-decoration: none;
}

.current-news-category-nav a:first-child { border-left: 1px solid currentColor; }
.current-news-category-nav a:hover,
.current-news-category-nav a:focus-visible { background: rgba(255, 255, 255, .62); }

.current-news-category-section,
.current-news-archive-list,
.current-news-related {
  padding-block: var(--ssm-section-space);
}

.current-news-category-section:nth-of-type(even) { background: #fff; }
.current-news-category-section:nth-of-type(odd) { background: #f8f5eb; }
.current-news-category-section { border-top: .55rem solid var(--news-accent); }

.current-news-section-heading {
  align-items: flex-end;
  border-bottom-color: var(--news-accent);
}

.current-news-section-heading > div { max-width: 52rem; }
.current-news-section-heading h2 { max-width: none; }
.current-news-section-heading p { margin: -.2rem 0 1rem; font-size: 1.08rem; }

.current-news-archive-hero { border-bottom: .55rem solid var(--news-accent, var(--ssm-orange)); }
.current-news-archive-hero--tag { --news-accent: var(--ssm-orange); }
.current-news-empty { margin: 0; font-size: clamp(1.3rem, 2.2vw, 1.75rem); }

.navigation.pagination { margin-top: var(--ssm-heading-gap); border-top: 1px solid var(--ssm-line); }
.nav-links { display: flex; flex-wrap: wrap; gap: .65rem; padding-top: 1.5rem; }
.nav-links a,
.nav-links .current { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; padding: .55rem .8rem; border: 1px solid var(--ssm-ink); font-weight: 800; }
.nav-links .current { color: #fff; background: var(--ssm-ink); }

.current-news-article__header { border-bottom: .55rem solid var(--news-accent); }
.current-news-article__header .section-kicker { margin-bottom: 1rem; }
.current-news-article__header .section-kicker a { color: inherit; }
.current-news-article__featured { margin-block: var(--ssm-section-space-compact); }
.current-news-article__featured img { display: block; width: 100%; max-height: min(72vh, 760px); object-fit: contain; object-position: left center; background: #f3efe2; }
.current-news-article__tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.current-news-article__tags a { padding: .45rem .65rem; color: inherit; background: #fff; border: 1px solid currentColor; font-size: .82rem; font-weight: 700; text-decoration: none; }
.current-news-related { background: #f3efe2; }

@media (max-width: 960px) {
  .current-news-category-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {

  .current-news-article__header h1 { font-size: 3rem; }
  .current-news-category-nav { grid-template-columns: 1fr; }
  .current-news-category-nav a { border-left: 1px solid currentColor; }
  .current-news-section-heading { display: block; }
  .current-news-section-heading a { display: inline-block; }
  .current-news-article__featured { width: 100%; margin-inline: 0; }
  .current-news-article__featured img { width: 100%; }
}