/* Small child-brand token overrides. Shared layout remains in the parent theme. */
[data-brand="media"] {
  --brand-page-accent: #b63b45;
}

[data-brand="discos"] {
  --brand-page-accent: #7650a5;
}

[data-brand="accountancy"] {
  --brand-page-accent: #19725f;
}

[data-brand="translations"] {
  --brand-page-accent: #9a5c12;
}

[data-brand="pat"] {
  --brand-page-accent: #176d8d;
}

[data-brand="it"] {
  --brand-page-accent: #3c5ca5;
}

[data-brand] .page-hero {
  border-top-color: var(--brand-page-accent);
}

[data-brand] .page-hero .eyebrow,
[data-brand] .content-section h2 {
  color: var(--brand-page-accent);
}

[data-site="news"] .wordmark-mark {
  background: var(--brand-page-accent);
}

[data-site="news"] .site-header {
  border-bottom: 0.2rem solid var(--brand-page-accent);
}

[data-site="news"] .page-hero {
  background: #ffffff;
  border-top: 0;
}

[data-site="news"] .page-hero h1 {
  max-width: 11ch;
}

.news-page-content {
  margin-inline: auto;
  max-width: var(--container-width);
  padding-block: var(--space-section);
}

.news-section-heading {
  align-items: end;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.news-section-heading h2,
.news-section-heading p {
  margin-bottom: 0;
}

.story-list {
  border-bottom: 1px solid var(--colour-border);
}

.story-row {
  border-top: 1px solid var(--colour-border);
  display: grid;
  gap: 0.5rem clamp(2rem, 6vw, 6rem);
  grid-template-columns: minmax(9rem, 0.35fr) minmax(18rem, 1fr);
  padding-block: clamp(1.5rem, 4vw, 2.5rem);
}

.story-row h2,
.story-row > p:last-child {
  grid-column: 2;
}

.story-row h2 {
  font-size: clamp(1.35rem, 3vw, 2.1rem);
  margin-bottom: 0;
}

.story-row h2 a {
  color: var(--colour-brand);
  text-decoration-color: var(--brand-page-accent);
}

.story-row > p:last-child {
  color: var(--colour-muted);
  margin-bottom: 0;
}

.story-meta {
  color: var(--colour-muted);
  font-size: 0.78rem;
  grid-row: span 2;
  margin-bottom: 0;
}

.story-meta span {
  color: var(--brand-page-accent);
  display: block;
  font-weight: 750;
  letter-spacing: 0.08em;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
}

.news-empty {
  background: var(--colour-subtle);
  border-block: 1px solid var(--colour-border);
  color: var(--colour-muted);
  padding: 2rem;
}

.publication-note {
  background: var(--colour-brand);
  border-radius: var(--radius-large);
  color: #dce4f2;
  display: grid;
  gap: clamp(2rem, 7vw, 6rem);
  grid-template-columns: 1fr 0.75fr;
  margin-top: clamp(4rem, 8vw, 7rem);
  padding: clamp(2rem, 5vw, 4rem);
}

.publication-note .eyebrow {
  color: #f09199;
}

.publication-note h2 {
  color: #ffffff;
  font-size: clamp(1.75rem, 4vw, 3rem);
  margin-bottom: 0;
}

.archive-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.archive-list li {
  border-top: 1px solid var(--colour-border);
  display: grid;
  gap: 2rem;
  grid-template-columns: 10rem 1fr;
  padding-block: 1.25rem;
}

.news-article {
  margin-inline: auto;
  max-width: 48rem;
}

.article-header,
.article-sources,
.correction {
  border-bottom: 1px solid var(--colour-border);
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
}

.article-label {
  color: var(--brand-page-accent);
  font-size: 0.78rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article-dates {
  color: var(--colour-muted);
  font-size: 0.9rem;
}

.article-body {
  font-size: clamp(1.05rem, 2vw, 1.18rem);
}

.article-section {
  margin-bottom: 2.5rem;
}

.article-section h2,
.article-sources h2,
.correction h2 {
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.article-sources {
  border-top: 1px solid var(--colour-border);
  padding-top: 2rem;
}

.correction {
  background: var(--colour-subtle);
  border: 1px solid var(--colour-border);
  padding: 1.5rem;
}

@media (max-width: 52rem) {
  .story-row,
  .publication-note {
    grid-template-columns: 1fr;
  }

  .story-row h2,
  .story-row > p:last-child {
    grid-column: 1;
  }

  .story-meta {
    grid-row: auto;
  }
}

@media (max-width: 38rem) {
  .archive-list li {
    gap: 0.35rem;
    grid-template-columns: 1fr;
  }
}