/* Wirkungsticker: Übersicht, Detailseiten und Web-App.
   Visuelle Anker (wt-*) werden in scripts/news/visuals.mjs erzeugt. */

:root {
  --wt-navy: var(--navy, #0b1020);
  --wt-green: var(--green, #2f7d5c);
  --wt-green-dark: var(--green-dark, #174f38);
  --wt-gold: var(--gold-deep, #9a6f12);
  --wt-gold-text: #76520a;
  --wt-coral: var(--coral, #c85a4a);
  --wt-line: var(--line, #e8e4dc);
  --wt-muted: var(--muted, #4a4a44);
  --wt-ink: var(--text, #222);
  --wt-surface: rgba(255, 255, 255, 0.82);
  --wt-dim-human: #1a2440;
  --wt-dim-planet: #2f7d5c;
  --wt-dim-democracy: #9a6f12;
  --wt-radius: 12px;
}

.wt-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.wt-icon {
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.18em;
}

.wt-icon--topic {
  width: 1.35rem;
  height: 1.35rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* --- Hero ------------------------------------------------------------- */

.news-hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 12%, rgba(198, 155, 74, 0.2), transparent 26rem),
    linear-gradient(145deg, #07152c 0%, #102d3a 62%, #174f43 100%);
  color: #fff;
}

.news-hero .hero-kicker,
.news-hero .hero-title,
.news-hero .hero-subtitle {
  color: inherit;
}

.news-hero__kicker {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
}

.news-hero__kicker .wt-icon {
  width: 1.3rem;
  height: 1.3rem;
  color: var(--gold, #c89b3c);
}

.news-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.1rem;
  align-items: center;
  margin-top: 1.1rem;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.92rem;
  font-weight: 700;
}

.news-hero__meta .wt-chip {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.news-hero__meta .wt-chip--status .wt-icon {
  color: var(--gold, #c89b3c);
}

.news-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.4rem;
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.92rem;
}

.news-hero__stats li {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
}

.news-hero__stats strong {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
}

.news-hero__stats a {
  color: inherit;
}

.hero-actions.news-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 0.8rem;
  align-items: center;
  margin-top: 1.2rem;
}

.news-hero__actions .btn,
.news-hero__actions .wirkungsraum-save-button,
.news-hero__actions .wirkungsraum-learning-button,
.news-hero__actions .wirkungsraum-collection-button {
  margin: 0;
}

.news-hero__source {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
}

.news-share {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 1rem;
  align-items: center;
}

.news-share__button {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  border-color: rgba(255, 255, 255, 0.7);
  background: #fff;
  color: var(--wt-navy);
  cursor: pointer;
}

.news-share__button:hover,
.news-share__button:focus-visible {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: var(--wt-green-dark);
}

.news-share__button svg {
  flex: 0 0 auto;
}

.news-share__status {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.9rem;
  font-weight: 700;
}

.news-share__status:empty {
  display: none;
}

/* --- Chips, Meter, Tendenz ------------------------------------------- */

.wt-chip {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  min-height: 1.8rem;
  padding: 0.22rem 0.62rem;
  border: 1px solid rgba(7, 21, 44, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--wt-ink);
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.2;
}

.wt-chip--status .wt-icon {
  color: var(--wt-green);
}

.wt-chip--open .wt-icon {
  color: var(--wt-gold-text);
}

.wt-chip__note {
  color: var(--wt-muted);
  font-weight: 500;
}

.wt-chip__note::before {
  content: "· ";
}

.wt-meter {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 3px;
  align-items: center;
  width: 4.6rem;
  height: 0.55rem;
}

.wt-meter i {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: color-mix(in srgb, var(--wt-meter-color, var(--wt-green)) 18%, transparent);
}

.wt-meter i.is-filled {
  background: var(--wt-meter-color, var(--wt-green));
}

.wt-meter--open i {
  background: transparent;
  outline: 1px dashed color-mix(in srgb, var(--wt-meter-color, var(--wt-green)) 55%, transparent);
  outline-offset: -1px;
}

.wt-meter__label {
  margin-left: 0.5rem;
  color: var(--wt-ink);
  font-size: 0.86rem;
  font-weight: 750;
}

.wt-tendency {
  display: inline-flex;
  gap: 0.3rem;
  align-items: center;
  justify-self: start;
  max-width: 100%;
  padding: 0.28rem 0.55rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.35;
}

.wt-tendency .wt-icon { flex: 0 0 1rem; width: 1rem; height: 1rem; }
.wt-tendency__qualifier { font-weight: 550; }
.wt-tendency--offen { border-style: dashed; background: #edf0f2; color: #425460; }
.wt-dims__legend { margin: .65rem 0 0; color: var(--wt-muted); font-size: .8rem; line-height: 1.5; }
.wt-dims__reference { margin: 0 0 .85rem; font-size: .82rem; line-height: 1.5; overflow-wrap: anywhere; }
.news-story-visual .wt-dims__reference { color: #d0dbe2; font-size: .75rem; }
.wt-dim__assessment-note { margin: .3rem 0 0; font-size: .78rem; line-height: 1.45; color: var(--wt-muted); }
.wt-dim__paths { margin: .5rem 0 0; font-size: .85rem; }
.wt-dim__paths dt { font-weight: 700; }
.wt-dim__paths dd { margin: 0 0 .4rem; }

.wt-tendency--chance {
  background: rgba(47, 125, 92, 0.12);
  color: var(--wt-green-dark);
}

.wt-tendency--risiko {
  background: rgba(200, 90, 74, 0.12);
  color: #8a3423;
}

.wt-tendency--gemischt {
  background: rgba(154, 111, 18, 0.14);
  color: var(--wt-gold-text);
}

/* --- Dimensionsmeter -------------------------------------------------- */

.wt-dims {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

.wt-dim {
  display: grid;
  gap: 0.4rem;
  align-content: start;
  padding: 0.7rem 0.75rem;
  border-radius: 8px;
  background: rgba(7, 21, 44, 0.04);
}

.wt-dim--human {
  --wt-meter-color: var(--wt-dim-human);
}

.wt-dim--planet {
  --wt-meter-color: var(--wt-dim-planet);
}

.wt-dim--democracy {
  --wt-meter-color: var(--wt-dim-democracy);
}

.wt-dim__head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.45rem;
  align-items: center;
  font-size: 0.9rem;
}

.wt-dim__head .wt-icon {
  width: 1.15rem;
  height: 1.15rem;
  color: var(--wt-meter-color);
}

.wt-dim__head strong {
  font-weight: 800;
}

.wt-dim__level {
  color: var(--wt-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.wt-dim__track {
  width: 100%;
  max-width: 11rem;
}

.wt-dim__note {
  margin: 0;
  color: var(--wt-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}

.wt-dims--compact {
  gap: 0.45rem;
}

.wt-dims--compact .wt-dim {
  padding: 0.55rem 0.6rem;
}

/* --- Verfahrensstand -------------------------------------------------- */

.wt-track__steps {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
  margin: 0.3rem 0 0;
  padding: 0;
  list-style: none;
}

.wt-track__step {
  position: relative;
  display: grid;
  gap: 0.35rem;
  justify-items: center;
  text-align: center;
}

.wt-track__step::before {
  position: absolute;
  top: 0.4rem;
  right: 50%;
  left: -50%;
  height: 2px;
  background: rgba(7, 21, 44, 0.14);
  content: "";
}

.wt-track__step:first-child::before {
  display: none;
}

.wt-track__step.is-done::before,
.wt-track__step.is-current::before {
  background: var(--wt-green);
}

.wt-track__dot {
  position: relative;
  z-index: 1;
  width: 0.85rem;
  height: 0.85rem;
  border: 2px solid rgba(7, 21, 44, 0.22);
  border-radius: 50%;
  background: #fff;
}

.wt-track__step.is-done .wt-track__dot {
  border-color: var(--wt-green);
  background: var(--wt-green);
}

.wt-track__step.is-current .wt-track__dot {
  border-color: var(--wt-green-dark);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(47, 125, 92, 0.22);
}

.wt-track__label {
  color: var(--wt-muted);
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.15;
  hyphens: auto;
  overflow-wrap: anywhere;
}

.wt-track__step.is-current .wt-track__label {
  color: var(--wt-green-dark);
  font-weight: 850;
}

.wt-track--open {
  display: grid;
  gap: 0.35rem;
}

.wt-track__chip {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  width: fit-content;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: rgba(154, 111, 18, 0.12);
  color: var(--wt-gold-text);
  font-size: 0.84rem;
  font-weight: 800;
}

.wt-track__hint {
  color: var(--wt-muted);
  font-size: 0.8rem;
}

/* --- Auf einen Blick -------------------------------------------------- */

.wt-glance {
  display: grid;
  gap: 0.75rem;
  width: min(100%, var(--container, 1180px));
  margin: 1rem auto 0;
  padding: 0 var(--space-gutter, 1rem);
}

.wt-glance__item {
  display: grid;
  gap: 0.3rem;
  align-content: start;
  padding: 0.9rem 1rem;
  border: 1px solid var(--wt-line);
  border-radius: var(--wt-radius);
  background: #fff;
  box-shadow: 0 10px 28px rgba(7, 21, 44, 0.06);
}

.wt-glance__label {
  color: var(--wt-muted);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wt-glance__value {
  font-size: 1.05rem;
  font-weight: 800;
}

.wt-glance__note {
  color: var(--wt-muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

.wt-glance__meter {
  display: inline-flex;
  align-items: center;
  margin-top: 0.2rem;
}

.wt-factors {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.2rem;
}

.wt-factor {
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  background: rgba(7, 21, 44, 0.06);
  color: var(--wt-ink);
  font-size: 0.74rem;
  font-weight: 700;
}

/* --- Abschnittsnavigation --------------------------------------------- */

.wt-subnav {
  position: sticky;
  z-index: 5;
  top: var(--wt-header-offset, 0px);
  padding: 0.5rem var(--space-gutter, 1rem);
  border-block: 1px solid var(--wt-line);
  background: rgba(250, 247, 240, 0.96);
  backdrop-filter: blur(12px);
}

.wt-subnav__inner {
  display: flex;
  gap: 0.35rem;
  width: min(100%, var(--container, 1180px));
  margin: 0 auto;
  overflow-x: auto;
  scrollbar-width: none;
}

.wt-subnav__inner::-webkit-scrollbar {
  display: none;
}

.wt-subnav a {
  flex: 0 0 auto;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  color: var(--wt-ink);
  font-size: 0.86rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.wt-subnav a:hover,
.wt-subnav a:focus-visible {
  background: rgba(47, 125, 92, 0.12);
  color: var(--wt-green-dark);
}

/* --- Toolbar, Suche, Filter ------------------------------------------ */

.news-toolbar {
  padding-top: clamp(1rem, 2.5vw, 1.6rem);
  padding-bottom: 0.6rem;
}

.news-toolbar__inner {
  display: grid;
  gap: 0.8rem 1.5rem;
  align-items: center;
  width: min(100%, var(--container, 1180px));
  margin: 0 auto;
}

.news-search {
  display: grid;
  gap: 0.4rem;
}

.news-search__field {
  position: relative;
  display: flex;
  align-items: center;
}

.news-search__field .wt-icon {
  position: absolute;
  left: 0.85rem;
  width: 1.15rem;
  height: 1.15rem;
  color: var(--wt-muted);
  pointer-events: none;
}

.news-search__field input {
  width: 100%;
  min-height: 3rem;
  padding: 0.72rem 0.9rem 0.72rem 2.7rem;
  border: 1px solid rgba(7, 21, 44, 0.24);
  border-radius: 999px;
  background: #fff;
  color: var(--wt-ink);
  font: inherit;
}

.news-search__field input:focus-visible {
  border-color: var(--wt-green);
  outline: 3px solid rgba(47, 125, 92, 0.18);
}

.news-search__hint {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.9rem;
  margin: 0;
  color: var(--wt-muted);
  font-size: 0.84rem;
}

.news-toolbar__status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.9rem;
  align-items: center;
  justify-content: flex-end;
}

.wt-iconbtn {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.45rem 0.9rem;
  border: 1px solid rgba(7, 21, 44, 0.18);
  border-radius: 999px;
  background: #fff;
  color: var(--wt-ink);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 800;
  cursor: pointer;
}

.wt-iconbtn:hover,
.wt-iconbtn:focus-visible {
  border-color: var(--wt-green);
  color: var(--wt-green-dark);
}

.wt-iconbtn:disabled {
  opacity: 0.6;
  cursor: progress;
}

.news-app-status {
  margin: 0;
  color: var(--wt-muted);
  font-size: 0.86rem;
}

.news-filter-bar {
  position: sticky;
  z-index: 6;
  top: var(--wt-header-offset, 0px);
  padding: 0.65rem var(--space-gutter, 1rem);
  border-block: 1px solid var(--wt-line);
  background: rgba(250, 247, 240, 0.96);
  backdrop-filter: blur(12px);
}

.news-filter-bar__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.1rem;
  width: min(100%, var(--container, 1180px));
  margin: 0 auto;
}

.news-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.news-filter-group__label {
  margin-right: 0.15rem;
  color: var(--wt-muted);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.news-filter {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.4rem;
  align-items: center;
  min-height: 2.3rem;
  padding: 0.42rem 0.78rem;
  border: 1px solid rgba(7, 21, 44, 0.16);
  border-radius: 999px;
  background: #fff;
  color: var(--wt-ink);
  font: inherit;
  font-size: 0.86rem;
  font-weight: 800;
  cursor: pointer;
}

.news-filter[hidden] {
  display: none;
}

.news-filter__count {
  display: inline-grid;
  min-width: 1.35rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: rgba(7, 21, 44, 0.08);
  color: var(--wt-muted);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.35rem;
  text-align: center;
}

.news-filter:hover,
.news-filter:focus-visible,
.news-filter[aria-pressed="true"] {
  border-color: var(--wt-green);
  background: var(--wt-green);
  color: #fff;
}

.news-filter[aria-pressed="true"] .news-filter__count,
.news-filter:hover .news-filter__count {
  background: #164f3e;
  color: #fff;
}

/* --- Karten ------------------------------------------------------------ */

.news-grid {
  display: grid;
  gap: 1rem;
}

.news-view-switch {
  display: inline-flex;
  padding: 0.2rem;
  border: 1px solid var(--wt-line);
  border-radius: 999px;
  background: var(--wt-surface);
}

.news-view-switch__button {
  min-height: 44px;
  padding: 0.35rem 0.7rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--wt-muted);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
}

.news-view-switch__button[aria-pressed="true"] {
  background: var(--wt-navy);
  color: #fff;
}

.news-view-switch__button:focus-visible {
  outline: 3px solid var(--wt-green);
  outline-offset: 2px;
}

.news-grid--compact .news-card,
.news-grid--compact .news-editorial-card {
  gap: 0.55rem;
  padding: 0.9rem 1rem;
}

.news-grid--compact .news-card__why,
.news-grid--compact .news-card__source,
.news-grid--compact .news-editorial-card__subtitle {
  display: none;
}

.news-grid--compact .news-card__summary,
.news-grid--compact .news-editorial-card__content > p:not(.hero-kicker) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-card {
  position: relative;
  display: grid;
  gap: 0.8rem;
  padding: clamp(1rem, 2.6vw, 1.4rem);
  border: 1px solid var(--wt-line);
  border-radius: var(--wt-radius);
  background: var(--wt-surface);
  box-shadow: 0 12px 35px rgba(7, 21, 44, 0.06);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  cursor: pointer;
}

.news-card:hover {
  border-color: rgba(47, 125, 92, 0.45);
  box-shadow: 0 16px 40px rgba(7, 21, 44, 0.1);
  transform: translateY(-1px);
}

.news-card:focus-within {
  border-color: var(--wt-green);
}

/* Pagination and filters also hide editorial analysis cards (display: grid). */
[data-news-card][hidden] {
  display: none;
}

.news-card:target,
.news-card.is-return-point {
  border-color: var(--wt-green);
  box-shadow: 0 0 0 3px rgba(47, 125, 92, 0.14), 0 16px 40px rgba(7, 21, 44, 0.1);
}

.news-card__topline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.8rem;
  align-items: center;
  justify-content: space-between;
}

.news-card__topic {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  min-width: 0;
}

.news-card__topic .wt-icon {
  color: var(--wt-green);
}

.news-card__topic .card-kicker {
  margin: 0;
}

.news-card__flags,
.news-badges,
.news-source-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.news-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.6rem;
  padding: 0.2rem 0.5rem;
  border: 1px solid rgba(47, 125, 92, 0.22);
  border-radius: 999px;
  background: rgba(47, 125, 92, 0.08);
  color: #205f46;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.news-badge--update {
  border-color: rgba(7, 21, 44, 0.16);
  background: rgba(7, 21, 44, 0.05);
  color: var(--wt-navy);
}

.news-badge--high {
  border-color: rgba(176, 91, 55, 0.28);
  background: rgba(176, 91, 55, 0.1);
  color: #8a3f23;
}

.news-badge--new {
  border-color: #b05b37;
  background: #b05b37;
  color: #fff;
}

/* Badge layout must not override the native hidden state, including cards
   inserted later by the paginated app feed. */
.news-badge[hidden] {
  display: none !important;
}

.news-badge--case {
  border-color: rgba(184, 139, 28, 0.42);
  background: rgba(222, 174, 45, 0.13);
  color: #72560d;
}

.news-update-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .6rem 1rem;
  align-items: center;
  padding: .85rem;
  border: 1px solid #ddb1a5;
  border-left: 4px solid #a2382c;
  border-radius: .65rem;
  background: #fff3ed;
  color: #532b24;
  text-align: left;
}
.news-update-banner__flag {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .65rem 1.15rem .65rem .65rem;
  background: #a2382c;
  color: #fff;
  clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
  font-size: .85rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.news-update-banner__copy { display: grid; gap: .12rem; min-width: 0; font-size: .85rem; line-height: 1.4; }
.news-update-banner__copy > strong { color: #532b24; }
.news-update-banner__copy time { font-weight: 700; font-variant-numeric: tabular-nums; }
.news-update-banner__copy > span { font-size: .78rem; }
.news-update-banner__link { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; color: #742b23; font-size: .82rem; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.news-update-banner__link:hover { color: #4f1d17; }
.news-update-banner__link:focus-visible { outline: 3px solid #742b23; outline-offset: 3px; border-radius: 2px; }
.news-hero--story .news-update-banner { margin-bottom: 1.25rem; }
.news-update-banner--detail { scroll-margin-top: 6rem; }
.news-update-banner__change { grid-column: 1 / -1; min-width: 0; border-top: 1px solid #ddb1a5; padding-top: .75rem; overflow-wrap: anywhere; }
.news-update-banner__change > p, .news-update-banner__previous p { margin: 0 0 .6rem; color: #532b24; font-size: 1rem; line-height: 1.6; }
.news-update-banner__change > .news-update-banner__label { font-size: .8rem; text-transform: uppercase; font-weight: 800; letter-spacing: .045em; }
.news-update-banner__change > .news-update-banner__context { font-weight: 700; }
.news-update-banner__change > .news-update-banner__note { font-size: .83rem; }
.news-update-banner__previous { margin-top: .5rem; }
.news-update-banner__previous summary { min-height: 44px; padding: .55rem 0; cursor: pointer; font-size: .85rem; font-weight: 700; }
.news-update-banner__previous summary:focus-visible { outline: 3px solid #742b23; outline-offset: 3px; }
.news-update-banner--detail > .news-update-banner__history { grid-column: 1 / -1; justify-self: end; }
@media (max-width: 760px) {
  .news-update-banner { grid-template-columns: auto minmax(0, 1fr); gap: .3rem .6rem; padding: .65rem; }
  .news-update-banner__flag { padding-left: .5rem; padding-right: 1rem; font-size: .75rem; }
  .news-update-banner__link { grid-column: 1 / -1; justify-self: end; }
}

.news-case-card__meta {
  margin: 0;
  padding: 0.65rem 0.75rem;
  border-left: 3px solid var(--wt-gold, #b88b1c);
  border-radius: 0 6px 6px 0;
  background: rgba(222, 174, 45, 0.09);
  color: var(--wt-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.news-case-card__meta strong { color: var(--wt-ink); }

.news-card h2,
.news-card h3 {
  margin: 0;
}

.news-card h2 {
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  line-height: 1.25;
}

.news-card h2 a {
  color: inherit;
  text-decoration: none;
}

.news-card h2 a:hover,
.news-card h2 a:focus-visible {
  color: var(--wt-green-dark);
  text-decoration: underline;
}

.news-card__body {
  display: grid;
  gap: 0.55rem;
}

.news-card__summary,
.news-card__why,
.news-analysis-copy {
  margin: 0;
  line-height: 1.62;
}

.news-card__why {
  color: var(--wt-muted);
  font-size: 0.94rem;
}

.news-card__why strong {
  color: var(--wt-ink);
}

.news-card__signals {
  display: grid;
  gap: 0.6rem;
}

.news-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.news-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  padding-top: 0.7rem;
  border-top: 1px solid var(--wt-line);
  color: var(--wt-muted);
  font-size: 0.84rem;
}

.news-card__source,
.news-card__meta {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  min-width: 0;
}

.news-card__source {
  color: var(--wt-ink);
  font-weight: 700;
}

.news-card__cta {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  margin-left: auto;
}

.news-save-button {
  min-height: 44px;
  width: fit-content;
}

.news-save-button.is-saved {
  border-color: var(--wt-green-dark);
  color: var(--wt-green-dark);
  background: rgba(47, 125, 92, 0.08);
}

.news-saved-link { margin: 0 0 0.8rem; }

.news-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
}

.news-card__actions .btn {
  min-height: 44px;
  padding: 0.65rem 0.9rem;
}

.news-card__actions .news-share { min-width: 0; }
.news-card__actions .news-share__button { border-color: var(--wt-line); }
.news-card__actions .news-share__status {
  color: var(--wt-green-dark);
  overflow-wrap: anywhere;
  flex-basis: 100%;
}

.news-reader-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}

.news-case-file {
  border-top: 4px solid var(--wt-gold, #b88b1c);
  background: linear-gradient(145deg, rgba(222, 174, 45, 0.08), #fff 36%);
}

.news-case-file details { margin-top: 1rem; }

.news-case-file summary {
  color: var(--wt-green-dark);
  font-weight: 850;
  cursor: pointer;
}

.news-case-file__timeline {
  display: grid;
  gap: 0;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.news-case-file__timeline > li {
  display: grid;
  gap: 0.45rem;
  padding: 1rem 0 1rem 1.2rem;
  border-left: 2px solid rgba(47, 125, 92, 0.25);
  border-bottom: 1px solid var(--wt-line);
}

.news-case-file__timeline > li.is-current {
  border-left-color: var(--wt-green);
  background: rgba(47, 125, 92, 0.05);
}

.news-case-file__timeline h3,
.news-case-file__timeline p { margin: 0; }

.news-case-file__timeline h3 { font-size: 1rem; }

.news-case-file__timeline p {
  color: var(--wt-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.news-case-file__time {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.news-case-file__time time {
  color: var(--wt-green-dark);
  font-size: 0.8rem;
  font-weight: 850;
}

.news-swipe-hint { display: none; }

/* Contain viewport overscroll, not the body's wheel-to-viewport scroll chain.
   overflow-x:hidden makes body a vertical scroll container in Chromium even
   when it has no vertical range. Containment there can swallow mouse wheels. */
html.news-pull-enabled { overscroll-behavior-y: contain; }
html.news-pull-enabled body { overscroll-behavior-y: auto; }

.news-pull-refresh {
  position: fixed;
  z-index: 1500;
  top: calc(env(safe-area-inset-top, 0px) + 0.75rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.65rem;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100% - 2rem);
  padding: 0.8rem 1rem;
  border: 1px solid var(--wt-line);
  border-radius: var(--wt-radius);
  background: #fffdf8;
  color: var(--wt-green-dark);
  box-shadow: 0 4px 24px rgba(7, 21, 44, 0.18);
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight: 700;
  pointer-events: none;
}
.news-pull-refresh[hidden] { display: none; }
.news-pull-refresh__icon { flex: 0 0 auto; font-size: 1.5rem; line-height: 1; }
.news-pull-refresh[data-state="loading"] .news-pull-refresh__icon { animation: news-refresh-spin 1s linear infinite; }
.news-pull-refresh[data-state="error"] { color: var(--wt-ink); }
.news-reader-refresh { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.news-reader-refresh [data-news-refresh-status]:empty { display: none; }
@keyframes news-refresh-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .news-pull-refresh[data-state="loading"] .news-pull-refresh__icon { animation: none; }
}

@media (pointer: coarse) {
  .news-swipe-hint:not([hidden]) {
    display: block;
    margin: 0;
    color: var(--wt-muted);
    font-size: 0.85rem;
  }
}

.news-empty {
  padding: clamp(1.25rem, 4vw, 2rem);
  border: 1px dashed rgba(7, 21, 44, 0.22);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.55);
}

.news-load-more {
  display: flex;
  justify-content: center;
  padding-top: 1.25rem;
}

.news-load-more[hidden] {
  display: none;
}

/* --- Prinzip, Methodik, App ------------------------------------------ */

.news-principle {
  display: grid;
  gap: 0.8rem;
  border-left: 4px solid var(--wt-green);
}

.news-method-grid {
  display: grid;
  gap: 1rem;
}

.news-install-promo {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  width: min(1180px, calc(100% - 2rem));
  margin: 1.5rem auto;
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 1px solid var(--wt-line);
  border-left: 4px solid var(--wt-gold);
  border-radius: 1.25rem;
  background: var(--wt-paper, #fffdf9);
}

.news-install-promo[hidden] { display: none; }
.news-install-promo > img { flex: 0 0 64px; border-radius: 1rem; }
.news-install-promo__copy { min-width: 0; }
.news-install-promo h2 { margin: 0.3rem 0 0.55rem; font-size: clamp(1.3rem, 2.5vw, 1.8rem); }
.news-install-promo p { margin: 0; }
.news-install-promo .btn { min-height: 44px; white-space: normal; }
@media (max-width: 480px) {
  .news-install-promo { gap: 0.8rem; flex-wrap: wrap; }
  .news-install-promo > img { width: 48px; height: 48px; flex-basis: 48px; }
  .news-install-promo__copy { flex: 1 1 220px; }
}

.news-app-tools {
  padding-top: 0;
}

.news-app-tools__card {
  display: grid;
  gap: 1.2rem 2rem;
  border-left: 4px solid var(--gold, #c69b4a);
}

.news-app-tools__card h2,
.news-app-tools__card h3,
.news-app-tools__card p {
  margin-bottom: 0;
}

.news-app-tools__card h2,
.news-app-tools__card h3 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.news-app-tools__card h2 .wt-icon,
.news-app-tools__card h3 .wt-icon {
  color: var(--wt-gold-text);
}

.news-app-tools__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.news-app-tools__actions[hidden] {
  display: none;
}

.news-notification-settings {
  padding-top: 1rem;
  border-top: 1px solid var(--wt-line);
}

.news-push-offer {
  box-sizing: border-box;
  width: min(34rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  margin: auto;
  padding: clamp(1.1rem, 4vw, 2rem);
  border: 1px solid var(--wt-line);
  border-radius: var(--wt-radius);
  background: var(--cream, #f5f1e8);
  color: var(--wt-ink);
  box-shadow: 0 18px 70px rgba(7, 21, 44, 0.25);
}

.news-push-offer::backdrop {
  background: rgba(7, 21, 44, 0.58);
}

.news-push-offer .btn {
  white-space: normal;
}

/* --- Detailseite -------------------------------------------------------- */

.news-status-notice,
.news-correction {
  box-sizing: border-box;
  width: min(calc(100% - 2 * var(--space-gutter, 1rem)), var(--container, 1180px));
  margin: 0.75rem auto;
  padding: 0.75rem 1rem;
  border-left: 3px solid var(--wt-gold);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  color: var(--wt-muted);
  line-height: 1.5;
}

.news-correction p {
  max-inline-size: 85ch;
  margin: 0;
  overflow-wrap: anywhere;
}

.news-correction p + p {
  margin-top: 0.5rem;
}

.news-story-main .wt-glance {
  width: 100%;
  margin: 0;
  padding: 0;
  grid-template-columns: minmax(0, 1fr);
}

.news-story-main .wt-glance__item--status { grid-column: 1 / -1; }

@media (min-width: 640px) {
  .news-story-main .wt-glance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.news-story-layout {
  display: grid;
  gap: 1.25rem;
}

.news-story-section {
  padding: clamp(1.1rem, 3vw, 1.65rem);
  border: 1px solid var(--wt-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  scroll-margin-top: calc(var(--wt-header-offset, 0px) + 4rem);
}

.news-story-section > :first-child {
  margin-top: 0;
}

.news-story-section > :last-child {
  margin-bottom: 0;
}

.news-story-section .hero-kicker {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
}

.news-story-section .hero-kicker .wt-icon {
  color: var(--wt-green);
}

.news-check-prose,
.news-consequence-stack {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}

.news-check-prose section,
.news-consequence-stack section {
  padding: 0.9rem 1rem;
  border-left: 3px solid rgba(47, 125, 92, 0.62);
  border-radius: 0 8px 8px 0;
  background: rgba(47, 125, 92, 0.055);
}

.news-check-prose section:last-child {
  border-left-color: rgba(179, 113, 35, 0.72);
  background: rgba(179, 113, 35, 0.06);
}

.news-check-prose h3,
.news-consequence-stack h3 {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  margin: 0 0 0.35rem;
}

.news-check-prose h3 .wt-icon {
  color: var(--wt-green-dark);
}

.news-check-prose section:last-child h3 .wt-icon {
  color: var(--wt-gold-text);
}

.news-check-prose p,
.news-consequence-stack p {
  margin: 0;
}

.news-method-note {
  font-size: 0.92rem;
}

.news-source-summary {
  border-left: 4px solid var(--gold, #c69b4a);
  background: rgba(255, 255, 255, 0.9);
}

.news-source-summary__note {
  margin: 0 0 1rem;
  color: var(--wt-muted);
  font-size: 0.9rem;
}

.news-source-summary__copy {
  max-width: 72ch;
  font-size: 1.03rem;
  line-height: 1.72;
}

.news-source-summary__copy p {
  margin: 0 0 0.85rem;
}

.news-source-summary__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.2rem;
  align-items: center;
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--wt-line);
}

.news-source-summary__links a {
  display: inline-flex;
  gap: 0.3rem;
  align-items: center;
}

.news-lead {
  margin: 0 0 0.6rem;
  font-size: 1.02rem;
  line-height: 1.6;
}

/* Wirkpfad */

.wt-path {
  margin-top: 1rem;
}

.wt-path__steps {
  display: grid;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wt-path__step {
  position: relative;
  display: grid;
  gap: 0.45rem;
  align-content: start;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(7, 21, 44, 0.25);
  border-radius: 8px;
  background: rgba(7, 21, 44, 0.035);
}

/* Order is a causal distance, not a positive direction or an evidence score. */

.wt-path__step--mechanism {
  border-color: rgba(7, 21, 44, 0.3);
  background: rgba(7, 21, 44, 0.06);
}

.wt-path__step p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.55;
}

.wt-path__badge {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  width: fit-content;
  color: var(--wt-navy);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wt-path__step--mechanism .wt-path__badge {
  color: var(--wt-navy);
}

.wt-path__badge b {
  display: grid;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border-radius: 50%;
  background: var(--wt-navy);
  color: #fff;
  font-size: 0.78rem;
}

.wt-path__legend {
  display: flex;
  gap: 0.45rem;
  align-items: flex-start;
  margin: 0.7rem 0 0;
  color: var(--wt-muted);
  font-size: 0.82rem;
}

.wt-path__legend .wt-icon {
  margin-top: 0.15rem;
  color: var(--wt-green);
}

.wt-risks {
  display: grid;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.wt-risks li {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  padding: 0.65rem 0.8rem;
  border-left: 3px solid rgba(200, 90, 74, 0.7);
  border-radius: 0 8px 8px 0;
  background: rgba(200, 90, 74, 0.07);
  font-size: 0.94rem;
  line-height: 1.5;
}

.wt-risks .wt-icon {
  flex: 0 0 auto;
  margin-top: 0.2rem;
  color: #a3432f;
}

/* Bedeutung, offene Fragen */

.wt-meaning {
  display: grid;
  gap: 0.7rem;
  margin-top: 1rem;
}

.wt-meaning__item {
  display: grid;
  gap: 0.35rem;
  align-content: start;
  padding: 0.85rem 0.9rem;
  border-radius: 8px;
  background: rgba(7, 21, 44, 0.04);
}

.wt-meaning__item h3 {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  margin: 0;
  font-size: 1rem;
}

.wt-meaning__item h3 .wt-icon {
  color: var(--wt-green);
}

.wt-meaning__item p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.55;
}

.wt-questions {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.wt-questions h3 {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  margin: 0 0 0.5rem;
  font-size: 1rem;
}

.wt-questions h3 .wt-icon {
  color: var(--wt-gold-text);
}

.wt-questions ul {
  margin: 0;
  padding-left: 1.2rem;
}

.wt-questions li {
  margin-bottom: 0.35rem;
  line-height: 1.5;
}

/* KI-Visuals: Kennzahlen, Gruppen, Termine, Diagramm */

.wt-figures {
  display: grid;
  gap: 0.7rem;
  margin-top: 1rem;
}

.wt-figure {
  display: grid;
  gap: 0.2rem;
  align-content: start;
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--wt-line);
  border-radius: 8px;
  background: #fff;
}

.wt-figure__value {
  color: var(--wt-navy);
  font-family: var(--font-body, inherit);
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 750;
  line-height: 1.1;
}

.wt-figure__value small {
  color: var(--wt-muted);
  font-size: 0.55em;
  font-weight: 700;
}

.wt-figure__label {
  font-size: 0.92rem;
  font-weight: 800;
}

.wt-figure__context {
  color: var(--wt-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.wt-figure__source {
  display: inline-flex;
  gap: 0.3rem;
  align-items: center;
  margin-top: 0.2rem;
  color: var(--wt-muted);
  font-size: 0.78rem;
}

.wt-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  margin-top: 0.9rem;
}

.wt-groups__label {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  margin-right: 0.3rem;
  color: var(--wt-muted);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wt-group {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  padding: 0.3rem 0.7rem;
  border: 1px solid var(--wt-line);
  border-radius: 999px;
  background: #fff;
  font-size: 0.84rem;
  font-weight: 700;
}

.wt-group .wt-icon {
  color: var(--wt-navy);
}

.wt-timeline-wrap {
  display: grid;
  gap: 0.5rem;
  margin-top: 1rem;
}

.wt-timeline {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 0 0 0 1.1rem;
  border-left: 2px solid rgba(47, 125, 92, 0.4);
  list-style: none;
}

.wt-timeline__item {
  position: relative;
  display: grid;
  gap: 0.15rem;
  padding: 0.15rem 0 0.35rem;
}

.wt-timeline__item::before {
  position: absolute;
  top: 0.5rem;
  left: -1.45rem;
  width: 0.65rem;
  height: 0.65rem;
  border: 2px solid var(--wt-green);
  border-radius: 50%;
  background: #fff;
  content: "";
}

.wt-timeline__item time {
  color: var(--wt-green-dark);
  font-size: 0.82rem;
  font-weight: 850;
}

.wt-timeline__item span {
  font-size: 0.92rem;
  line-height: 1.45;
}

.wt-chart {
  margin: 1rem 0 0;
  padding: 0.9rem 1rem;
  border: 1px solid var(--wt-line);
  border-radius: 8px;
  background: #fff;
}

.wt-chart figcaption {
  display: grid;
  gap: 0.25rem;
  margin-bottom: 0.6rem;
}

.wt-chart__svg {
  display: block;
  width: 100%;
  height: auto;
  font-family: var(--font-body, sans-serif);
}

.wt-chart__axis {
  stroke: rgba(7, 21, 44, 0.25);
  stroke-width: 1;
}

.wt-chart__bar {
  fill: var(--wt-green);
}

.wt-chart__row:hover .wt-chart__bar {
  fill: var(--wt-green-dark);
}

.wt-chart__label {
  fill: var(--wt-ink);
  font-size: 13px;
  font-weight: 600;
}

.wt-chart__value {
  fill: var(--wt-muted);
  font-size: 12px;
  font-weight: 700;
}

.wt-chart__table {
  margin-top: 0.5rem;
  font-size: 0.86rem;
}

.wt-chart__table summary {
  color: var(--wt-green-dark);
  font-weight: 800;
  cursor: pointer;
}

.wt-chart__table table {
  width: 100%;
  margin-top: 0.5rem;
  border-collapse: collapse;
}

.wt-chart__table th,
.wt-chart__table td {
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--wt-line);
  text-align: left;
}

.wt-chart__table td {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

/* Quellenakte, Evidenz, Versionen */

.news-source-list {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-source {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.2rem 0.7rem;
  align-items: start;
}

.news-source__avatar {
  display: grid;
  grid-row: 1 / span 2;
  width: 2.3rem;
  height: 2.3rem;
  place-items: center;
  border-radius: 8px;
  background: var(--wt-navy);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.03em;
}

.news-source__avatar--secondary {
  background: rgba(7, 21, 44, 0.12);
  color: var(--wt-navy);
}

.news-source a {
  display: inline-flex;
  gap: 0.3rem;
  align-items: baseline;
  overflow-wrap: anywhere;
  font-weight: 700;
}

.news-source a .wt-icon {
  flex: 0 0 auto;
  align-self: center;
  color: var(--wt-muted);
}

.news-source-meta {
  color: var(--wt-muted);
  font-size: 0.82rem;
}

.news-source-meta .news-badge {
  min-height: 1.35rem;
  padding: 0.05rem 0.4rem;
  font-size: 0.64rem;
}

.wt-evidence {
  display: grid;
  gap: 0.55rem;
  margin-top: 1rem;
}

.wt-evidence__item {
  display: grid;
  gap: 0.15rem;
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  background: rgba(7, 21, 44, 0.04);
}

.wt-evidence__item strong {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wt-evidence__item strong .wt-icon {
  color: var(--wt-green);
}

.wt-evidence__item span {
  color: var(--wt-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.wt-versions {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 0 0 0 1.1rem;
  border-left: 2px solid rgba(7, 21, 44, 0.14);
  list-style: none;
}

.wt-versions li {
  position: relative;
  display: grid;
  gap: 0.1rem;
  padding: 0.1rem 0 0.4rem;
  font-size: 0.9rem;
}

.wt-versions li::before {
  position: absolute;
  top: 0.45rem;
  left: -1.42rem;
  width: 0.6rem;
  height: 0.6rem;
  border: 2px solid rgba(7, 21, 44, 0.3);
  border-radius: 50%;
  background: #fff;
  content: "";
}

.wt-versions li.is-current::before {
  border-color: var(--wt-green);
  background: var(--wt-green);
}

.wt-versions strong {
  font-weight: 800;
}

.wt-versions span {
  color: var(--wt-muted);
  font-size: 0.84rem;
}

.news-story-aside .news-story-section + .news-story-section {
  margin-top: 1.25rem;
}

.news-return-link {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
}

.news-story-footer {
  padding-top: 0;
}

.news-story-footer__inner {
  display: grid;
  gap: 1.25rem;
  padding: clamp(1.1rem, 3vw, 1.7rem);
  border: 1px solid var(--wt-line);
  border-radius: var(--wt-radius);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(47, 125, 92, 0.06));
  box-shadow: 0 12px 35px rgba(7, 21, 44, 0.06);
}

.news-story-footer__share {
  display: grid;
  gap: 0.55rem;
}

.news-story-footer__share h2,
.news-story-footer__share p {
  margin: 0;
}

.news-story-footer .news-share__button {
  width: fit-content;
  border-color: var(--wt-navy);
  background: var(--wt-navy);
  color: #fff;
}

.news-story-footer .news-share__button:hover,
.news-story-footer .news-share__button:focus-visible {
  border-color: var(--wt-green-dark);
  background: var(--wt-green-dark);
  color: #fff;
}

.news-story-footer .news-share__status {
  color: var(--wt-muted);
}

.news-story-pagination {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: 0.7rem;
}

.news-story-pagination__link,
.news-story-pagination__overview {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  min-height: 4.5rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--wt-line);
  border-radius: 9px;
  background: #fff;
  color: var(--wt-ink);
  text-decoration: none;
}

.news-story-pagination__link:hover,
.news-story-pagination__link:focus-visible,
.news-story-pagination__overview:hover,
.news-story-pagination__overview:focus-visible {
  border-color: var(--wt-green);
  color: var(--wt-green-dark);
  box-shadow: 0 8px 22px rgba(7, 21, 44, 0.08);
}

.news-story-pagination__link span:not([aria-hidden="true"]) {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.news-story-pagination__link small {
  color: var(--wt-muted);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.news-story-pagination__link strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.92rem;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-story-pagination__link--next {
  justify-content: flex-end;
  text-align: right;
}

.news-story-pagination__overview {
  justify-content: center;
  text-align: center;
  font-size: 0.88rem;
  font-weight: 800;
}

/* --- Responsive -------------------------------------------------------- */

@media (min-width: 640px) {
  .wt-glance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wt-glance__item--status {
    grid-column: 1 / -1;
  }

  .wt-figures {
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  }

  .wt-meaning {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wt-questions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news-method-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  }
}

@media (min-width: 820px) {
  .news-toolbar__inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .news-app-tools__card {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
  }

  .news-notification-settings {
    padding-top: 0;
    padding-left: 2rem;
    border-top: 0;
    border-left: 1px solid var(--wt-line);
  }

  .news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news-card--lead {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.35fr) minmax(250px, 0.65fr);
    grid-template-areas:
      "topline topline"
      "body signals"
      "footer footer";
  }

  .news-card--lead .news-card__topline { grid-area: topline; }
  .news-card--lead .news-card__body { grid-area: body; }
  .news-card--lead .news-card__signals { grid-area: signals; }
  .news-card--lead .news-card__footer { grid-area: footer; }

  .news-card--lead h2 {
    font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  }

  .news-card--lead .wt-dims {
    grid-template-columns: 1fr;
  }

  .wt-glance {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
  }

  .wt-glance__item--status {
    grid-column: auto;
  }

  .wt-path__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.1rem;
  }

  .wt-path__step:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -0.95rem;
    width: 0.7rem;
    height: 0.7rem;
    border-top: 2px solid rgba(7, 21, 44, 0.4);
    border-right: 2px solid rgba(7, 21, 44, 0.4);
    transform: translateY(-50%) rotate(45deg);
    content: "";
  }

  .news-story-layout {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
    align-items: start;
  }

  .news-story-main {
    display: grid;
    gap: 1.25rem;
  }

  .news-story-aside {
    position: sticky;
    top: calc(var(--wt-header-offset, 0px) + 3.6rem);
  }
}

@media (max-width: 819px) {
  .wt-path__step:not(:last-child)::after {
    position: absolute;
    bottom: -0.6rem;
    left: 1.3rem;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid rgba(7, 21, 44, 0.4);
    border-bottom: 2px solid rgba(7, 21, 44, 0.4);
    transform: rotate(45deg);
    content: "";
  }
}

@media (max-width: 639px) {
  .wt-dims {
    grid-template-columns: 1fr;
  }

  .wt-dims--compact {
    grid-template-columns: 1fr;
  }

  .wt-dims--compact .wt-dim {
    /* An auto track has no intrinsic width for the percentage-sized meter.
       Put every mobile meter below its label, including non-lead cards. */
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .wt-dims--compact .wt-dim__track {
    max-width: 11rem;
  }

  .wt-track__label {
    font-size: 0.6rem;
  }

  .news-card__cta {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }

  .news-toolbar__status {
    justify-content: flex-start;
  }
}

@media (max-width: 580px) {
  .news-filter-bar {
    position: static;
  }

  .news-filter {
    min-height: 2.2rem;
    padding: 0.38rem 0.66rem;
    font-size: 0.82rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news-card {
    transition: none;
  }

  .news-card:hover {
    transform: none;
  }
}
.news-title-image { margin: 0; min-width: 0; }
.news-title-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; border-radius: 14px; background: #07152c; }
.news-title-image figcaption { padding: .45rem .1rem 0; color: var(--muted, #5e6567); font-size: .75rem; line-height: 1.4; }
.news-title-image--card { margin: .3rem 0 .6rem; }
.news-title-image--detail { width: min(100% - 2rem, 64rem); margin: 1.5rem auto; }
/* One responsive composition for fallback cards and existing symbolic originals. */
.news-story-visual { container-type: inline-size; width: 100%; min-width: 0; text-align: left; }
.news-story-visual__frame { position: relative; isolation: isolate; overflow: hidden; margin: 0; padding: clamp(1rem, 4cqw, 2.8rem); border-radius: 1.25rem; background: linear-gradient(135deg, #07172c, #153e42); color: #eeeae2; }
.news-story-visual__background { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.news-story-visual__frame::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(100deg, rgb(5 17 33 / 90%), rgb(5 17 33 / 60%)); }
.news-story-visual__brand { margin: 0 0 1.5rem; color: #d8dce3; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.news-story-visual__brand span { color: #e4ba5a; }
.news-story-visual__content { display: grid; align-items: start; gap: 1.5rem; }
.news-story-visual .news-story-visual__headline { margin: 0; color: #eeeae2; font-size: clamp(1.55rem, 5cqw, 3.1rem); line-height: 1.16; letter-spacing: -.025em; overflow-wrap: anywhere; text-wrap: balance; }
.news-story-visual .news-story-visual__headline a { color: inherit; text-decoration: none; }
.news-story-visual .news-story-visual__headline a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.news-story-visual a:focus-visible { outline: 3px solid #efc863; outline-offset: 5px; border-radius: 3px; }
.news-story-visual__panel { min-width: 0; padding: 1rem; border: 1px solid rgb(222 238 240 / 24%); border-radius: 1rem; background: rgb(4 20 34 / 62%); --wt-dim-human: #b9c9e9; --wt-dim-planet: #70c99c; --wt-dim-democracy: #e4ba5a; }
.news-story-visual__kicker { margin: 0 0 .6rem; color: #e4ba5a; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.news-story-visual .wt-dims { display: grid; grid-template-columns: 1fr; gap: .5rem; }
.news-story-visual .wt-dim { padding: .4rem 0; border: 0; background: transparent; }
.news-story-visual .wt-dim__head strong { color: #eeeae2; }
.news-story-visual .wt-dim__level { color: #d0dbe2; }
.news-story-visual .wt-dim__head { font-size: .95rem; }
.news-story-visual .wt-tendency { margin-top: .2rem; }
.news-story-visual .wt-tendency--chance { background: #173c32; color: #a6ecc5; border-color: #5eae85; }
.news-story-visual .wt-tendency--risiko { background: #482a27; color: #ffccba; border-color: #c28574; }
.news-story-visual .wt-tendency--gemischt { background: #3c3522; color: #f1dba0; border-color: #b49c61; }
.news-story-visual .wt-tendency--offen { background: #1b2e3b; color: #d6e0e6; border-color: #8b9ba6; }
.news-story-visual .wt-dim__assessment-note { color: #c4d1db; }
.news-story-visual .news-story-visual__legend { margin: .9rem 0 0; color: #c4d1db; font-size: .7rem; line-height: 1.5; }
.news-story-visual .wt-meter { width: 100%; max-width: none; }
.news-story-visual__chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
.news-story-visual__chips .wt-chip { background: rgb(255 255 255 / 10%); color: #e5e9ec; border-color: rgb(255 255 255 / 25%); font-size: .7rem; }
.news-story-visual__caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem 1rem; margin-top: 1.5rem; color: #d0dbe2; font-size: .7rem; line-height: 1.5; }
.news-story-visual__caption > span:nth-child(2) { border: 1px solid rgb(222 238 240 / 35%); border-radius: 1rem; padding: .12rem .6rem; }
.news-card.news-card--visual { grid-template-columns: minmax(0, 1fr); grid-template-areas: none; }
.news-card.news-card--visual > * { grid-area: auto; }
.news-hero--story .hero-copy { width: 100%; max-width: none; }
.news-hero--story .news-story-visual { margin: 1.5rem 0; }
.news-editorial-toc { margin: 1.5rem 0; padding: 1rem 1.2rem; border: 1px solid var(--wt-line); border-radius: 1rem; }
.news-editorial-toc summary { cursor: pointer; font-weight: 700; }
.news-editorial-toc ol { margin: .8rem 0 0; padding-left: 1.3rem; }
.news-editorial-toc a { display: inline-block; padding: .35rem 0; }
.news-editorial-claim-map { margin: 2rem 0; padding: 1.25rem; border: 1px solid var(--wt-line); border-radius: 1rem; background: #f5f7f4; }
.news-editorial-claim-map figcaption > p { margin: .5rem 0 1rem; font-size: .86rem; }
.news-editorial-claim-map dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 1rem; margin: 0; }
.news-editorial-claim-map dl > div { padding: 1rem; border-top: 3px solid #2f7d68; border-radius: .3rem; background: #fff; }
.news-editorial-claim-map dl > div:not(:first-child) { border-top-style: dashed; }
.news-editorial-claim-map dt { font-weight: 800; font-size: .85rem; }
.news-editorial-claim-map dd { margin: .7rem 0 0; font-size: .9rem; }
.news-editorial-claim-map dd p { margin: 0 0 .7rem; }
@container (min-width: 900px) {
  .news-story-visual .wt-dims { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 1.5rem; }
}
.news-related__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1rem; padding: 0; list-style: none; }
.news-related__list li, .news-related__list article { min-width: 0; margin: 0; }
.news-related__list article { height: 100%; }
.news-related__list h3 { overflow-wrap: anywhere; }
.news-consolidation { width: min(100% - 2rem, 64rem); margin: 1.5rem auto; }
/* Eigenständiges redaktionelles Format: WÖK-Analyse */
.news-editorial-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: end;
  padding: clamp(1.4rem, 3vw, 2.6rem);
  border: 1px solid color-mix(in srgb, var(--color-accent, #2f7d68) 40%, transparent);
  border-radius: 1.35rem;
  background: linear-gradient(135deg, #0c1b34 0%, #12364b 58%, #195443 100%);
  color: #fff;
  box-shadow: 0 1rem 3rem rgb(7 22 39 / 14%);
}

.news-editorial-card .hero-kicker { color: #e4b647; }
.news-editorial-card h2 { margin: .35rem 0 .7rem; color: #f1eee6; font-size: clamp(1.75rem, 4vw, 3rem); line-height: 1.04; }
.news-editorial-card h2 a { color: inherit; text-decoration: none; }
.news-editorial-card h2 a:hover { text-decoration: underline; text-underline-offset: .16em; }
.news-editorial-card__subtitle { max-width: 52rem; font-size: clamp(1.05rem, 2vw, 1.3rem); font-weight: 700; }
.news-editorial-card__origin { font-size: .92rem; color: rgb(255 255 255 / 78%); }
.news-editorial-card .text-link { color: #d9eee7; }
.news-editorial-card__byline { display: flex; gap: .8rem; align-items: center; margin-top: 1.2rem; }
.news-editorial-card__byline img { width: 4.5rem; height: 4.5rem; min-width: 4.5rem; flex: 0 0 4.5rem; aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: 50% 32%; border: 2px solid rgb(255 255 255 / 70%); }

/* Manual manuscripts reuse the opinion layout; only their book block is new. */
.news-editorial-article--book .news-editorial-layout { max-width: 66rem; }
.news-editorial-article--book .news-editorial-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(9rem, 15rem); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.news-book-hero-cover { max-width: 15rem; }
.news-book-hero-cover .text-link { color: #f1eee6; }
.news-editorial-card__book { width: 10rem; align-self: center; }
.news-editorial-card[data-news-format="book_and_impact"] { grid-template-columns: minmax(0, 1fr) auto; }
.news-editorial-card[data-news-format="book_and_impact"] .news-editorial-card__actions { grid-column: 1 / -1; max-width: none; }
.news-editorial-card[data-news-format="book_and_impact"] .news-editorial-card__byline img { height: auto; aspect-ratio: 1320 / 1759; border-radius: .5rem; object-fit: contain; }
.news-editorial-article--book .news-editorial-byline img { width: 7rem; height: auto; aspect-ratio: 1320 / 1759; border-radius: .5rem; object-fit: contain; }
.news-editorial-article--book .news-editorial-article__section { max-width: 100%; margin-block: 2.5rem; }
.news-editorial-article--book .news-editorial-article__section > p { max-width: 70ch; line-height: 1.8; }
.news-editorial-article--book .news-editorial-article__section h2 { line-height: 1.18; }
.news-editorial-article--book .news-editorial-article__section h3 { margin-top: 1.7rem; }
.news-book-spoiler { margin: 1.5rem 0 0; padding: .8rem 1rem; border-left: 3px solid #e4b647; background: rgb(255 255 255 / 7%); }
.news-book-spoiler p { margin: 0; }
.news-book-metadata { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: clamp(1.2rem, 4vw, 2.5rem); padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--wt-line); border-radius: 1rem; background: #fffdf8; align-items: start; }
.news-book-cover { margin: 0; }
.news-book-cover img { display: block; width: 100%; height: auto; object-fit: contain; box-shadow: 0 .4rem 1.2rem rgb(0 0 0 / 14%); }
.news-book-cover figcaption { margin-top: .75rem; font-size: .8rem; line-height: 1.5; }
.news-manual-table { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--wt-line); border-radius: .75rem; }
.news-manual-table table { min-width: 40rem; width: 100%; border-collapse: collapse; }
/* Keep wide book tables readable despite the global mobile min-width:0 !important reset. */
.news-editorial-article--book .news-manual-table--wide .data-table { min-width: 40rem !important; table-layout: auto; }
.news-manual-table th, .news-manual-table td { padding: .9rem; vertical-align: top; text-align: left; border-bottom: 1px solid var(--wt-line); line-height: 1.55; }
.news-manual-table th { background: #e9f0eb; }
.news-manual-table:focus-visible { outline: 3px solid #347c63; outline-offset: 3px; }
.news-editorial-article--book .news-author-perspective { padding: clamp(1rem, 3vw, 2rem); border-left: 4px solid #ab7d24; background: #f3efdf; border-radius: .6rem; }
.news-editorial-article--book .news-editorial-article__section a { overflow-wrap: anywhere; }
@media (max-width: 540px) {
  .news-book-metadata { grid-template-columns: minmax(0, 1fr); }
  .news-book-cover { max-width: 11rem; }
  .news-editorial-article--book .news-editorial-byline img { width: 5rem; height: auto; }
}
@media (max-width: 760px) {
  .news-manual-table--wide::before { content: "Weitere Spalten: seitlich wischen oder scrollen."; display: block; position: sticky; left: 0; padding: .65rem .8rem; color: #235840; background: #e9f0eb; font-size: .8rem; line-height: 1.5; }
  .news-editorial-article--book .news-editorial-hero,
  .news-editorial-card[data-news-format="book_and_impact"] { grid-template-columns: minmax(0, 1fr); }
  .news-book-hero-cover { width: 9rem; }
  .news-editorial-card__book { width: 8rem; }
}
.news-editorial-card__byline span { display: grid; gap: .18rem; min-width: 0; overflow-wrap: anywhere; }
.news-editorial-card__byline small { color: rgb(255 255 255 / 72%); max-width: 48rem; }
.news-editorial-card__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; max-width: 22rem; }
.news-editorial-card__actions .news-share { margin: 0; }

.news-editorial-link {
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 1.1rem;
  background: linear-gradient(135deg, #eef7f3, #f8f2df);
  border-left: .35rem solid #2f7d68;
}

.news-editorial-link h2 { margin: .3rem 0 .75rem; }
.news-editorial-article { background: var(--color-bg, #f7f1e8); }
.news-editorial-hero { background: linear-gradient(135deg, #07142b, #12384a 64%, #184e42); color: #fff; }
.news-editorial-hero .breadcrumb a, .news-editorial-hero .breadcrumb span { color: rgb(255 255 255 / 82%); }
.news-editorial-hero .hero-kicker { color: #e4b647; }
.news-editorial-hero .hero-title { color: #f1eee6; }
.news-editorial-hero .hero-subtitle { max-width: 58rem; color: rgb(255 255 255 / 88%); }
.news-editorial-byline { display: flex; align-items: center; gap: 1rem; margin: 1.4rem 0 .75rem; }
.news-editorial-byline img { width: 7rem; height: 7rem; flex-shrink: 0; aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: 50% 30%; border: 3px solid rgb(255 255 255 / 70%); }
.news-editorial-byline div { display: grid; gap: .24rem; min-width: 0; overflow-wrap: anywhere; }
.news-editorial-byline strong { font-size: 1.16rem; }
.news-editorial-byline span, .news-editorial-transparency { color: rgb(255 255 255 / 76%); }
.news-editorial-byline .text-link { color: #f1eee6; text-decoration-color: rgb(241 238 230 / 55%); }
.news-editorial-hero .content-save-tools > summary { color: #e4ecea; }
.news-editorial-transparency { max-width: 54rem; font-size: .92rem; line-height: 1.65; padding-left: .9rem; border-left: 2px solid rgb(232 201 114 / 70%); }
.news-editorial-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17rem, .78fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
/* Opt-in long-form layers. Standard analyses retain their existing layout. */
.news-editorial-article--systemic .hero-title { hyphens: none; }
.news-editorial-article--systemic .news-editorial-byline > img { width: 72px; height: 72px; flex-shrink: 0; object-fit: cover; border-radius: 50%; }
.news-editorial-article--systemic .news-editorial-layout { grid-template-columns: minmax(0, 1fr); max-width: 72rem; margin-inline: auto; }
.news-editorial-article--systemic .news-editorial-article__main { max-width: none; min-width: 0; }
.news-editorial-article--systemic .news-editorial-article__section > p { max-width: 70ch; }
.news-editorial-article--systemic .news-editorial-article__section { scroll-margin-top: 6rem; }
.news-editorial-article--systemic .news-editorial-article__section > p + p { margin-top: 1.1rem; }
.news-editorial-article--systemic .news-editorial-article__aside { position: static; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.news-editorial-article--systemic #lage { border-inline-start: .3rem solid #ab7d24; background: #f3efdf; padding: clamp(1rem, 3vw, 2rem); border-radius: .6rem; }
.news-systemic-visual { margin: 1.75rem 0; }
.news-systemic-visual figcaption { font-weight: 750; margin-bottom: 1rem; color: #173d3b; }
.news-systemic-visual > ul, .news-systemic-visual > ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0; list-style: none; }
.news-systemic-node { border: 1px solid #9eaead; border-top: .3rem solid #34705c; border-radius: .7rem; background: #fffefa; padding: 1.15rem; min-width: 0; overflow-wrap: anywhere; }
.news-systemic-node--analytical_inference { border-top: .3rem dashed #8a6c25; }
.news-systemic-node--scenario, .news-systemic-node--impact_risk { border-top: .3rem dotted #936044; }
.news-systemic-node h3 { font-size: 1.2rem; margin: .65rem 0; line-height: 1.3; }
.news-systemic-node p { font-size: 1rem; line-height: 1.6; margin: .65rem 0 0; }
.news-systemic-status { display: inline-block; font-size: .78rem; font-weight: 750; letter-spacing: .025em; color: #254c43; background: #e7ede7; padding: .2rem .45rem; border-radius: .25rem; }
.news-systemic-visual--cascade > ol { grid-template-columns: minmax(0, 1fr); max-width: 62rem; }
.news-systemic-visual--cascade li + li::before { content: "↓"; display: block; font-size: 1.5rem; color: #5d665f; margin-top: -2.3rem; margin-bottom: .7rem; text-align: center; }
.news-systemic-visual--cascade > ol { gap: 2rem; }
.news-systemic-visual--timeline > ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.news-systemic-dimensions { border: 1px solid #a3b8b1; background: #f1f5f1; border-radius: .8rem; padding: 1.25rem; margin: 1.5rem 0; }
.news-systemic-monitor > div { border-bottom: 1px solid #cad1ca; padding: .9rem 0; }
.news-systemic-monitor dt { font-weight: 700; }
.news-systemic-monitor dd { margin: .45rem 0 0; }

/* Longread v2: meaning before decoration; all labels also work without colour. */
.news-editorial-article--commentary .news-editorial-layout { grid-template-columns: minmax(0, 1fr); max-width: 72rem; margin-inline: auto; }
.news-editorial-article--commentary .news-editorial-article__main { max-width: none; min-width: 0; }
.news-editorial-article--commentary .news-editorial-article__section > p { max-width: 70ch; }
.news-editorial-article--commentary .news-editorial-article__section { scroll-margin-top: 6rem; }
.news-editorial-article--commentary .news-editorial-article__aside { position: static; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.news-editorial-format { color: #e8c972; font-weight: 650; }
.news-editorial-callout { padding: clamp(1.3rem, 4vw, 2.5rem); border-radius: 1rem; background: linear-gradient(135deg, #07192d, #16463f); margin: 2rem 0; }
.news-editorial-callout > p { color: #fff4d8; font-family: var(--font-serif, Georgia, serif); font-size: clamp(1.6rem, 3.5vw, 2.6rem); line-height: 1.25; margin: 0; max-width: 35ch; }
.news-comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.news-evidence-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .95rem; line-height: 1.55; }
.news-evidence-table caption { text-align: left; color: #19423a; font-weight: 700; margin-bottom: 1rem; }
.news-evidence-table th, .news-evidence-table td { text-align: left; vertical-align: top; padding: .9rem; border: 1px solid #b2beb6; overflow-wrap: anywhere; hyphens: auto; }
.news-evidence-table thead { background: #e5eee8; color: #183f34; }
.news-evidence-table thead th:nth-child(1) { width: 19%; }
.news-evidence-table thead th:nth-child(2) { width: 27%; }
.news-evidence-table thead th:nth-child(3) { width: 35%; }
.news-evidence-table tbody { background: #fffdf7; }
.news-evidence-table td p { margin: .5rem 0 0; }
.news-evidence-table .news-path-direction { margin-bottom: .4rem; }
.news-evidence-table__label { display: none; }
.news-reference-table thead th:nth-child(n) { width: auto; }
.news-editorial-paragraph-callout { padding: 1rem 1.25rem; border-inline-start: .25rem solid #a75236; background: #f6e9dc; border-radius: 0 .5rem .5rem 0; color: #49271f; font-weight: 650; }
.news-inline-citations { font-size: .8em; white-space: normal; }
.news-inline-citation { display: inline-block; padding: .1rem .25rem; text-decoration: underline; text-underline-offset: .18em; }
.news-inline-citation:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.news-editorial-related { margin-block: 2rem; }
.news-editorial-card--illustrated { grid-template-columns: minmax(0, 1fr) minmax(18rem, .85fr); align-items: center; }
.news-editorial-card__preview { display: block; grid-column: 2; grid-row: 1; margin: 0; }
.news-editorial-card__preview img { display: block; width: 100%; height: auto; border-radius: .85rem; }
.news-editorial-card--illustrated .news-editorial-card__actions { grid-column: 1 / -1; max-width: none; justify-content: flex-start; }
@media (max-width: 900px) {
  .news-editorial-card--illustrated { grid-template-columns: minmax(0, 1fr); }
  .news-editorial-card--illustrated .news-editorial-card__preview { grid-column: 1; grid-row: 1; }
  .news-editorial-card--illustrated .news-editorial-card__content { grid-column: 1; grid-row: 2; }
}
@media (max-width: 760px) {
  /* Explicit table roles preserve the relationships when rows become reading cards. */
  .news-evidence-table, .news-evidence-table caption, .news-evidence-table tbody, .news-evidence-table tr { display: block; width: 100%; }
  .news-evidence-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .news-evidence-table tbody tr { margin-bottom: 1rem; border: 1px solid #b2beb6; border-radius: .65rem; overflow: hidden; }
  .news-evidence-table tbody th, .news-evidence-table tbody td { display: block; width: auto; border: 0; border-bottom: 1px solid #dbe2dc; }
  .news-evidence-table tbody th { background: #e5eee8; }
  .news-evidence-table tbody td:last-child { border-bottom: 0; }
  .news-evidence-table__label { display: block; font-size: .8rem; font-weight: 700; color: #345c50; margin-bottom: .3rem; }
}
.news-comparison-lane { padding: 1rem; border: 1px solid #acb9b4; border-radius: .85rem; background: #eef2ef; min-width: 0; }
.news-comparison-lane + .news-comparison-lane { background: #f7eee6; border-color: #c6a78e; }
.news-comparison-lane > h3 { font-size: 1.3rem; margin: .2rem 0 .6rem; }
.news-comparison-lane > ol { list-style: none; padding: 0; display: grid; gap: 1.9rem; margin-top: 1.5rem; }
.news-comparison-lane li { position: relative; }
.news-comparison-lane li + li::before { content: "↓"; position: absolute; top: -1.9rem; left: calc(50% - .5rem); color: #4f6158; font-size: 1.25rem; }
.news-comparison-lane h4 { font-size: 1.05rem; line-height: 1.4; margin: .65rem 0; }
.news-comparison-lane h4 .wt-icon { width: 1.3rem; height: 1.3rem; vertical-align: -.2rem; margin-right: .3rem; }
.news-feedback { margin: 1.75rem 0; padding: .5rem 0 .5rem 1rem; border-inline-start: .2rem solid #34705c; }
.news-feedback--broken { border-inline-start: .2rem dashed #93502d; }
.news-feedback .news-systemic-visual { margin-block: .5rem 0; }
.news-feedback__return { display: flex; align-items: start; gap: .75rem; padding: 1rem; margin-top: 1.25rem; border: 1px solid #9bb2a7; border-radius: .6rem; background: #eaf1ec; color: #183f34; }
.news-feedback--broken .news-feedback__return { border-style: dashed; border-color: #b99176; background: #f8eee5; color: #69381e; }
.news-feedback__return > span:first-child { font-size: 1.8rem; line-height: 1.2; }
.news-feedback__return strong { display: block; }
@media (min-width: 1001px) {
  .news-editorial-article--commentary .news-systemic-visual--cascade > ol { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .news-comparison-grid, .news-editorial-article--commentary .news-editorial-article__aside { grid-template-columns: minmax(0, 1fr); }
  .news-editorial-article--commentary .hero-title { font-size: clamp(1.8rem, 7vw, 2.8rem); line-height: 1.14; }
}
@media (max-width: 640px) {
  .news-editorial-article--commentary .news-systemic-visual.news-systemic-visual--network > ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 400px) {
  .news-editorial-article--commentary .news-mpd-balance--compact h3 { grid-column: 1 / -1; }
  .news-editorial-article--commentary .news-mpd-balance--compact .news-mpd-balance__relevance { grid-column: 1; grid-row: 2; }
  .news-editorial-article--commentary .news-mpd-balance--compact .news-mpd-balance__direction { grid-column: 2; grid-row: 2; }
}
.news-editorial-finding { margin: 1.75rem 0; padding: clamp(1.2rem, 3vw, 2.2rem); background: #f1ede0; border: 1px solid #cbb77d; border-inline-start: .35rem solid #996e20; border-radius: 1rem; }
.news-editorial-finding > p:not(.hero-kicker) { max-width: 72ch; font-size: 1.12rem; line-height: 1.75; }
.news-editorial-finding h2 { margin: .5rem 0 1rem; }
.news-mpd-balance { margin: 1.5rem 0; }
.news-mpd-balance__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.news-mpd-balance__item { min-width: 0; padding: 1.2rem; border: 1px solid #bbc9c2; border-radius: .8rem; background: #fffefa; }
.news-mpd-balance__item h3 { display: flex; gap: .55rem; align-items: center; font-size: 1.2rem; margin: 0 0 .8rem; }
.news-mpd-balance__item h3 .wt-icon { width: 1.5rem; height: 1.5rem; flex: none; }
.news-mpd-balance__relevance { font-size: .95rem; margin: .4rem 0; }
.news-mpd-balance__direction { display: flex; align-items: center; gap: .55rem; color: #80351f; font-weight: 750; margin: .65rem 0; line-height: 1.4; }
.news-mpd-balance__direction[data-direction="positive"] { color: #216146; }
.news-mpd-balance__direction[data-direction="open"], .news-mpd-balance__direction[data-direction="neutral"], .news-mpd-balance__direction[data-direction="mixed"] { color: #3e5157; }
.news-mpd-balance__direction small { display: block; font-size: .8rem; font-weight: 500; color: #4c5550; }
.news-mpd-balance__item > p:not([class]) { font-size: .98rem; }
.news-assessment-axes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0 0; font-size: .85rem; }
.news-assessment-axes > div { border-top: 1px solid #ccd3cb; padding-top: .5rem; min-width: 0; }
.news-assessment-axes dt { color: #59605b; }
.news-assessment-axes dd { font-weight: 650; margin: .25rem 0 0; }
.news-mpd-balance--compact .news-mpd-balance__grid { gap: .65rem; }
.news-editorial-toc--grouped > h2 { font-size: 1.4rem; }
.news-editorial-toc--grouped > ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; padding: 0; list-style: none; }
.news-editorial-toc--grouped > ol > li { min-width: 0; border-top: 1px solid #ccd3cb; padding-top: .5rem; }
.news-editorial-toc--grouped > ol > li > a { display: flex; align-items: baseline; gap: .7rem; font-weight: 700; line-height: 1.4; text-decoration: none; }
.news-editorial-toc--grouped > ol > li > a span { color: #8c6323; font-variant-numeric: tabular-nums; }
.news-editorial-toc--grouped details { font-size: .9rem; margin-left: 1.35rem; }
.news-editorial-toc--grouped details summary { padding: .45rem 0; font-weight: 500; }
.news-editorial-toc--grouped details ul { padding-left: 1.1rem; }
.news-section-anchor { border-inline-start: .25rem solid #986338; padding: .85rem 1.15rem; background: #f4efe7; margin: 1.2rem 0 1.5rem; max-width: 72ch; }
.news-section-anchor__thesis { font-weight: 700; line-height: 1.6; margin: 0 0 .6rem; }
.news-section-anchor__labels { display: flex; gap: .5rem; flex-wrap: wrap; margin: .5rem 0; }
.news-section-anchor__labels span { border: 1px solid #b9b5a9; border-radius: .3rem; padding: .3rem .45rem; font-size: .8rem; line-height: 1.4; }
.news-section-anchor__labels span:first-child { color: #763922; border-color: #bc9479; }
.news-section-anchor details { font-size: .9rem; }
.news-section-anchor summary { padding: .6rem 0; cursor: pointer; color: #454f49; }
.news-editorial-article__section > h2 > .wt-icon { color: #25624c; width: 1.2em; height: 1.2em; margin-right: .4em; vertical-align: -.18em; }
.news-systemic-visual--network, .news-systemic-visual--power, .news-systemic-visual--federal { padding: clamp(1rem, 3vw, 2rem); border: 1px solid #adbbb4; border-radius: 1rem; background: #eef2ec; }
.news-systemic-hub { display: flex; flex-direction: column; align-items: center; position: relative; gap: .6rem; background: #153e3a; color: #fff9e9; border-radius: .75rem; padding: 1.3rem; margin: 1rem auto 2.25rem; max-width: 32rem; text-align: center; }
.news-systemic-hub > .wt-icon { height: 2rem; width: 2rem; color: #e4c26a; }
.news-systemic-hub strong { font-size: 1.35rem; }
.news-systemic-hub span { font-size: .95rem; color: #d4e0da; }
.news-systemic-hub::after { content: ""; position: absolute; height: 2.25rem; width: 2px; background: #749b87; bottom: -2.25rem; left: 50%; }
.news-systemic-visual--network > ul, .news-systemic-visual--federal > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); position: relative; border-top: 2px solid #749b87; padding-top: 1.25rem; }
.news-systemic-visual--power > ul { position: relative; border-top: 2px solid #749b87; padding-top: 1.25rem; }
.news-systemic-visual--network .news-systemic-node { border-top: 1px solid #9eaead; padding: 1rem; position: relative; }
.news-systemic-visual--network .news-systemic-node h3 { display: flex; align-items: center; gap: .6rem; font-size: 1.05rem; margin: 0; }
.news-systemic-node h3 .wt-icon { flex: none; width: 1.55rem; height: 1.55rem; margin-right: .25rem; }
.news-path-direction { display: flex; align-items: center; gap: .4rem; font-size: .83rem; font-weight: 700; margin-top: .5rem; color: #7a3824; }
.news-path-direction[data-direction="positive"] { color: #216146; }
.news-path-direction[data-direction="open"], .news-path-direction[data-direction="mixed"], .news-path-direction[data-direction="neutral"] { color: #425454; }
.wt-path__claim + .wt-path__claim { padding-top: .65rem; border-top: 1px solid rgb(7 21 44 / 15%); }
.wt-path__claim .news-method-note { margin-top: .35rem; font-size: .8rem; }
.news-systemic-visual--network .news-systemic-node p { font-size: .9rem; margin-top: .5rem; }
.news-systemic-visual--network .news-systemic-status { font-size: .65rem; margin-bottom: .6rem; }
.news-systemic-visual--network .news-systemic-node a { color: #163d36; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.news-systemic-visual--power .news-systemic-node:nth-child(2) { border-color: #8c9aac; background: #f4f6f9; }
.news-systemic-visual--power .news-systemic-node:nth-child(3) { border-color: #b2a36c; background: #fbf7e9; }
.news-systemic-visual--power .news-systemic-node:nth-child(4) { border-color: #ba8a76; background: #f9eee8; }
.news-systemic-outcome { display: flex; align-items: center; gap: .8rem; padding: 1rem 1.2rem; border: 1px dashed #83998b; border-radius: .65rem; margin-top: 1.5rem; background: #fffdf6; }
.news-systemic-outcome .wt-icon { width: 2rem; height: 2rem; flex: none; }
.news-systemic-outcome p { margin: 0; font-size: 1rem; }
.news-systemic-visual--cascade > ol { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; gap: 1.4rem; }
.news-systemic-visual--cascade li { position: relative; padding: 1rem; }
.news-systemic-visual--cascade li + li::before { content: "→"; position: absolute; left: -1.45rem; width: 1.4rem; top: 42%; margin: 0; font-size: 1.2rem; }
.news-systemic-visual--cascade h3 { font-size: 1.1rem; }
.news-systemic-visual--cascade li p { font-size: .95rem; }
.news-systemic-visual--timeline > ol { position: relative; border-top: 2px solid #749b87; padding-top: 1.4rem; gap: 1.4rem; }
.news-systemic-visual--timeline li { position: relative; }
.news-systemic-visual--timeline li::before { content: ""; width: .8rem; height: .8rem; background: #2d6752; border: 3px solid #f6f4ec; border-radius: 50%; position: absolute; top: -2rem; left: 1.2rem; }
.news-author-perspective { margin: 2.5rem 0; padding: clamp(1.3rem, 4vw, 2.5rem); border: 1px solid #c4af6b; border-inline-start: .35rem solid #a27925; border-radius: 1rem; background: #f6f0de; scroll-margin-top: 6rem; }
.news-author-perspective p { max-width: 70ch; line-height: 1.8; }
.news-author-perspective > p:not([class]) { font-size: 1.1rem; }
.news-author-perspective .hero-kicker { color: #715015; }
.news-editorial-article--systemic #schutzplanken { padding: 1.25rem; border: 1px solid #bbbbb2; border-radius: .7rem; background: #f0f3ee; }
@media (max-width: 1000px) {
  .news-systemic-visual--cascade > ol { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .news-systemic-visual--cascade li + li::before { content: "↓"; left: 50%; top: -1.9rem; }
  .news-mpd-balance:not(.news-mpd-balance--compact) .news-mpd-balance__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .news-mpd-balance__grid, .news-editorial-toc--grouped > ol { grid-template-columns: minmax(0, 1fr); }
  .news-mpd-balance--compact .news-mpd-balance__item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: .3rem .8rem; padding: .9rem; }
  .news-mpd-balance--compact h3 { margin-bottom: 0; }
  .news-mpd-balance--compact .news-mpd-balance__relevance { grid-row: 2; margin: 0; font-size: .82rem; }
  .news-mpd-balance--compact .news-mpd-balance__direction { grid-column: 2; grid-row: 1 / 3; margin: 0; font-size: .95rem; }
  .news-editorial-article--systemic .hero-title { font-size: clamp(1.8rem, 7vw, 2.8rem); line-height: 1.14; }
  .news-systemic-visual.news-systemic-visual--network > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .news-systemic-visual--network .news-systemic-node { padding: .8rem; }
  .news-systemic-visual--network .news-systemic-node h3 { flex-direction: column; align-items: flex-start; font-size: .98rem; }
  .news-systemic-visual--timeline > ol { border-top: 0; border-left: 2px solid #749b87; padding: 0 0 0 1.2rem; }
  .news-systemic-visual--timeline li::before { left: -1.85rem; top: 1.15rem; }
}
@media (max-width: 760px) {
  .news-systemic-visual > ul, .news-systemic-visual > ol, .news-editorial-article--systemic .news-editorial-article__aside { grid-template-columns: minmax(0, 1fr); }
  .news-systemic-node { padding: 1rem; }
}
.news-editorial-article__main { max-width: 52rem; }
.news-editorial-deck { font-family: var(--font-serif, Georgia, serif); font-size: clamp(1.3rem, 2.5vw, 1.75rem); line-height: 1.42; }
.news-editorial-origin { display: grid; gap: .35rem; margin: 1.7rem 0 2.2rem; padding: 1.1rem 1.25rem; background: #eef7f3; border-left: .3rem solid #2f7d68; border-radius: .3rem .85rem .85rem .3rem; }
.news-editorial-origin span { color: var(--color-text-muted, #58615d); font-size: .9rem; }
.news-editorial-visuals { margin: 0 0 2.5rem; padding: clamp(1rem, 3vw, 1.6rem); border: 1px solid rgb(47 125 104 / 22%); border-radius: 1rem; background: linear-gradient(145deg, #f7fbf9, #f6f1e8); }
.news-editorial-visuals > h2 { margin: .3rem 0 .65rem; font-size: clamp(1.55rem, 3vw, 2.15rem); }
.news-editorial-visuals > .news-method-note { max-width: 46rem; margin: 0 0 1.2rem; }
.news-editorial-visuals__source-data { display: grid; gap: .85rem; margin: 0 0 1.35rem; }
.news-editorial-visuals__source-data > :first-child { margin-top: 0; }
.news-editorial-visuals__dimensions,
.news-editorial-visuals__path { padding-top: 1.15rem; border-top: 1px solid rgb(17 48 42 / 12%); }
.news-editorial-visuals__path { margin-top: 1.35rem; }
.news-editorial-visuals__dimensions > h3,
.news-editorial-visuals__path > h3 { margin: 0 0 .8rem; font-size: 1.08rem; }
.news-editorial-article__section { margin: 0 0 2.5rem; }
.news-editorial-article__section h2 { margin-bottom: .8rem; font-size: clamp(1.6rem, 3vw, 2.25rem); }
.news-editorial-article__section p { font-size: 1.06rem; line-height: 1.72; }

/* Shared reading rhythm for approved books, columns and media reviews. */
.news-editorial-article__main .news-editorial-article__section {
  margin-block: 0 clamp(2.5rem, 5vw, 3.5rem);
  max-width: 72ch;
}
.news-editorial-article__section > :is(h2, h3, h4) {
  text-wrap: balance;
  line-height: 1.22;
  margin-block: 0 1rem;
}
.news-editorial-article__section > :is(p, ul, ol, blockquote) + :is(h2, h3, h4) {
  margin-block-start: 2.2rem;
}
.news-editorial-article__main .news-editorial-article__section > p + p,
.news-author-perspective > p + p { margin-block-start: 1.1rem; }
.news-editorial-article__section > :is(ul, ol) { margin-block: 1.2rem; padding-inline-start: 1.35rem; }
.news-editorial-article__section li + li { margin-block-start: .55rem; }
.news-editorial-article__main .news-author-perspective {
  margin-block: 3rem;
  padding: clamp(1.2rem, 4vw, 2.4rem);
  background: #f6f0de;
  border: 1px solid #c4af6b;
  border-inline-start: .3rem solid #a27925;
  border-radius: 1rem;
}
.news-author-perspective__header {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  margin-block-end: 1.5rem;
}
.news-author-perspective__header .news-author-perspective__portrait {
  display: block;
  width: 5rem;
  height: auto;
  border-radius: .6rem;
}
.news-author-perspective__header .news-author-perspective__byline {
  margin: 0 0 .4rem;
  font-size: .8rem;
  line-height: 1.5;
  color: #625025;
  font-weight: 700;
}
.news-author-perspective__header h2 { margin: 0; font-size: clamp(1.5rem, 4vw, 2.1rem); }
@media (max-width: 380px) {
  .news-author-perspective__header { grid-template-columns: 3.75rem minmax(0, 1fr); gap: .7rem; }
  .news-author-perspective__header .news-author-perspective__portrait { width: 3.75rem; }
}
.news-editorial-article__aside { position: sticky; top: 6rem; display: grid; gap: 1rem; }
.news-editorial-author-image { width: 100%; max-height: 25rem; object-fit: cover; object-position: 50% 28%; border-radius: .85rem; }
.news-editorial-sources, .news-editorial-ledger, .news-editorial-counterevidence { display: grid; gap: .8rem; padding-left: 1.25rem; }
.news-editorial-sources li { display: grid; gap: .25rem; }
.news-editorial-sources span, .news-editorial-counterevidence span { display: block; color: var(--color-text-muted, #58615d); font-size: .88rem; }
.news-editorial-ledger li { padding: .85rem 0; border-bottom: 1px solid rgb(17 48 42 / 12%); }
.news-editorial-ledger p { margin: .3rem 0; }

@media (max-width: 760px) {
  .news-editorial-card { grid-template-columns: 1fr; align-items: start; }
  .news-editorial-card__actions { justify-content: flex-start; max-width: none; }
  .news-editorial-card__actions .btn { min-height: 2.75rem; }
  .news-editorial-layout { grid-template-columns: 1fr; }
  .news-editorial-article__aside { position: static; }
  .news-editorial-byline img { width: 5rem; height: 5rem; }
}

@media (max-width: 360px) {
  /* Keep the labelled home link and signet; avoid a stacked wordmark. */
  .site-header .brand-name { display: none; }
}

/* Compact reading aids: shared tokens, no new visual language. */
.news-reading-guide { padding-block: 1.5rem; }
.news-reading-guide h2 { font-size: clamp(1.25rem, 2vw, 1.6rem); }
.news-reading-guide__formats, .news-source-roles {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 1.5rem;
}
.news-reading-guide dt, .news-source-roles dt { font-weight: 700; }
.news-reading-guide dd, .news-source-roles dd { margin: .3rem 0 0; }
.news-reading-guide__legend > div { margin-block: .75rem; }
.news-reading-guide summary { cursor: pointer; font-weight: 600; }
@media (max-width: 700px) {
  .news-reading-guide__formats, .news-source-roles { grid-template-columns: 1fr; }
}

.news-hero__stats li > strong { flex-shrink: 0; }

/* Consequence-first MPD: same component on list, detail and consequences. */
.wt-dims__reference p { margin: .35rem 0; }
.wt-dims__reference summary, .wt-dim__reason summary, .wt-consequence summary { cursor: pointer; }
.wt-dims__object-kind { font-weight: 700; }
.wt-dim__head { flex-wrap: wrap; }
.wt-dim__level { margin-left: auto; font-size: .78rem; }
.wt-dim__separate-label { margin: .4rem 0; line-height: 1.4; }
.wt-consequence { margin: .55rem 0; padding: .7rem .8rem; border-left: .22rem solid #7b8387; border-radius: .2rem .5rem .5rem .2rem; background: rgb(128 145 151 / 9%); overflow-wrap: anywhere; font-size: .87rem; line-height: 1.5; }
.wt-consequence > strong { display: block; font-size: .78rem; }
.wt-consequence p { margin: .3rem 0 0; font-size: inherit; line-height: inherit; }
.wt-consequence--positive { border-color: #337653; background: rgb(70 147 100 / 10%); }
.wt-consequence--negative { border-color: #a74331; background: rgb(172 70 46 / 9%); }
.wt-consequence__condition, .wt-consequence summary, .wt-dim__reason { font-size: .78rem; }
.news-story-visual .wt-consequence, .news-story-visual .wt-dim__reason, .news-story-visual .wt-dim__note,
.news-story-visual .wt-dim__separate-label { color: #dce6ed; }
.news-story-visual .wt-consequence--positive { border-color: #80d2a7; }
.news-story-visual .wt-consequence--negative { border-color: #f0a08b; }
.news-story-visual .wt-consequence--separate { border-color: #b8c3cc; }

/* MPD 2.0: magnitude is the only bar quantity. Unknown is not zero. */
.wt-dims--impact .wt-dim__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0}
.wt-dims--impact .wt-meter--unknown i{background:transparent;border:1px dashed currentColor;opacity:.7}
.wt-dims--impact .wt-impact-direction{font-weight:700;line-height:1.35}
.wt-dims--impact .wt-impact-evidence{font-size:.85rem;line-height:1.5}
.wt-dims--impact .wt-impact-paths{padding-left:1.2rem}
.wt-dims--impact .wt-impact-path p{margin:.25rem 0 .65rem}
.wt-dims--impact.wt-dims--compact{display:grid;grid-template-columns:1fr;gap:.55rem}
.wt-dims--impact.wt-dims--compact .wt-dim{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.55rem;align-items:center;padding:.55rem 0;background:transparent;border:0;min-width:0}
.wt-dims--impact.wt-dims--compact .wt-dim__head{display:flex;gap:.3rem;margin:0;font-size:.86rem}
.wt-dims--impact.wt-dims--compact .wt-impact-direction{font-size:.82rem}
.wt-dims--impact.wt-dims--compact .wt-icon{width:1rem;height:1rem;flex:none}
.wt-impact-time{font-size:.8rem;opacity:.85;margin:.2rem 0 .6rem}
.wt-impact-review{font-size:.9rem;margin:1rem 0}
@media(max-width:380px){.wt-dims--impact.wt-dims--compact .wt-dim{grid-template-columns:5.2rem minmax(0,1fr);gap:.35rem}}

/* Public method chapter layout uses the ticker palette and readable mobile tables. */
.news-methodology { max-width: 60rem; margin-inline: auto; }
.news-methodology__chapters { display: grid; gap: 1.5rem; }
.news-methodology-hero .breadcrumb, .news-methodology-hero .breadcrumb a { color: #fff; }
.news-methodology table { width: 100%; border-collapse: collapse; margin-block: 1rem; }
.news-methodology th, .news-methodology td { padding: .65rem; border-bottom: 1px solid var(--border, #d8d2c6); vertical-align: top; text-align: left; }
.news-methodology th { min-width: 6rem; }
@media (max-width: 600px) { .news-methodology th, .news-methodology td { padding: .45rem; overflow-wrap: anywhere; } }

/* Status categories are independent from the existing 0..5 magnitude bars. */
.wt-impact-reading{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.wt-impact-ring{display:inline-flex;width:1.3rem;height:1.3rem;flex:0 0 1.3rem;color:currentColor;vertical-align:middle}
.wt-impact-ring svg{width:100%;height:100%}
.wt-impact-additional{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.76rem;margin-top:.45rem}
.wt-impact-path-title{font-size:.76rem;line-height:1.4;margin:.4rem 0 0}
.wt-impact-heading{text-transform:uppercase;font-weight:750;letter-spacing:.075em;font-size:.74rem}
.wt-impact-ring .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:540px){.wt-dims--compact .wt-impact-reading{gap:.3rem}.wt-dims--compact .wt-impact-direction{font-size:.73rem}.wt-impact-ring{width:1.15rem;height:1.15rem;flex-basis:1.15rem}}

.wt-dims--impact .wt-dim{display:block;min-width:0}
.wt-dims--impact .wt-dim__head{margin-bottom:.45rem}
.wt-dims--impact .wt-impact-reading{display:grid;grid-template-columns:1.3rem minmax(4rem,5.5rem) minmax(0,1fr);align-items:center}
.wt-dims--impact .wt-impact-direction{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.wt-dims--impact .wt-impact-additional{display:flex;align-items:center}
.wt-dims--impact .wt-impact-additional .wt-dim__track{width:5.5rem;flex:0 0 5.5rem}

.wt-dims--impact.wt-dims--compact .wt-impact-path-title,.wt-dims--impact.wt-dims--compact .wt-impact-additional{grid-column:1 / -1}

/* A card can be narrow on desktop too: adapt to the panel, not the viewport. */
.news-story-visual__panel{container-type:inline-size}
@container (max-width:360px){
  .wt-dims--impact.wt-dims--compact .wt-dim{grid-template-columns:minmax(0,1fr);gap:.35rem}
  .wt-dims--impact.wt-dims--compact .wt-impact-reading{width:100%}
}

.news-show-identity {margin:0;max-width:180px;align-self:center;width:100%;}
.news-show-identity img {width:100%;height:auto;object-fit:contain;border-radius:8px;}
.news-show-identity figcaption {font-size:.72rem;line-height:1.4;margin-top:.4rem;}
.news-show-identity__fallback {aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:1rem;border:2px solid var(--show-accent);border-radius:12px;background:color-mix(in srgb,var(--show-accent) 8%,#fff);color:var(--show-accent);font-size:1.15rem;line-height:1.2;overflow-wrap:anywhere;}
.news-show-identity__fallback span {font-size:2.5rem;}
.news-editorial-origin .news-show-identity {float:right;width:110px;margin:0 0 1rem 1rem;}
.news-editorial-origin::after {content:"";display:block;clear:both;}
.news-grid--compact .news-show-identity {max-width:110px;}
@media(max-width:600px){.news-editorial-card>.news-show-identity{max-width:110px;margin:0 1.2rem 1rem;}.news-show-identity__fallback{font-size:.9rem;padding:.7rem;}}

/* Ticker app navigation shares the site's typography and colour tokens. */
.ticker-app-shell { padding-bottom:0; }
.ticker-app-shell .site-header {position:relative;top:auto;}
.ticker-app-header {position:sticky;top:0;z-index:61;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 max(1rem,calc((100vw - 1100px)/2));background:#f7f1e8;border-bottom:1px solid #d4d7cd;}
.ticker-app-brand {font-weight:800;color:#2d674f;text-decoration:none;}
.ticker-app-search {display:flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;color:#245c47;font-weight:700;}
.ticker-app-search span {font-size:1.65rem;}
.ticker-app-nav {display:flex;position:sticky;top:54px;z-index:60;justify-content:center;gap:1rem;background:#f7f1e8;border-bottom:1px solid #d4d7cd;}
.ticker-app-nav a {display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;min-width:95px;padding:.4rem .7rem;text-decoration:none;color:#4b554e;border-bottom:3px solid transparent;}
.ticker-app-nav a[aria-current=page] {color:#205c44;font-weight:800;border-color:#a74e2c;background:#edf0e8;}
.ticker-app-nav a>span:first-child {font-size:1.35rem;}
.ticker-app-main {max-width:1100px;margin:auto;}
.ticker-app-title {padding:2rem 1.3rem 1rem;}
.ticker-app-title h1 {font-size:clamp(2rem,4vw,3.4rem);line-height:1.13;}
.ticker-app-title p {max-width:65ch;}
.ticker-app-toolbar {position:sticky;top:105px;z-index:55;background:#f7f1e8;border-block:1px solid #d4d7cd;padding:.45rem 1rem;}
.ticker-app-filters {display:flex;overflow-x:auto;gap:.45rem;scrollbar-width:thin;overscroll-behavior-x:contain;}
.ticker-app-filters a {display:inline-flex;flex:0 0 auto;align-items:center;min-height:44px;padding:.35rem .85rem;white-space:nowrap;border-radius:24px;border:1px solid #9db4a7;color:#23553f;text-decoration:none;font-size:.9rem;}
.ticker-app-filters a[aria-current=true] {background:#245b45;color:white;}
.ticker-app-toolbar .news-view-toggle {margin:.3rem 0 0;display:flex;gap:.4rem;}
.ticker-app-toolbar .news-view-toggle button {min-height:44px;padding:.25rem .7rem;}
.ticker-app-search-form label {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.ticker-app-search-form>div {display:flex;gap:.4rem;margin-bottom:.5rem;}
.ticker-app-search-form input {min-width:0;flex:1;border:1px solid #90a999;background:#fff;border-radius:10px;padding:.6rem;min-height:44px;}
.ticker-app-feed {padding-top:.7rem;}
.ticker-load-more {display:block;margin:1.5rem auto;min-height:44px;}
.ticker-load-more[hidden] {display:none;}
.ticker-section-heading {display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;}
.ticker-section-heading a {flex-shrink:0;}
.ticker-home-explainer {background:#e9eee5;border-radius:18px;}
.ticker-explainer-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.ticker-more-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.ticker-more-links>a {display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #a2b6aa;border-radius:12px;padding:1rem;color:#245b45;min-height:54px;}
.ticker-app-main .news-grid--compact .news-card__summary {display:block;}
.ticker-app-shell [id] {scroll-margin-top:170px;}
@media(max-width:760px){
 .ticker-app-shell {padding-bottom:calc(74px + env(safe-area-inset-bottom));}
 .ticker-app-header {top:0;padding-inline:1rem;min-height:54px;}
 .ticker-app-nav {position:fixed;top:auto;bottom:0;left:0;right:0;gap:0;z-index:80;padding:4px .3rem calc(4px + env(safe-area-inset-bottom));border-top:1px solid #9db4a7;border-bottom:0;box-shadow:0 -3px 18px #102c2112;transform:translate3d(0,var(--ticker-nav-offset,0px),0);}
 .ticker-app-nav a {flex:1;flex-direction:column;gap:.05rem;min-width:0;min-height:56px;padding:.2rem;font-size:.7rem;line-height:1.2;border:0;border-radius:10px;}
 .ticker-app-nav a>span:first-child {font-size:1.45rem;}
 .ticker-app-toolbar {top:54px;padding:.3rem .75rem;}
 .ticker-app-toolbar .news-view-toggle {justify-content:flex-end;}
 .ticker-app-toolbar .news-view-toggle button {font-size:.78rem;}
 .ticker-app-title {padding:1.3rem 1rem .8rem;}
 .ticker-app-feed {padding-inline:.8rem;}
 .ticker-app-main .news-grid {grid-template-columns:1fr;}
 .ticker-explainer-grid {grid-template-columns:1fr;gap:.4rem;}
 .ticker-section-heading {align-items:start;}
 .ticker-section-heading h2 {font-size:1.5rem;}
 .ticker-section-heading a {font-size:.8rem;}
 .ticker-more-links {grid-template-columns:1fr;}
 .ticker-app-shell .news-reader-nav {bottom:calc(78px + env(safe-area-inset-bottom));}
}
.ticker-app-main .news-grid--compact .news-story-visual__frame {padding:.85rem;border-radius:12px;}
.ticker-app-main .news-grid--compact .news-story-visual__brand {display:none;}
.ticker-app-main .news-grid--compact .news-story-visual__headline {font-size:1.3rem;line-height:1.22;}
.ticker-app-main .news-grid--compact .news-story-visual__content {gap:.7rem;}
.ticker-app-main .news-grid--compact .news-story-visual__panel {padding:.65rem;}
.ticker-app-main .news-grid--compact .wt-dims__reference {display:none;}
.ticker-app-main .news-grid--compact .news-story-visual__kicker {font-size:.68rem;}
.ticker-app-main .news-grid--compact .news-card__summary {font-size:.95rem;line-height:1.5;}
.ticker-app-main .news-grid--compact .news-card__footer {gap:.35rem;}
.ticker-app-main .news-grid--compact .news-card__meta {font-size:.72rem;}
html.ticker-app-document, body.ticker-app-shell {overflow-x:clip;overflow-y:visible;}
.ticker-app-toolbar .news-view-toggle button[aria-pressed=true] {background:#245b45;color:#fff;border-color:#245b45;}
.ticker-app-toolbar a:focus-visible,.ticker-app-nav a:focus-visible,.ticker-app-search:focus-visible {outline:3px solid #ba632f;outline-offset:-3px;}
.ticker-app-main .news-grid--compact .news-editorial-card__subtitle {display:none;}
.ticker-app-main .news-grid--compact .news-editorial-card h2 {font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.2;}
.news-show-identity__fallback {padding:.6rem;font-size:.8rem;overflow-wrap:normal;word-break:normal;}

/* Search stays usable beside global mobile .btn { width:100% } rules. */
.ticker-app-shell {--ticker-header-height:calc(54px + env(safe-area-inset-top,0px));}
.ticker-app-header {min-height:var(--ticker-header-height);padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;}
.ticker-app-nav {top:var(--ticker-header-height);}
.ticker-app-toolbar {top:calc(var(--ticker-header-height) + 51px);}
.ticker-app-search-form {margin:0;min-width:0;}
.ticker-app-search-form>div {display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:.5rem;}
.ticker-app-search-form input {width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;}
.ticker-app-search-form button {width:48px;min-width:48px;min-height:46px;padding:0;font-size:1.8rem;line-height:1;}
.ticker-app-filter-row {display:flex;gap:.5rem;min-width:0;align-items:start;}
.ticker-app-filter-row>.ticker-app-filters {flex:1;min-width:0;padding:2px 1px;}
.ticker-app-filter-menu {position:static;flex:0 0 auto;margin:0;padding:0;border:0;}
.ticker-app-filter-menu>summary {display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 .75rem;border:1px solid #426e5c;border-radius:9px;background:#e7eee6;color:#174a36;font:700 .9rem/1.3 system-ui;cursor:pointer;list-style:none;}
.ticker-app-filter-menu>summary::after {content:'⌄';margin-left:.4rem;}
.ticker-app-filter-menu>summary::-webkit-details-marker {display:none;}
.ticker-app-filter-menu[open]>summary {background:#245b45;color:white;}
.ticker-app-filter-panel {position:absolute;left:.75rem;right:.75rem;top:calc(100% - 2px);z-index:2;max-width:28rem;max-height:min(65dvh,480px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:1rem;margin:0;border:1px solid #90a999;border-radius:12px;background:#fffdf7;color:#173e35;box-shadow:0 8px 30px #102c2133;}
.ticker-app-filter-panel>label {display:grid;gap:.2rem;margin:.65rem 0;font-size:.9rem;}
.ticker-app-filter-panel select {width:100%;box-sizing:border-box;min-height:44px;padding:.45rem;border:1px solid #90a999;border-radius:7px;font:inherit;font-size:16px;background:white;color:#173e35;}
.ticker-filter-actions {display:flex;gap:.5rem;margin-top:.8rem;}
.ticker-filter-actions .btn {flex:1;width:auto;min-width:0;min-height:44px;padding:.5rem;}
.ticker-app-filter-menu :focus-visible {outline:3px solid #ba632f;outline-offset:2px;}
@media(max-width:760px){.ticker-app-nav{top:auto}.ticker-app-toolbar{top:var(--ticker-header-height)}.ticker-app-toolbar .news-view-toggle{justify-content:flex-start}}