/* Independent product-update composition for published and draft News resources. */

.news-article {
  --news-ink: var(--ink-900);
  --news-muted: var(--ink-500);
  --news-surface: var(--surface-0);
  --news-surface-soft: var(--surface-1);
  --news-surface-muted: var(--surface-2);
  --news-edge: var(--edge);
  --news-edge-strong: var(--edge-strong);
  --news-anchor-offset: 5.5rem;
  background: var(--news-surface);
  color: var(--news-ink);
}

.news-update { overflow: clip; }

.news-container {
  width: min(1180px, calc(100% - 2.5rem));
  margin-inline: auto;
}

.news-masthead {
  padding: clamp(2.25rem, 4vw, 3.5rem) 0 clamp(1.75rem, 3vw, 2.75rem);
  border-top: 0.4rem solid var(--page-primary);
  border-bottom: 1px solid var(--news-edge);
  background: var(--news-surface);
}

.news-masthead__inner { max-width: 1040px; }

.news-masthead__kicker,
.news-zone__label,
.news-change-board__label,
.news-release-meta dt {
  margin: 0;
  color: var(--page-primary);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.news-masthead__title {
  max-width: 24ch;
  margin: 0.75rem 0 0;
  font-size: clamp(2.45rem, 5vw, 4.35rem);
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.news-masthead__deck {
  max-width: 62ch;
  margin: 1rem 0 0;
  color: var(--news-muted);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  line-height: 1.55;
}

.news-masthead__thesis {
  max-width: 72ch;
  margin: 1rem 0 0;
  padding: 0.1rem 0 0.1rem 1rem;
  border-left: 0.25rem solid var(--page-secondary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.65;
}

.news-release-meta {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--news-edge);
}

.news-release-meta .resource-publication-meta {
  justify-content: flex-start;
  margin: 0 0 0.9rem;
}

.news-release-meta__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 1px solid var(--news-edge);
  border-radius: var(--resource-radius-md);
  background: var(--news-surface-soft);
}

.news-release-meta__item {
  min-width: 0;
  padding: 0.75rem 1rem;
  border-right: 1px solid var(--news-edge);
}

.news-release-meta__item:last-child { border-right: 0; }
.news-release-meta dd { margin: 0.25rem 0 0; font-weight: 700; }

.news-change-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(2rem, 5vw, 4rem);
  border: 1px solid var(--news-edge-strong);
  border-radius: var(--resource-radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.news-change-board > article { min-height: 13rem; padding: clamp(1.5rem, 3vw, 2.5rem); }
.news-change-board__previous { background: var(--role-previous-state-bg); }
.news-change-board__current { background: var(--role-example-bg); border-left: 1px solid var(--news-edge-strong); }
.news-change-board__previous .news-change-board__label { color: var(--role-previous-state-text); }
.news-change-board__current .news-change-board__label { color: var(--role-example-text); }
.news-change-board__impact {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(9rem, 0.32fr) 1fr;
  align-items: center;
  min-height: auto !important;
  border-top: 1px solid var(--news-edge-strong);
  background: var(--news-surface);
}
.news-change-board__impact .news-change-board__label { color: var(--page-secondary); }
.news-change-board__content {
  max-width: 46ch;
  margin: 1rem 0 0;
  font-size: clamp(1.15rem, 2.4vw, 1.65rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
.news-change-board__impact .news-change-board__content { max-width: 58ch; margin: 0; font-size: clamp(1.05rem, 2vw, 1.35rem); }

.news-product-canvas {
  margin: clamp(2.5rem, 6vw, 5rem) 0;
  border: 1px solid var(--role-mechanics-border);
  border-radius: var(--resource-radius-lg);
  background: var(--news-surface);
  overflow: hidden;
}

.news-product-canvas__header {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(18rem, 1.2fr);
  gap: 0.65rem clamp(1.5rem, 5vw, 4rem);
  padding: clamp(1.5rem, 4vw, 2.75rem);
  border-bottom: 1px solid var(--role-mechanics-border);
  background: var(--role-mechanics-bg);
}
.news-product-canvas__header .news-zone__label { grid-column: 1 / -1; color: var(--role-mechanics-text); }
.news-product-canvas__header h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.45rem); letter-spacing: -0.035em; line-height: 1.12; }
.news-product-canvas__header > p:last-child { margin: 0; color: var(--news-muted); line-height: 1.65; }
.news-product-canvas__body { padding: clamp(1.25rem, 4vw, 2.5rem); }

.news-update--intelligence .news-product-canvas {
  border-color: var(--role-definition-border);
  border-radius: var(--resource-radius-md);
}
.news-update--intelligence .news-product-canvas__header {
  grid-template-columns: minmax(0, 1fr);
  max-width: none;
  padding-left: clamp(1.5rem, 6vw, 4rem);
  border-bottom-color: var(--role-definition-border);
  border-left: 0.45rem solid var(--role-definition-border);
  background: var(--role-definition-bg);
}
.news-update--intelligence .news-product-canvas__header h2 { max-width: 26ch; }
.news-update--intelligence .news-product-canvas__header > p:last-child { max-width: 68ch; }

.news-update-index {
  position: sticky;
  top: 4.6rem;
  z-index: 20;
  border-block: 1px solid var(--news-edge);
  background: var(--news-surface);
}
.news-update-index__inner { position: relative; display: flex; align-items: center; gap: 1.25rem; min-height: 3.35rem; }
.news-update-index__inner::after {
  position: absolute;
  right: 0;
  bottom: 0.45rem;
  z-index: 1;
  width: 3rem;
  height: 2.45rem;
  background: linear-gradient(90deg, transparent, var(--news-surface));
  content: "";
  pointer-events: none;
}
.news-update-index h2 { flex: 0 0 auto; margin: 0; color: var(--news-muted); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; }
.news-update-index__list {
  display: flex;
  flex: 1 1 auto;
  gap: 0.2rem;
  min-width: 0;
  margin: 0;
  padding: 0 3.25rem 0.2rem 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 1rem 3.25rem;
  list-style: none;
  scrollbar-width: thin;
}
.news-update-index__list::-webkit-scrollbar { height: 0.35rem; }
.news-update-index__item { flex: 0 0 auto; }
.news-update-index a {
  display: block;
  padding: 0.65rem 0.75rem;
  border-bottom: 0.2rem solid transparent;
  color: var(--news-muted);
  font-size: 0.84rem;
  font-weight: 700;
  text-decoration: none;
}
.news-update-index a:hover { color: var(--news-ink); }
.news-update-index a[aria-current="location"] { border-bottom-color: var(--page-primary); color: var(--news-ink); }

.news-body { padding: 0 0 clamp(4rem, 8vw, 7rem); }
.news-content { display: grid; min-width: 0; }
.news-section { min-width: 0; padding: clamp(2.75rem, 6vw, 5rem) 0; }
.news-article .news-section,
.news-article .news-section [id] { scroll-margin-top: var(--news-anchor-offset); }
.news-section + .news-section { border-top: 1px solid var(--news-edge); }
.news-narrative { width: min(920px, calc(100% - 2.5rem)); }
.news-section__header { max-width: 760px; }
.news-section__header h2 { margin: 0.55rem 0 0; font-size: clamp(1.7rem, 3.2vw, 2.6rem); letter-spacing: -0.04em; line-height: 1.12; }
.news-section__header > p:not(.news-zone__label) { color: var(--news-muted); line-height: 1.65; }
.news-section__content { max-width: 760px; margin-top: 1.5rem; font-size: 1.02rem; line-height: 1.75; }
.news-section__content > :first-child { margin-top: 0; }
.news-section__content > :last-child { margin-bottom: 0; }
.news-section__content h3 { margin: 2rem 0 0.55rem; font-size: 1.2rem; }
.news-section__content > :where(ul, ol):not([class]) > li + li { margin-top: 0.45rem; }
.news-wide-breakout,
.news-interface-anatomy,
.news-action-hierarchy,
.news-confidence-scale,
.news-feature-grid:not(.news-workflow-map),
.news-table-wrap { max-width: none; }

.news-update--workflow .news-section__header { position: relative; padding-left: 1.25rem; }
.news-update--workflow .news-section__header::before { position: absolute; inset: 0 auto 0 0; width: 0.25rem; border-radius: var(--resource-radius-pill); background: var(--page-primary); content: ""; }
.news-update--intelligence .news-section { padding-block: clamp(2.25rem, 5vw, 4.25rem); }
.news-update--intelligence .news-narrative { width: min(1000px, calc(100% - 2.5rem)); }
.news-update--intelligence .news-section__header { max-width: 820px; }
.news-update--intelligence .news-section__content { margin-left: clamp(0rem, 7vw, 6rem); }

.news-release-zone--definition .news-zone__label { color: var(--role-definition-text); }
.news-mechanics-zone .news-zone__label { color: var(--role-mechanics-text); }
.news-current-zone .news-zone__label { color: var(--role-example-text); }
.news-previous-zone,
.news-safeguards-zone,
.news-impact-zone { margin-block: 1.5rem; border-block: 1px solid var(--news-edge); }
.news-previous-zone { background: var(--role-previous-state-bg); }
.news-previous-zone .news-zone__label { color: var(--role-previous-state-text); }
.news-safeguards-zone { background: var(--role-caveat-bg); }
.news-safeguards-zone .news-zone__label { color: var(--role-caveat-text); }
.news-impact-zone--confirmed { background: var(--role-confirmed-bg); }
.news-impact-zone--confirmed .news-zone__label { color: var(--role-confirmed-text); }

.news-workflow-map,
.news-control-map,
.news-market-timeline,
.news-state-rail,
.news-evidence-hierarchy,
.news-action-hierarchy,
.news-confidence-scale {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-workflow-map {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.75rem;
}
.news-workflow-map--benefits {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}
.news-workflow-map__stage,
.news-workflow-map > li {
  position: relative;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--role-mechanics-border);
  border-top-width: 0.3rem;
  border-radius: var(--resource-radius-md);
  background: var(--news-surface);
}
.news-workflow-map__stage h3,
.news-workflow-map > li h3 { margin: 0; font-size: 0.98rem; line-height: 1.3; }
.news-workflow-map__stage p,
.news-workflow-map > li p { margin: 0.55rem 0 0; color: var(--news-muted); font-size: 0.88rem; line-height: 1.55; }
.news-workflow-map__stage--confirmed { border-color: var(--role-confirmed-border); background: var(--role-confirmed-bg); }

.news-decision-branch {
  display: grid;
  grid-template-columns: minmax(9rem, 0.3fr) 1fr;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  border: 1px dashed var(--role-caveat-border);
  border-radius: var(--resource-radius-md);
  background: var(--role-caveat-bg);
}
.news-decision-branch strong { color: var(--role-caveat-text); }
.news-decision-branch p { margin: 0; line-height: 1.6; }

.news-evidence-hierarchy { display: grid; gap: 0.55rem; counter-reset: evidence; }
.news-evidence-hierarchy__level {
  display: grid;
  grid-template-columns: minmax(10rem, 0.35fr) 1fr;
  gap: 1rem;
  align-items: center;
  padding: 0.8rem 1rem;
  border-left: 0.28rem solid var(--role-definition-border);
  background: var(--news-surface-soft);
  counter-increment: evidence;
}
.news-evidence-hierarchy__level h3,
.news-evidence-hierarchy__level > span { margin: 0; color: var(--role-definition-text); font-size: 0.92rem; font-weight: 700; }
.news-evidence-hierarchy__level p { margin: 0; color: var(--news-muted); line-height: 1.55; }
.news-evidence-hierarchy__level--diagnosis { border-left-color: var(--role-caveat-border); background: var(--role-caveat-bg); }
.news-evidence-hierarchy__level--diagnosis h3,
.news-evidence-hierarchy__level--diagnosis > span { color: var(--role-caveat-text); }
.news-evidence-hierarchy__level--interpretation { border-left-color: var(--page-secondary-border); background: var(--page-secondary-soft); }
.news-evidence-hierarchy__level--interpretation h3,
.news-evidence-hierarchy__level--interpretation > span { color: var(--page-secondary); }

.news-control-map { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border: 1px solid var(--role-mechanics-border); border-radius: var(--resource-radius-md); overflow: hidden; }
.news-control-map__item { min-width: 0; padding: 1rem; border-right: 1px solid var(--role-mechanics-border); background: var(--news-surface); }
.news-control-map__item:last-child { border-right: 0; }
.news-control-map__item h3,
.news-control-map__item > span { color: var(--role-mechanics-text); font-size: 0.9rem; font-weight: 700; }
.news-control-map__item p { margin: 0.55rem 0 0; color: var(--news-muted); font-size: 0.86rem; line-height: 1.5; }
.news-control-map__item--outcome { background: var(--role-caveat-bg); }

.news-state-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin-top: 1.25rem; border: 1px solid var(--news-edge-strong); border-radius: var(--resource-radius-md); overflow: hidden; }
.news-state-rail__item { min-width: 0; padding: 1rem; border-right: 1px solid var(--news-edge-strong); background: var(--news-surface-soft); }
.news-state-rail__item:last-child { border-right: 0; }
.news-state-rail__item h3 { margin: 0; font-size: 0.92rem; }
.news-state-rail__item p { margin: 0.45rem 0 0; color: var(--news-muted); font-size: 0.82rem; line-height: 1.45; }
.news-state-rail__item--review { border-top: 0.3rem solid var(--role-mechanics-border); background: var(--role-mechanics-bg); }
.news-state-rail__item--blocked { border-top: 0.3rem solid var(--role-previous-state-border); background: var(--role-previous-state-bg); }
.news-state-rail__item--current { border-top: 0.3rem solid var(--role-example-border); background: var(--role-example-bg); }
.news-state-rail__item--confirmed { border-top: 0.3rem solid var(--role-confirmed-border); background: var(--role-confirmed-bg); }
.news-state-rail--automation { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.news-market-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.news-market-timeline__event { min-width: 0; padding: 1.1rem; border: 1px dashed var(--news-edge-strong); border-radius: var(--resource-radius-md); background: var(--news-surface-soft); }
.news-market-timeline__event h3 { margin: 0; }
.news-market-timeline__event p { margin: 0.55rem 0 0; color: var(--news-muted); line-height: 1.55; }
.news-market-timeline__event--compatible { border: 0.2rem solid var(--role-example-border); background: var(--role-example-bg); }
.news-market-timeline__event--separate { border-color: var(--role-previous-state-border); background: var(--role-previous-state-bg); }

.news-interface-anatomy,
.news-feature-grid:not(.news-workflow-map),
.news-faq,
.news-confidence-scale,
.news-action-hierarchy {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.news-interface-anatomy__region,
.news-faq__item,
.news-feature-card,
.news-action-hierarchy__item,
.news-confidence-scale > * {
  grid-column: span 6;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid var(--news-edge);
  border-radius: var(--resource-radius-md);
  background: var(--news-surface);
}
.news-interface-anatomy__region:nth-child(3n + 1) { grid-column: span 7; }
.news-interface-anatomy__region:nth-child(3n + 2) { grid-column: span 5; }
.news-interface-anatomy__region h3,
.news-faq__item h3,
.news-action-hierarchy__item h3 { margin-top: 0; }
.news-interface-anatomy--drawer { max-width: none; padding: 1.5rem; border: 1px solid var(--role-mechanics-border); border-radius: var(--resource-radius-lg); background: var(--role-mechanics-bg); }
.news-interface-anatomy__header { grid-column: 1 / -1; }
.news-interface-anatomy__header > p:last-child { max-width: 64ch; margin-bottom: 0; }
.news-interface-anatomy__region--issue { border-color: var(--role-previous-state-border); background: var(--role-previous-state-bg); }
.news-action-hierarchy__item { grid-column: span 4; border-top: 0.3rem solid var(--news-edge-strong); }
.news-action-hierarchy__item--corrective { border-top-color: var(--role-caveat-border); }
.news-action-hierarchy__item--destructive { border-top-color: var(--role-previous-state-border); background: var(--role-previous-state-bg); }
.news-action-hierarchy__item--confirmed { border-top-color: var(--role-confirmed-border); background: var(--role-confirmed-bg); }
.news-action-hierarchy__item > span { display: block; margin-bottom: 0.55rem; color: var(--news-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.news-action-hierarchy__item > p { margin: 0.6rem 0 0; color: var(--news-muted); line-height: 1.55; }
.news-confidence-scale > * { grid-column: span 4; }

.news-cluster-row {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(24rem, 2.1fr) auto;
  gap: 1rem;
  align-items: center;
  margin: 1.5rem 0;
  padding: 1rem;
  border: 1px solid var(--role-example-border);
  border-radius: var(--resource-radius-md);
  background: var(--role-example-bg);
}
.news-cluster-row__identity span { display: block; color: var(--role-example-text); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.news-cluster-row__identity strong { display: block; margin-top: 0.25rem; }
.news-cluster-row__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin: 0; }
.news-cluster-row__fields div { min-width: 0; }
.news-cluster-row__fields dt { color: var(--news-muted); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; }
.news-cluster-row__fields dd { margin: 0.2rem 0 0; font-size: 0.82rem; font-weight: 700; }
.news-cluster-row__action { padding: 0.65rem 0.8rem; border: 1px solid var(--role-mechanics-border); border-radius: var(--resource-radius-sm); background: var(--role-mechanics-bg); color: var(--role-mechanics-text); font-size: 0.78rem; }

.news-caveat,
.news-evidence-example {
  margin: 1.5rem 0;
  padding: 1rem 1.2rem;
}
.news-caveat {
  border-left: 0.3rem solid var(--role-caveat-border);
  background: var(--role-caveat-bg);
}
.news-evidence-example {
  border-left: 0.3rem solid var(--role-example-border);
  background: var(--role-example-bg);
}
.news-caveat p,
.news-evidence-example p { margin: 0; }

.news-article :where(.news-benefit-list, .news-editorial-columns).resource-list--editorial {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.5rem;
}
.news-article :where(.news-benefit-list, .news-editorial-columns).resource-list--editorial > .resource-list__item:nth-child(2) {
  border-top: 1px solid var(--resource-list-border);
}
.news-article .news-product-taxonomy {
  display: grid;
  gap: 0;
  margin: 1.5rem 0;
  padding: 0;
  list-style: none;
  counter-reset: news-product-view;
}
.news-article .news-product-taxonomy > li {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--news-edge);
  counter-increment: news-product-view;
}
.news-article .news-product-taxonomy > li:first-child { border-top: 1px solid var(--news-edge); }
.news-article .news-product-taxonomy > li::before {
  color: var(--role-mechanics-text);
  font-weight: 800;
  content: counter(news-product-view, decimal-leading-zero);
}
.news-product-taxonomy__body {
  grid-column: 2;
  min-width: 0;
}
.news-product-taxonomy__title,
.news-product-taxonomy__text { display: block; }
.news-product-taxonomy__title { color: var(--news-ink); }
.news-product-taxonomy__text {
  margin-top: 0.3rem;
  color: var(--news-muted);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.news-error-code-grid { grid-template-columns: 1fr; }

.news-table-wrap { margin-top: 1.5rem; border: 1px solid var(--news-edge-strong); border-radius: var(--resource-radius-md); overflow-x: auto; }
.news-table { width: 100%; min-width: 700px; border-collapse: collapse; background: var(--news-surface); }
.news-table caption { padding: 1rem; border-bottom: 1px solid var(--news-edge); font-weight: 700; text-align: left; }
.news-table th,
.news-table td { padding: 0.9rem 1rem; border-bottom: 1px solid var(--news-edge); text-align: left; vertical-align: top; }
.news-table thead th { background: var(--news-surface-muted); font-size: 0.78rem; letter-spacing: 0.07em; text-transform: uppercase; }
.news-table tbody tr:last-child :is(th, td) { border-bottom: 0; }

.news-product-shot,
.news-screenshot-grid { margin: 2rem 0; }
.news-product-shot__viewport { border: 1px solid var(--news-edge-strong); border-radius: var(--resource-radius-lg); background: var(--news-surface-soft); overflow: hidden; }
.news-product-shot__viewport img { display: block; width: 100%; height: auto; }
.news-product-shot__caption { margin-top: 0.75rem; color: var(--news-muted); font-size: 0.88rem; }
.news-product-shot__annotations { margin-top: 1rem; }
.news-screenshot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }


.news-organisation-close {
  width: min(920px, calc(100% - 2.5rem));
  margin: 0 auto;
  padding: 2rem 0 0;
  border-top: 1px solid var(--news-edge);
}
.news-organisation-close h2 { margin: 0; font-size: 1.25rem; }
.news-organisation-close > p { max-width: 70ch; color: var(--news-muted); line-height: 1.65; }
.news-organisation-close__identity { display: flex; gap: 0.75rem; align-items: baseline; }
.news-organisation-close__identity span { color: var(--news-muted); }

.news-masthead--draft { border-top-color: var(--role-caveat-border); background: var(--role-caveat-bg); }
.news-release-gate { max-width: 78ch; margin-top: 1.5rem; padding: 1rem 1.2rem; border: 1px solid var(--role-caveat-border); border-radius: var(--resource-radius-md); background: var(--news-surface); }
.news-release-gate strong { color: var(--role-caveat-text); text-transform: uppercase; }
.news-release-gate p { margin: 0.45rem 0 0; line-height: 1.6; }
.news-release-status { display: inline-block; margin: 1rem 0 0; padding: 0.45rem 0.7rem; border: 1px solid var(--role-caveat-border); border-radius: var(--resource-radius-pill); color: var(--role-caveat-text); font-size: 0.8rem; font-weight: 700; }
.news-body--draft { padding-top: 1rem; }

@media (max-width: 64rem) {
  .news-update-index { top: 4.2rem; }
  .news-product-canvas__header { grid-template-columns: 1fr; }
  .news-control-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-control-map__item { border-bottom: 1px solid var(--role-mechanics-border); }
  .news-control-map__item--outcome { grid-column: 1 / -1; }
  .news-state-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-state-rail__item { border-bottom: 1px solid var(--news-edge-strong); }
  .news-state-rail__item:last-child { grid-column: 1 / -1; }
  .news-state-rail--automation .news-state-rail__item:last-child { grid-column: auto; }
}

@media (max-width: 47.9375rem) {
  .news-article { --news-anchor-offset: 1.5rem; }
  .news-container,
  .news-narrative,
  .news-organisation-close { width: min(100% - 1.5rem, 1180px); }
  .news-masthead { padding-block: 2rem; }
  .news-masthead__title { font-size: clamp(2.15rem, 10vw, 3.25rem); }
  .news-release-meta__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-release-meta__item { border-bottom: 1px solid var(--news-edge); }
  .news-release-meta__item:nth-child(2n) { border-right: 0; }
  .news-release-meta__item:nth-last-child(-n + 2) { border-bottom: 0; }
  .news-change-board { grid-template-columns: 1fr; }
  .news-change-board > article { min-height: auto; }
  .news-change-board__current { border-top: 1px solid var(--news-edge-strong); border-left: 0; }
  .news-change-board__impact { grid-column: auto; grid-template-columns: 1fr; gap: 0.75rem; }
  .news-change-board__impact .news-change-board__content { margin: 0; }
  .news-update-index { position: relative; top: auto; }
  .news-update-index__inner { display: block; padding-block: 0.65rem; }
  .news-update-index h2 { margin-bottom: 0.25rem; }
  .news-update-index__list { margin-inline: -0.25rem; }
  .news-update-index__inner::after { bottom: 0.6rem; }
  .news-update--intelligence .news-section__content { margin-left: 0; }
  .news-workflow-map,
  .news-market-timeline { grid-template-columns: 1fr; }
  .news-evidence-hierarchy__level,
  .news-decision-branch { grid-template-columns: 1fr; gap: 0.4rem; }
  .news-control-map,
  .news-state-rail,
  .news-state-rail--automation { grid-template-columns: 1fr; }
  .news-control-map__item,
  .news-state-rail__item { border-right: 0; }
  .news-control-map__item--outcome,
  .news-state-rail__item:last-child,
  .news-state-rail--automation .news-state-rail__item:last-child { grid-column: auto; }
  .news-interface-anatomy__region,
  .news-interface-anatomy__region:nth-child(n),
  .news-faq__item,
  .news-feature-card,
  .news-action-hierarchy__item,
  .news-confidence-scale > * { grid-column: 1 / -1; }
  .news-screenshot-grid { grid-template-columns: 1fr; }

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

@media (prefers-color-scheme: dark) {
  .news-change-board,
  .news-product-canvas { box-shadow: none; }
  .news-update-index { border-color: var(--news-edge-strong); }
}

@media (max-width: 520px) {
  .news-article :where(.news-benefit-list, .news-editorial-columns).resource-list--editorial { grid-template-columns: minmax(0, 1fr); }
  .news-article :where(.news-benefit-list, .news-editorial-columns).resource-list--editorial > .resource-list__item:nth-child(2) { border-top: 0; }
  .news-article .resource-list--editorial > .resource-list__item,
  .news-article .resource-list--constraints > .resource-list__item,
  .news-article .resource-list--steps > .resource-list__item { grid-template-columns: minmax(0, 1fr); }
  .news-article .resource-list--editorial > .resource-list__item::before,
  .news-article .resource-list--steps > .resource-list__item::before,
  .news-article .resource-list--editorial > .resource-list__item > :where(.resource-list__body, .resource-list__title, .resource-list__text),
  .news-article .resource-list--constraints > .resource-list__item > :where(.resource-list__title, .resource-list__text),
  .news-article .resource-list--steps > .resource-list__item > :where(.resource-list__body, .resource-list__title, .resource-list__text) { grid-column: 1; }
  .news-article .resource-list--editorial > .resource-list__item::before,
  .news-article .resource-list--steps > .resource-list__item::before { margin-bottom: 0.5rem; }
  .news-article .resource-list--constraints > .resource-list__item > .resource-list__text { margin-top: 0.35rem; }
  .news-article .resource-list--compact,
  .news-article .resource-answer,
  .news-article .resource-list__body,
  .news-article .resource-list__text { max-width: 100%; min-width: 0; }
  .news-article :where(a, code, pre) { max-width: 100%; overflow-wrap: anywhere; }
}