main[data-strategy-page] {
  position: relative;
  overflow: clip;
  background-color: var(--color-asphalt);
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 34px 34px;
}

[data-strategy-page] .strategy-section {
  padding-block: var(--space-8);
}

[data-strategy-page] .strategy-section + .strategy-section {
  padding-top: 0;
}

[data-strategy-page] .strategy-shell {
  width: var(--container-width);
  margin-inline: auto;
}

[data-strategy-page] .strategy-intro {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
}

[data-strategy-page] .strategy-intro > :last-child,
[data-strategy-page] .strategy-copy > :last-child,
[data-strategy-page] .strategy-cta-copy > :last-child {
  margin-bottom: 0;
}

[data-strategy-page] .strategy-intro--eight { width: min(66.666%, 62ch); }
[data-strategy-page] .strategy-intro--seven { width: min(58.333%, 58ch); }
[data-strategy-page] .strategy-intro--full { width: 100%; }

[data-strategy-page] .strategy-lead {
  margin: 0;
  color: var(--color-steel);
  font-size: var(--text-lead);
  font-weight: 500;
  line-height: 1.4;
}

[data-strategy-page] .strategy-rule {
  width: 84px;
  height: 2px;
  margin: 0;
  border: 0;
  background: var(--color-magenta);
}

[data-strategy-page] .strategy-hero {
  padding-top: var(--space-9);
}

[data-strategy-page] .strategy-hero-grid {
  display: grid;
  grid-template-columns: minmax(430px, 7fr) minmax(360px, 5fr);
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
  min-height: 560px;
}

[data-strategy-page] .strategy-hero-copy {
  display: grid;
  gap: var(--space-5);
  min-width: 0;
}

[data-strategy-page] .strategy-hero-copy > * { min-width: 0; }
[data-strategy-page] .strategy-hero-copy h1 { margin: 0; max-width: 15ch; }
[data-strategy-page] .strategy-hero-lead { margin: 0; max-width: 52ch; color: var(--color-steel); font-size: var(--text-lead); font-weight: 500; line-height: 1.4; }

[data-strategy-page] .strategy-verdict {
  display: grid;
  gap: var(--space-4);
  width: min(100%, 34ch);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-carbon);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}

[data-strategy-page] .strategy-verdict > * { margin: 0; }
[data-strategy-page] .strategy-verdict-title { color: var(--color-paper); font-family: var(--font-heading); font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 800; line-height: 1; }
[data-strategy-page] .strategy-verdict-copy { color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }

[data-strategy-page] .strategy-meter-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  min-width: 0;
}

[data-strategy-page] .strategy-meter-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 84px;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

[data-strategy-page] .strategy-meter-row > * { min-width: 0; }
[data-strategy-page] .strategy-meter-row span:last-child { color: var(--color-paper); font-size: var(--text-sm); font-weight: 700; text-align: right; }
[data-strategy-page] .strategy-meter-row .meter__segment { transition: background-color 180ms ease, border-color 180ms ease; }
[data-strategy-page] .strategy-meter-row .meter__segment[data-meter-segment]:not(.is-filled) { border-color: var(--color-edge); background: var(--color-track); }
[data-strategy-page] .strategy-meter-row .meter__segment[data-meter-segment].is-filled { border-color: var(--color-magenta); background: var(--color-magenta); }
[data-strategy-page] .strategy-meter-row--score .meter__segment[data-meter-segment].is-filled { border-color: var(--color-yellow); background: var(--color-yellow); }

[data-strategy-page] .strategy-hero-action { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-3); min-width: 0; }
[data-strategy-page] .strategy-play-button { display: inline-grid; grid-template-columns: 1fr; gap: 2px; min-width: 278px; min-height: 52px; padding: var(--space-3) var(--space-4); border: 2px solid var(--color-yellow); border-radius: var(--radius-button); background: var(--color-yellow); color: var(--color-asphalt); font-weight: 800; line-height: 1.1; text-align: left; text-decoration: none; }
[data-strategy-page] .strategy-play-button:hover { border-color: var(--color-paper); background: var(--color-paper); color: var(--color-asphalt); text-decoration: none; }
[data-strategy-page] .strategy-play-button small { color: inherit; font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; }
[data-strategy-page] .strategy-action-note { margin: 0; color: var(--color-steel); font-size: var(--text-sm); line-height: var(--line-meta); }

[data-strategy-page] .strategy-hero-media,
[data-strategy-page] .strategy-evidence-media,
[data-strategy-page] .strategy-tuning-media { width: 100%; min-width: 0; overflow: hidden; border: var(--border-default); background: var(--color-carbon); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-hero-media { aspect-ratio: 16 / 9; }
[data-strategy-page] .strategy-evidence-media { aspect-ratio: 3 / 2; }
[data-strategy-page] .strategy-tuning-media { aspect-ratio: 4 / 3; }
[data-strategy-page] .strategy-hero-media img,
[data-strategy-page] .strategy-evidence-media img,
[data-strategy-page] .strategy-tuning-media img { width: 100%; height: 100%; object-fit: cover; }
[data-strategy-page] .strategy-hero-media img { object-position: 70% center; }
[data-strategy-page] .strategy-evidence-media img { object-position: center; }
[data-strategy-page] .strategy-tuning-media img { object-position: center; }
[data-strategy-page] .strategy-media-caption { margin: var(--space-2) 0 0; color: var(--color-steel); font-size: var(--text-sm); line-height: var(--line-meta); }

[data-strategy-page] .strategy-steps-panel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: var(--space-6); min-width: 0; border: var(--border-default); background: var(--color-carbon); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-step { display: grid; grid-template-columns: 1fr; gap: var(--space-3); min-width: 0; padding: var(--space-5); border-right: 1px solid var(--color-edge); }
[data-strategy-page] .strategy-step:last-child { border-right: 0; }
[data-strategy-page] .strategy-step > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-step-number { color: var(--color-magenta); font-family: var(--font-mono); font-size: var(--text-telemetry); font-weight: 700; letter-spacing: .04em; line-height: 1; }
[data-strategy-page] .strategy-step h3 { font-size: 1.7rem; }
[data-strategy-page] .strategy-step p { color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }
[data-strategy-page] .strategy-step ul { display: grid; grid-template-columns: 1fr; gap: var(--space-2); margin: 0; padding: 0; color: var(--color-steel); font-size: var(--text-sm); line-height: var(--line-compact); }
[data-strategy-page] .strategy-step li::before { color: var(--color-magenta); content: "↳ "; }
[data-strategy-page] .strategy-stability-signal { color: var(--color-yellow); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .06em; }

[data-strategy-page] .strategy-evidence-top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr); align-items: center; gap: var(--space-5); min-width: 0; }
[data-strategy-page] .strategy-copy { display: grid; grid-template-columns: 1fr; gap: var(--space-4); min-width: 0; }
[data-strategy-page] .strategy-copy > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-copy p { max-width: 58ch; color: var(--color-steel); }

[data-strategy-page] .strategy-situation-list { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: var(--space-6); border: var(--border-default); background: var(--color-carbon); }
[data-strategy-page] .strategy-situation-head,
[data-strategy-page] .strategy-situation-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr); min-width: 0; }
[data-strategy-page] .strategy-situation-head > div,
[data-strategy-page] .strategy-situation-row > div { min-width: 0; padding: var(--space-4) var(--space-5); }
[data-strategy-page] .strategy-situation-head { border-bottom: 1px solid var(--color-edge); background: var(--color-track); }
[data-strategy-page] .strategy-situation-head > div { color: var(--color-steel); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
[data-strategy-page] .strategy-situation-row { border-bottom: 1px solid var(--color-edge); transition: background-color var(--transition-fast), box-shadow var(--transition-fast); }
[data-strategy-page] .strategy-situation-row:last-child { border-bottom: 0; }
[data-strategy-page] .strategy-situation-row:hover { background: #17171b; box-shadow: inset 2px 0 0 var(--color-magenta); }
[data-strategy-page] .strategy-situation-row h3 { margin: 0; font-size: 1.5rem; }
[data-strategy-page] .strategy-situation-row p { margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }
[data-strategy-page] .strategy-decision { color: var(--color-paper); font-size: var(--text-compact); font-weight: 600; line-height: var(--line-compact); }
[data-strategy-page] .strategy-decision .eyebrow { margin-bottom: var(--space-2); }

[data-strategy-page] .strategy-scenario-grid,
[data-strategy-page] .strategy-tuning-grid,
[data-strategy-page] .strategy-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); min-width: 0; }
[data-strategy-page] .strategy-scenario-card,
[data-strategy-page] .strategy-tuning-card,
[data-strategy-page] .strategy-related-card { display: grid; grid-template-columns: 1fr; gap: var(--space-4); min-width: 0; padding: var(--space-5); border: var(--border-default); background: var(--color-carbon); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-scenario-card > *,
[data-strategy-page] .strategy-tuning-card > *,
[data-strategy-page] .strategy-related-card > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-scenario-card p,
[data-strategy-page] .strategy-tuning-card p,
[data-strategy-page] .strategy-related-card p { color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }
[data-strategy-page] .strategy-scenario-card h3,
[data-strategy-page] .strategy-tuning-card h3,
[data-strategy-page] .strategy-related-card h3 { font-size: 1.75rem; }
[data-strategy-page] .strategy-do-dont { display: grid; grid-template-columns: 1fr; gap: var(--space-2); padding-top: var(--space-4); border-top: 1px solid var(--color-edge); }
[data-strategy-page] .strategy-do-dont div { min-width: 0; color: var(--color-paper); font-size: var(--text-sm); line-height: var(--line-compact); }
[data-strategy-page] .strategy-do-dont strong { display: block; margin-bottom: 2px; color: var(--color-magenta); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: .08em; }
[data-strategy-page] .strategy-scenario-card--retreat .eyebrow { color: var(--color-yellow); }
[data-strategy-page] .strategy-scenario-card--retreat .eyebrow::before { background: var(--color-yellow); }
[data-strategy-page] .strategy-scenario-link { align-self: end; color: var(--color-magenta); font-size: var(--text-sm); font-weight: 700; }

[data-strategy-page] .strategy-tuning-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--space-5); min-width: 0; }
[data-strategy-page] .strategy-tuning-copy p { max-width: 54ch; }
[data-strategy-page] .strategy-tuning-card .meter { margin: 0; }
[data-strategy-page] .strategy-tuning-card .meter__segment { transition: background-color 180ms ease, border-color 180ms ease; }
[data-strategy-page] .strategy-tuning-card .meter__segment[data-meter-segment]:not(.is-filled) { border-color: var(--color-edge); background: var(--color-track); }
[data-strategy-page] .strategy-tuning-card .meter__segment[data-meter-segment].is-filled { border-color: var(--color-magenta); background: var(--color-magenta); }
[data-strategy-page] .strategy-tuning-card--tempo { border-top: 2px solid var(--color-yellow); }
[data-strategy-page] .strategy-tuning-card--tempo .eyebrow { color: var(--color-yellow); }
[data-strategy-page] .strategy-tuning-card--tempo .eyebrow::before { background: var(--color-yellow); }
[data-strategy-page] .strategy-tuning-card a { font-size: var(--text-sm); font-weight: 700; }

[data-strategy-page] .strategy-exercise-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); min-width: 0; }
[data-strategy-page] .strategy-exercise-card { display: grid; grid-template-columns: 1fr; gap: var(--space-4); min-width: 0; padding: var(--space-5); border: var(--border-default); background: var(--color-carbon); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-exercise-card > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-exercise-card p { color: var(--color-steel); line-height: var(--line-compact); }
[data-strategy-page] .strategy-exercise-question { color: var(--color-paper) !important; font-weight: 700; }
[data-strategy-page] .strategy-analysis-button { width: max-content; min-width: 180px; }
[data-strategy-page] .strategy-analysis { padding: var(--space-4); border-left: 2px solid var(--color-magenta); background: var(--color-track); }
[data-strategy-page] .strategy-analysis p { margin: 0; max-width: 58ch; }

[data-strategy-page] .strategy-rules-panel { margin-top: var(--space-6); padding: var(--space-5); border: var(--border-default); background: var(--color-carbon); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-rules-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; min-width: 0; }
[data-strategy-page] .strategy-rule-card { display: grid; grid-template-columns: 1fr; gap: var(--space-3); min-width: 0; padding: var(--space-4); border-right: 1px solid var(--color-edge); }
[data-strategy-page] .strategy-rule-card:last-child { border-right: 0; }
[data-strategy-page] .strategy-rule-card > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-rule-card a { color: inherit; text-decoration: none; }
[data-strategy-page] .strategy-rule-card a:hover .strategy-rule-number,
[data-strategy-page] .strategy-rule-card a:focus-visible .strategy-rule-number { color: var(--color-magenta); }
[data-strategy-page] .strategy-rule-number { color: var(--color-steel); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; transition: color var(--transition-fast); }
[data-strategy-page] .strategy-rule-card h3 { font-size: 1.45rem; }
[data-strategy-page] .strategy-rule-card p { color: var(--color-steel); font-size: var(--text-sm); line-height: var(--line-compact); }
[data-strategy-page] .strategy-rule-card--yellow .strategy-rule-number { color: var(--color-yellow); }

[data-strategy-page] .strategy-related-card { padding: 0; }
[data-strategy-page] .strategy-related-card a { display: grid; grid-template-columns: 1fr; gap: var(--space-4); width: 100%; min-width: 0; min-height: 100%; padding: var(--space-5); color: inherit; text-decoration: none; transition: background-color var(--transition-fast), box-shadow var(--transition-fast); }
[data-strategy-page] .strategy-related-card a:hover { background: #18181c; box-shadow: inset 2px 0 0 var(--color-magenta); }
[data-strategy-page] .strategy-related-card a > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-related-card .strategy-direction { color: var(--color-magenta); font-size: var(--text-sm); font-weight: 700; }

[data-strategy-page] .strategy-summary-panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5); min-width: 0; padding: var(--space-6); border: var(--border-default); background: var(--color-carbon); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-summary-copy,
[data-strategy-page] .strategy-checklist { display: grid; grid-template-columns: 1fr; gap: var(--space-4); min-width: 0; }
[data-strategy-page] .strategy-summary-copy > *,
[data-strategy-page] .strategy-checklist > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-summary-copy p { max-width: 60ch; color: var(--color-steel); }
[data-strategy-page] .strategy-checklist { padding: var(--space-5); border: 1px solid var(--color-edge); background: var(--color-track); }
[data-strategy-page] .strategy-checklist ul { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; }
[data-strategy-page] .strategy-checklist li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-block: var(--space-3); border-bottom: 1px solid var(--color-edge); color: var(--color-paper); font-size: var(--text-compact); line-height: var(--line-compact); }
[data-strategy-page] .strategy-checklist li:last-child { border-bottom: 0; }
[data-strategy-page] .strategy-checklist li span { min-width: 0; color: var(--color-magenta); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; }

[data-strategy-page] .strategy-cta-panel { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-width: 0; padding: var(--space-7); border: var(--border-default); background: var(--color-carbon); overflow: hidden; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
[data-strategy-page] .strategy-cta-panel::after { position: absolute; top: 0; right: 8%; width: 2px; height: 100%; background: var(--color-magenta); content: ""; transform: skewX(-24deg); opacity: .85; }
[data-strategy-page] .strategy-cta-copy { display: grid; grid-template-columns: 1fr; gap: var(--space-4); min-width: 0; }
[data-strategy-page] .strategy-cta-copy > * { margin: 0; min-width: 0; }
[data-strategy-page] .strategy-cta-copy h2 { max-width: 14ch; }
[data-strategy-page] .strategy-cta-copy p { max-width: 46ch; color: var(--color-steel); }
[data-strategy-page] .strategy-cta-copy .strategy-play-button { width: max-content; margin-top: var(--space-2); }

@media (max-width: 1049px) {
  [data-strategy-page] .strategy-hero-grid { grid-template-columns: minmax(0, 8fr) minmax(300px, 4fr); min-height: auto; }
  [data-strategy-page] .strategy-steps-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-strategy-page] .strategy-step:nth-child(2) { border-right: 0; }
  [data-strategy-page] .strategy-step:nth-child(-n+2) { border-bottom: 1px solid var(--color-edge); }
  [data-strategy-page] .strategy-rules-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-strategy-page] .strategy-rule-card:nth-child(3) { border-right: 0; }
  [data-strategy-page] .strategy-rule-card:nth-child(-n+3) { border-bottom: 1px solid var(--color-edge); }
}

@media (max-width: 940px) {
  [data-strategy-page] .strategy-evidence-top,
  [data-strategy-page] .strategy-tuning-top { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-evidence-media,
  [data-strategy-page] .strategy-tuning-media { width: 100%; }
}

@media (max-width: 900px) {
  [data-strategy-page] .strategy-hero-grid { grid-template-columns: minmax(0, 1fr); }
  [data-strategy-page] .strategy-hero-media { width: min(100%, 720px); }
  [data-strategy-page] .strategy-scenario-grid,
  [data-strategy-page] .strategy-tuning-grid,
  [data-strategy-page] .strategy-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-strategy-page] .strategy-scenario-grid > :nth-child(3),
  [data-strategy-page] .strategy-tuning-grid > :nth-child(3),
  [data-strategy-page] .strategy-related-grid > :nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 800px) {
  [data-strategy-page] .strategy-summary-panel { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  [data-strategy-page] .strategy-situation-head { display: none; }
  [data-strategy-page] .strategy-situation-row { grid-template-columns: 1fr; gap: var(--space-2); padding: var(--space-5); }
  [data-strategy-page] .strategy-situation-row > div { padding: 0; }
  [data-strategy-page] .strategy-situation-row > div::before { display: block; margin-bottom: var(--space-1); color: var(--color-steel); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
  [data-strategy-page] .strategy-situation-row > div:nth-child(1)::before { content: "Układ ruchu"; }
  [data-strategy-page] .strategy-situation-row > div:nth-child(2)::before { content: "Sygnał"; }
  [data-strategy-page] .strategy-situation-row > div:nth-child(3)::before { content: "Decyzja"; }
  [data-strategy-page] .strategy-exercise-grid { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-cta-panel { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-cta-panel::after { right: 14%; height: 2px; width: 72px; transform: none; }
}

@media (max-width: 720px) {
  [data-strategy-page] .strategy-section { padding-block: var(--space-7); }
  [data-strategy-page] .strategy-shell { width: var(--container-width-mobile); }
  [data-strategy-page] .strategy-intro--eight,
  [data-strategy-page] .strategy-intro--seven { width: 100%; }
  [data-strategy-page] .strategy-hero { padding-top: var(--space-8); }
  [data-strategy-page] .strategy-hero-grid { gap: var(--space-5); }
  [data-strategy-page] .strategy-hero-copy { gap: var(--space-4); }
  [data-strategy-page] .strategy-hero-copy h1 { max-width: 100%; }
  [data-strategy-page] .strategy-hero-lead { font-size: 1.125rem; }
  [data-strategy-page] .strategy-hero-media { order: 2; aspect-ratio: 4 / 3; }
  [data-strategy-page] .strategy-hero-action { grid-template-columns: 1fr; order: 3; }
  [data-strategy-page] .strategy-play-button { width: 100%; min-width: 0; min-height: 48px; }
  [data-strategy-page] .strategy-verdict { width: 100%; }
  [data-strategy-page] .strategy-steps-panel { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-step { border-right: 0; border-bottom: 1px solid var(--color-edge); }
  [data-strategy-page] .strategy-step:nth-child(-n+2) { border-bottom: 1px solid var(--color-edge); }
  [data-strategy-page] .strategy-step:last-child { border-bottom: 0; }
  [data-strategy-page] .strategy-scenario-grid,
  [data-strategy-page] .strategy-tuning-grid,
  [data-strategy-page] .strategy-related-grid { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-scenario-grid > :nth-child(3),
  [data-strategy-page] .strategy-tuning-grid > :nth-child(3),
  [data-strategy-page] .strategy-related-grid > :nth-child(3) { grid-column: auto; }
  [data-strategy-page] .strategy-rules-panel { padding: 18px; }
  [data-strategy-page] .strategy-rules-grid { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-rule-card { grid-template-columns: 34px minmax(0, 1fr); gap: var(--space-3); border-right: 0; border-bottom: 1px solid var(--color-edge); }
  [data-strategy-page] .strategy-rule-card:nth-child(-n+3) { border-bottom: 1px solid var(--color-edge); }
  [data-strategy-page] .strategy-rule-card:last-child { border-bottom: 0; }
  [data-strategy-page] .strategy-rule-card h3,
  [data-strategy-page] .strategy-rule-card p { grid-column: 2; }
  [data-strategy-page] .strategy-rule-number { grid-row: 1 / span 3; }
  [data-strategy-page] .strategy-summary-panel,
  [data-strategy-page] .strategy-cta-panel { padding: 18px; }
  [data-strategy-page] .strategy-cta-copy h2 { max-width: 100%; }
  [data-strategy-page] .strategy-cta-copy .strategy-play-button { width: 100%; }
}

@media (max-width: 380px) {
  [data-strategy-page] .strategy-meter-row { grid-template-columns: 1fr; gap: var(--space-2); }
  [data-strategy-page] .strategy-meter-row span:last-child { text-align: left; }
  [data-strategy-page] .strategy-rule-card { grid-template-columns: 1fr; }
  [data-strategy-page] .strategy-rule-number,
  [data-strategy-page] .strategy-rule-card h3,
  [data-strategy-page] .strategy-rule-card p { grid-column: auto; grid-row: auto; }
}

@media (prefers-reduced-motion: reduce) {
  [data-strategy-page] .strategy-meter-row .meter__segment,
  [data-strategy-page] .strategy-tuning-card .meter__segment,
  [data-strategy-page] .strategy-related-card a,
  [data-strategy-page] .strategy-situation-row { transition: none; }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }