.hero { min-height: var(--hero-height); display: flex; align-items: center; overflow-x: clip; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); align-items: center; gap: var(--hero-gap); padding-block: var(--u16); }
.hero-copy { grid-column: 2; grid-row: 1; min-width: 0; }
.eyebrow { display: inline-flex; align-items: center; gap: var(--u3); padding: var(--u1) var(--u3); background: var(--panel-2); color: var(--accent-dark); border: var(--hairline) solid var(--border); border-radius: var(--radius-small); font-size: var(--size-small); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-small); }
.eyebrow::before { content: ''; width: var(--dot-size); height: var(--dot-size); background: var(--accent); flex-shrink: 0; }
.h1-brand { display: block; margin-bottom: var(--u2); }
.h1-service { display: flex; flex-wrap: wrap; }
.accent-word { color: var(--accent-dark); }
.lead { margin-top: var(--u6); font-size: var(--size-lead); line-height: var(--lh-body); color: var(--muted); max-width: var(--window-width); }
.lead strong { font-weight: var(--weight-semibold); color: var(--text); }
.trust { display: flex; flex-wrap: wrap; gap: var(--u2) var(--u5); margin-top: var(--u5); font-size: var(--size-small); color: var(--muted); }
.trust span { display: inline-flex; align-items: center; gap: var(--u2); white-space: nowrap; }
.trust svg { width: var(--u4); height: var(--u4); color: var(--accent-dark); fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.compatibility { margin-top: var(--u7); padding-top: var(--u5); border-top: var(--hairline) solid var(--border); }
.platforms { display: flex; align-items: center; gap: var(--u5); font-size: var(--size-small); font-weight: var(--weight-medium); }
.platforms span { display: inline-flex; align-items: center; gap: var(--u2); white-space: nowrap; }
.platforms svg { width: var(--icon-size); height: var(--icon-size); overflow: hidden; }
.flags { display: flex; align-items: center; gap: var(--u4); margin-top: var(--u5); font-size: var(--size-small); color: var(--muted); }
.flags span { display: inline-flex; align-items: center; gap: var(--u2); white-space: nowrap; }
.flag { width: var(--flag-width); height: var(--flag-height); border-radius: var(--radius-small); overflow: hidden; box-shadow: 0 0 0 var(--hairline) var(--border); }
.flag .white { fill: var(--flag-white); }
.flag-sg { background: var(--flag-white); fill: var(--flag-red); }
.flag-jp { background: var(--flag-white); fill: var(--flag-japan); }
.flag-us { background: var(--flag-white); fill: var(--flag-us-red); }
.flag-us .canton { fill: var(--flag-us-blue); }
.flag-hk { background: var(--flag-hk); fill: var(--flag-white); }
.flag-ch { width: var(--flag-height); background: var(--flag-swiss); fill: var(--flag-white); }
.flag-nl { background: var(--flag-white); fill: var(--flag-nl-red); }
.flag-nl .blue { fill: var(--flag-nl-blue); }

.session-figure { grid-column: 1; grid-row: 1; width: 100%; max-width: var(--window-width); min-width: 0; }
.session-shell { padding: var(--u2); padding-bottom: var(--u3); border: var(--hairline) solid var(--border); border-radius: var(--radius-window); background: var(--panel-2); box-shadow: var(--shadow-window), var(--shadow-lip); }
.session-chrome { height: var(--chrome-height); padding-inline: var(--u3); display: flex; align-items: center; gap: var(--u3); border-bottom: var(--hairline) solid var(--border); }
.chrome-dots { display: flex; gap: var(--u1); }
.chrome-dots i { width: var(--chrome-dot); height: var(--chrome-dot); border-radius: var(--radius-round); background: var(--border); }
.chrome-dots i:first-child { background: var(--accent); }
.chrome-name { font-family: var(--mono); font-size: var(--size-tiny); font-weight: var(--weight-medium); letter-spacing: var(--tracking-small); color: var(--muted); }
.diagram-mark { margin-left: auto; font-size: var(--size-tiny); color: var(--accent-dark); white-space: nowrap; }
.session-paper { background: var(--panel); border: var(--hairline) solid var(--border); border-top: 0; border-radius: 0 0 var(--radius-medium) var(--radius-medium); overflow: hidden; }
.session-heading { display: flex; align-items: center; justify-content: space-between; padding: var(--u5) var(--u5) var(--u4); }
.session-title { font-size: var(--size-body); font-weight: var(--weight-bold); }
.session-mode { display: flex; align-items: center; gap: var(--u2); color: var(--muted); font-family: var(--mono); font-size: var(--size-micro); letter-spacing: var(--tracking-small); }
.session-mode::before { content: ''; width: var(--u3); height: var(--rule-heavy); background: var(--accent); }
.session-slot { margin-inline: var(--u3); padding: var(--u3); background: var(--inverse); border-radius: var(--radius-medium); box-shadow: var(--shadow-inset); }
.session-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--u2); }
.session-pane { border: var(--hairline) solid var(--inverse-border); border-radius: var(--radius-small); background: var(--inverse-panel); min-width: 0; overflow: hidden; }
.pane-head { display: flex; align-items: center; justify-content: space-between; gap: var(--u2); padding: var(--u4); border-bottom: var(--hairline) solid var(--inverse-border); }
.pane-head h3 { font-size: var(--size-pane); font-weight: var(--weight-semibold); line-height: var(--lh-label); color: var(--text-inverse); }
.pane-en { margin-top: var(--u1); color: var(--muted-inverse); font-family: var(--mono); font-size: var(--size-micro); letter-spacing: var(--tracking-mono); }
.direction { width: var(--u7); height: var(--u7); display: grid; place-items: center; border: var(--hairline) solid var(--inverse-border); border-radius: var(--radius-small); color: var(--text-inverse); font-size: var(--size-lead); flex-shrink: 0; }
.session-pane:first-child .direction { background: var(--accent); border-color: var(--accent); }
.route-fields { padding: var(--u1) var(--u4); }
.route-field { min-height: var(--rail-height); display: flex; align-items: center; gap: var(--u2); font-size: var(--size-small); }
.route-field + .route-field { border-top: var(--hairline) solid var(--inverse-border); }
.field-label { font-size: var(--size-tiny); color: var(--muted-inverse); white-space: nowrap; }
.field-value { font-weight: var(--weight-medium); color: var(--text-inverse); white-space: nowrap; }
.field-rail { height: var(--hairline); min-width: var(--u3); flex: 1; background: var(--inverse-border); position: relative; }
.field-rail::after { content: ''; position: absolute; right: 0; top: calc(0px - var(--u1)); width: var(--u2); height: var(--u2); border-top: var(--hairline) solid var(--muted-inverse); border-right: var(--hairline) solid var(--muted-inverse); transform: rotate(var(--angle-forward)); }
.session-pane:last-child .field-rail::after { right: auto; left: 0; transform: rotate(var(--angle-back)); }
.session-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--u2); padding: var(--u3) var(--u1) 0; color: var(--muted-inverse); font-size: var(--size-tiny); font-family: var(--mono); }
.session-caption span { display: flex; align-items: center; gap: var(--u2); }
.session-caption b { color: var(--text-inverse); font-weight: var(--weight-normal); }
.session-footer { display: flex; justify-content: space-between; align-items: center; gap: var(--u3); padding: var(--u4); font-size: var(--size-tiny); color: var(--muted); }
.session-tags { display: flex; flex-wrap: wrap; gap: var(--u2); }
.session-tags span { display: inline-flex; align-items: center; min-height: var(--tag-height); padding-inline: var(--u2); border: var(--hairline) solid var(--border); border-radius: var(--radius-small); background: var(--bg); }
.figure-note { display: flex; align-items: center; justify-content: space-between; gap: var(--u4); padding: var(--u5) var(--u1) 0; color: var(--muted); font-size: var(--size-small); }
.note-rule { height: var(--hairline); background: var(--border); flex: 1; }
.figure-note .mono { font-size: var(--size-micro); letter-spacing: var(--tracking-mono); }
.next-edge { background: var(--inverse); color: var(--text-inverse); }
.next-inner { min-height: var(--u18); display: flex; align-items: center; justify-content: space-between; gap: var(--u8); }
.next-kicker { color: var(--muted-inverse); font-size: var(--size-small); font-family: var(--mono); letter-spacing: var(--tracking-mono); }
.next-title { font-size: var(--size-body); font-weight: var(--weight-semibold); }
.next-link { font-size: var(--size-small); color: var(--muted-inverse); white-space: nowrap; }

.tabs { min-width: 0; }
.tab-list, [role="tablist"] { display: flex; flex-wrap: wrap; gap: var(--u2); padding: var(--u2); background: var(--panel-2); border: var(--hairline) solid var(--border); border-radius: var(--radius-medium); width: fit-content; max-width: 100%; }
[role="tab"] { display: inline-flex; align-items: center; justify-content: center; min-height: var(--tap-size); padding: var(--u2) var(--u5); border: var(--hairline) solid var(--clear); border-radius: var(--radius-small); background: var(--clear); color: var(--muted); font-weight: var(--weight-semibold); }
[role="tab"][aria-selected="true"] { background: var(--panel); color: var(--text); border-color: var(--border); box-shadow: var(--shadow-button); }
[role="tab"]:hover { color: var(--accent-dark); }
[role="tabpanel"] { padding-top: var(--u6); min-width: 0; }
.toc-tabs {
  position: sticky;
  top: var(--u3);
  z-index: var(--z-toc);
  display: flex;
  align-items: center;
  gap: var(--u2);
  min-height: var(--toc-height);
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: var(--u2);
  border: var(--hairline) solid var(--border);
  border-radius: var(--radius-medium);
  background: var(--panel);
  box-shadow: var(--shadow-panel);
}
.toc-tabs a { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: var(--tap-size); padding: var(--u2) var(--u4); border-radius: var(--radius-small); color: var(--muted); font-size: var(--size-nav); white-space: nowrap; }
.toc-tabs a.is-current, .toc-tabs a[aria-current] { background: var(--panel-2); color: var(--accent-dark); font-weight: var(--weight-semibold); }
.toc-tabs.toc-static { position: static; }
body:has(.toc-tabs) section[id], body:has(.toc-tabs) h2[id], body:has(.toc-tabs) h3[id] { scroll-margin-top: var(--anchor-space); }

.evidence-layout { display: grid; grid-template-columns: minmax(0, .32fr) minmax(0, 1fr); gap: var(--u16); }
.evidence-layout > * { min-width: 0; }
.evidence-index { display: flex; flex-direction: column; align-items: stretch; align-self: start; background: var(--inverse-panel); border-color: var(--inverse-border); }
.evidence-index a { justify-content: flex-start; color: var(--muted-inverse); }
.evidence-index a.is-current, .evidence-index a[aria-current] { background: var(--inverse-panel-2); color: var(--text-inverse); }
.evidence-row { display: grid; grid-template-columns: minmax(0, .55fr) minmax(0, 1fr); gap: var(--u8); padding-block: var(--u8); border-top: var(--hairline) solid var(--inverse-border); }
.evidence-row > * { min-width: 0; }
.evidence-row p { color: var(--muted-inverse); }
.evidence-row .text-link { margin-top: var(--u4); }
.faq-list { display: grid; gap: var(--u3); }
.faq-item { border: var(--hairline) solid var(--border); border-radius: var(--radius-medium); background: var(--panel); box-shadow: var(--shadow-button); }
.faq-item summary { cursor: pointer; padding: var(--u5) var(--u6); font-weight: var(--weight-semibold); line-height: var(--lh-label); min-height: var(--tap-size); }
.faq-item summary::marker { color: var(--accent-dark); }
.faq-item[open] { border-color: var(--accent); }
.faq-answer { padding: 0 var(--u6) var(--u6); color: var(--muted); }
.faq-answer > * + * { margin-top: var(--u3); }

.badge, .tag { display: inline-flex; align-items: center; min-height: var(--tag-height); max-width: 100%; padding: var(--u1) var(--u2); border: var(--hairline) solid var(--border); border-radius: var(--radius-small); background: var(--panel-2); color: var(--accent-dark); font-size: var(--size-small); font-weight: var(--weight-semibold); overflow-wrap: anywhere; }
.tag { background: var(--panel); color: var(--muted); font-weight: var(--weight-medium); }
.badge-best { background: var(--accent-dark); color: var(--button-text); border-color: var(--accent-dark); }
.status-label { display: inline-flex; align-items: center; gap: var(--u2); font-size: var(--size-small); }
.status-label::before { content: ''; width: var(--dot-size); height: var(--dot-size); background: var(--success); flex-shrink: 0; border-radius: var(--radius-round); }
.status-warn::before { background: var(--warn); }
.status-error::before { background: var(--error); }
.plan-card { display: flex; flex-direction: column; gap: var(--u5); padding: var(--u6); background: var(--panel); border: var(--hairline) solid var(--border); border-radius: var(--radius-medium); box-shadow: var(--shadow-panel); min-width: 0; }
.plan-card.is-selected { border-color: var(--accent-dark); box-shadow: inset 0 var(--u1) 0 var(--accent), var(--shadow-panel); }
.plan-top { display: flex; align-items: center; justify-content: space-between; gap: var(--u3); flex-wrap: wrap; }
.plan-cycle { color: var(--muted); font-family: var(--mono); font-size: var(--size-small); }
.plan-price { font-family: var(--display); font-size: var(--u10); line-height: var(--lh-tight); font-weight: var(--weight-heavy); font-variant-numeric: tabular-nums; }
.plan-price small { font-family: var(--body); font-size: var(--size-nav); font-weight: var(--weight-normal); color: var(--muted); }
.plan-facts { margin: 0; padding: var(--u4) 0; list-style: none; border-top: var(--hairline) solid var(--border); border-bottom: var(--hairline) solid var(--border); color: var(--muted); font-size: var(--size-nav); }
.plan-facts li + li { margin-top: var(--u2); }
.plan-card .action { margin-top: auto; }
.plan-note { font-size: var(--size-small); color: var(--muted); }
.table-scroll { max-width: 100%; min-width: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; border: var(--hairline) solid var(--border); border-radius: var(--radius-medium); background: var(--panel); }
.data-table, .route-table { width: 100%; min-width: var(--table-min); text-align: left; font-size: var(--size-nav); }
.data-table caption, .route-table caption { text-align: left; padding: var(--u5); color: var(--text); font-weight: var(--weight-semibold); }
.data-table th, .data-table td, .route-table th, .route-table td { padding: var(--u4) var(--u5); border-bottom: var(--hairline) solid var(--border); vertical-align: top; }
.data-table thead, .route-table thead { background: var(--panel-2); color: var(--text); }
.data-table th, .route-table th { color: var(--text); font-weight: var(--weight-semibold); }
.route-group th { background: var(--bg); color: var(--accent-dark); font-family: var(--mono); font-size: var(--size-small); }
.prose > .data-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; min-width: 0; }
.platform-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--u4); }
.platform-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--u5); padding: var(--u5); border: var(--hairline) solid var(--border); border-radius: var(--radius-medium); background: var(--panel); box-shadow: var(--shadow-panel); }
.platform-card > svg { width: var(--u8); height: var(--u8); overflow: hidden; }
.platform-card .action { margin-top: auto; width: 100%; }
.platform-card p { font-size: var(--size-small); color: var(--muted); }
.article-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--u4); padding: var(--u6); border-top: var(--u1) solid var(--accent); border-inline: var(--hairline) solid var(--border); border-bottom: var(--hairline) solid var(--border); border-radius: var(--radius-small); background: var(--panel); box-shadow: var(--shadow-panel); }
.article-card h3 a:hover { color: var(--accent-dark); }
.article-card p { color: var(--muted); font-size: var(--size-nav); }
.article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--u3); font-family: var(--mono); font-size: var(--size-small); color: var(--muted); }
.article-card .text-link { margin-top: auto; }
.article-hero { position: relative; isolation: isolate; padding-block: var(--u12); overflow-x: clip; }
.article-hero::before { content: ''; position: absolute; inset: var(--u6) var(--u8) var(--u10) 0; z-index: -1; background: var(--panel-2); border-left: var(--u1) solid var(--accent); }
.article-hero h1 { font-size: var(--u10); line-height: var(--lh-label); margin: 0; padding-inline: var(--u6); }
.article-hero .article-meta, .article-hero p { margin-top: var(--u5); padding-inline: var(--u8); }
.callout { padding: var(--u5) var(--u6); border-left: var(--u1) solid var(--accent); border-radius: 0 var(--radius-small) var(--radius-small) 0; background: var(--panel-2); color: var(--text); }
.callout p + p { margin-top: var(--u3); }
.article-promo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--u6); align-items: center; padding: var(--u8); background: var(--inverse); color: var(--text-inverse); border: var(--hairline) solid var(--inverse-border); border-radius: var(--radius-medium); box-shadow: var(--shadow-panel); }
.promo-brand { font-size: var(--size-brand); font-weight: var(--weight-heavy); }
.article-promo p { margin-top: var(--u2); font-size: var(--size-nav); color: var(--muted-inverse); }
.article-promo .action-primary { border-color: var(--inverse-border); }
.ticker { overflow: hidden; max-width: 100%; min-width: 0; padding-block: var(--u5); border-block: var(--hairline) solid var(--border); }
.ticker-track { display: flex; width: max-content; }
.ticker-group { display: flex; align-items: center; gap: var(--u8); padding-inline-end: var(--u8); flex-shrink: 0; }
.ticker-group span { font-family: var(--mono); font-size: var(--size-nav); color: var(--muted); white-space: nowrap; }
.preview-section { padding-top: var(--u12); padding-bottom: var(--u12); border-bottom: var(--hairline) solid var(--border); }
.preview-section > h2 { margin-bottom: var(--u8); }
.preview-states { display: flex; align-items: center; flex-wrap: wrap; gap: var(--u5); }
.swatch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--swatch-min), 1fr)); gap: var(--u4); }
.swatch { margin: 0; min-width: 0; padding: var(--u2); border: var(--hairline) solid var(--border); background: var(--panel); border-radius: var(--radius-small); }
.swatch-color { display: block; height: var(--swatch-height); border: var(--hairline) solid var(--border); border-radius: var(--radius-small); }
.swatch figcaption { padding-top: var(--u2); font-size: var(--size-small); overflow-wrap: anywhere; }
.sw-bg { background: var(--bg); }
.sw-panel { background: var(--panel); }
.sw-panel-2 { background: var(--panel-2); }
.sw-inverse { background: var(--inverse); }
.sw-inverse-panel { background: var(--inverse-panel); }
.sw-inverse-panel-2 { background: var(--inverse-panel-2); }
.sw-border { background: var(--border); }
.sw-inverse-border { background: var(--inverse-border); }
.sw-accent { background: var(--accent); }
.sw-accent-dark { background: var(--accent-dark); }
.sw-text { background: var(--text); }
.sw-muted { background: var(--muted); }
.sw-text-inverse { background: var(--text-inverse); }
.sw-muted-inverse { background: var(--muted-inverse); }
.sw-button-bg { background: var(--button-bg); }
.sw-button-text { background: var(--button-text); }
.sw-success { background: var(--success); }
.sw-warn { background: var(--warn); }
.sw-error { background: var(--error); }
.sw-clear { background: var(--clear); }
.sw-veil { background: var(--veil); }
.preview-type { display: grid; gap: var(--u5); }
.type-caption { font-family: var(--mono); font-size: var(--size-small); color: var(--muted); }

@media (min-width: 1600px) {
  .hero { min-height: calc(100svh - var(--header-height) - var(--u18)); }
}
@media (max-width: 1250px) {
  .hero-grid { gap: var(--u8); }
  .flags { gap: var(--u3); }
  .platforms { gap: var(--u4); }
}
@media (max-width: 1020px) {
  .hero { min-height: auto; }
  .hero-grid { padding-block: var(--u16); }
  .platforms, .flags { flex-wrap: wrap; }
  .pane-head { padding: var(--u3); }
  .route-fields { padding-inline: var(--u3); }
  .session-footer { flex-wrap: wrap; }
  .session-mode { display: none; }
  .session-chrome { gap: var(--u2); }
  .chrome-name { font-size: var(--size-micro); }
  .figure-note .mono { display: none; }
  .evidence-layout { gap: var(--u8); }
  .evidence-row { grid-template-columns: minmax(0, 1fr); gap: var(--u4); }
  .platform-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: var(--u9); padding-block: var(--u8) var(--u12); }
  .hero-copy { order: 0; }
  .eyebrow { font-size: var(--size-tiny); }
  .h1-brand { margin-bottom: var(--u1); }
  .lead { font-size: var(--size-nav); margin-top: var(--u4); }
  .trust { font-size: var(--size-tiny); gap: var(--u2) var(--u3); margin-top: var(--u3); }
  .trust span { gap: var(--u1); }
  .trust svg { width: var(--u3); height: var(--u3); }
  .compatibility { margin-top: var(--u4); padding-top: var(--u4); }
  .platforms { flex-wrap: nowrap; justify-content: space-between; gap: var(--u2); font-size: var(--size-micro); }
  .platforms span { gap: var(--u1); }
  .platforms svg { width: var(--u4); height: var(--u4); }
  .flags { flex-wrap: wrap; justify-content: flex-start; gap: var(--u2) var(--u3); margin-top: var(--u4); font-size: var(--size-micro); }
  .flags span { gap: var(--u1); }
  .flag { width: var(--u5); height: var(--u3); }
  .flag-ch { width: var(--u3); }
  .session-figure { order: 1; align-self: center; }
  .session-slot { padding: var(--u2); margin-inline: var(--u2); }
  .session-pair { grid-template-columns: minmax(0, 1fr); }
  .session-heading { padding: var(--u4); }
  .pane-head { padding: var(--u3); }
  .pane-head h3 { font-size: var(--size-lead); }
  .route-fields { padding-inline: var(--u2); }
  .route-field { gap: var(--u1); }
  .field-label { font-size: var(--size-micro); }
  .field-value { font-size: var(--size-tiny); }
  .session-caption { font-size: var(--size-micro); }
  .session-footer { padding: var(--u3); font-size: var(--size-micro); }
  .figure-note { padding-top: var(--u4); font-size: var(--size-tiny); }
  .next-inner { padding-block: var(--u5); gap: var(--u3); flex-wrap: wrap; }
  .next-kicker { font-size: var(--size-micro); }
  .next-title { font-size: var(--size-nav); }
  .evidence-layout { display: block; }
  .evidence-index { flex-direction: row; margin-bottom: var(--u6); }
  .article-promo { grid-template-columns: minmax(0, 1fr); padding: var(--u6); }
  .article-promo .action { justify-self: start; }
  .article-hero h1 { font-size: var(--size-section); }
}
@media (max-width: 640px) {
  .platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-card { padding: var(--u4); }
  .platform-card .action { padding-inline: var(--u2); }
  .faq-item summary { padding: var(--u5); }
  .faq-answer { padding-inline: var(--u5); }
}
@media (max-width: 360px) {
  .platforms { gap: var(--u1); }
  .platforms span { gap: 0; }
  .flags span { flex-direction: column; gap: var(--u1); }
  .session-chrome { flex-wrap: wrap; height: auto; min-height: var(--chrome-height); padding-block: var(--u2); }
  .diagram-mark { margin-left: 0; }
  .pane-head { padding: var(--u2); }
  .route-fields { padding-inline: var(--u1); }
  .field-rail { min-width: var(--u1); }
  .direction { width: var(--u6); height: var(--u6); }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-track { width: 100%; flex-wrap: wrap; transform: none; }
  .ticker-group { flex-wrap: wrap; gap: var(--u4); padding-inline-end: 0; }
  .ticker-group span { white-space: normal; overflow-wrap: anywhere; }
  [data-ticker-copy] { display: none; }
}