.strategy-page {
  background: var(--color-ink-950);
  background-image: linear-gradient(rgb(58 69 78 / 9%) 1px, transparent 1px), linear-gradient(90deg, rgb(58 69 78 / 7%) 1px, transparent 1px);
  background-size: 48px 48px;
}

.strategy-page .strategy-section { padding-block: var(--space-9); }
.strategy-page .strategy-section > .container { min-width: 0; }
.strategy-page .strategy-section__head { width: min(100%, 42.5rem); margin-block-end: var(--space-6); }
.strategy-page .strategy-section__head > :last-child { margin-block-end: 0; }
.strategy-page .strategy-section__head .meta { display: block; margin-block-end: var(--space-2); }

.strategy-hero { padding-block: var(--space-8) var(--space-9); }
.strategy-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); align-items: center; min-width: 0; gap: var(--space-4); min-height: 26.875rem; }
.strategy-hero__copy { grid-column: 1 / span 1; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.strategy-hero__copy h1, .strategy-hero__copy p { margin: 0; }
.strategy-hero__copy h1 { width: min(100%, 35rem); }
.strategy-hero__lead { width: min(100%, 35rem); color: var(--color-paper-100); font-size: var(--text-md); line-height: var(--leading-md); }
.strategy-hero__copy > p:not(.strategy-hero__lead) { width: min(100%, 32rem); color: var(--color-text-muted); }
.strategy-breadcrumb { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); color: var(--color-text-muted); font-size: var(--text-xs); font-weight: 600; letter-spacing: .08em; line-height: var(--leading-xs); text-transform: uppercase; }
.strategy-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.strategy-hero__actions > * { min-width: 0; }
.strategy-hero__media { grid-column: 3 / span 1; width: 100%; min-width: 0; margin: 0; }
.strategy-hero__media img { width: 100%; height: 25rem; object-fit: cover; object-position: center right; border-radius: var(--radius-lg); filter: brightness(.77) saturate(.85); }
.strategy-hero__media figcaption { margin-block-end: 0; }

.strategy-systems__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.strategy-system-card { grid-column: span 2; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); min-width: 0; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); transition: border-color var(--transition-fast), background-color var(--transition-fast); }
.strategy-system-card:hover { border-color: var(--color-amber-400); background: var(--color-slate-700); }
.strategy-system-card--wide { grid-column: 2 / span 4; }
.strategy-system-card__number { color: var(--color-amber-400); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1; }
.strategy-system-card--mist .strategy-system-card__number { color: var(--color-mist-400); }
.strategy-system-card--danger { border-top-color: rgb(216 120 103 / 65%); }
.strategy-system-card--danger .strategy-system-card__number { color: var(--color-danger-400); }
.strategy-system-card > div { min-width: 0; }
.strategy-system-card h3, .strategy-system-card p { margin: 0; }
.strategy-system-card h3 { margin-block-end: var(--space-3); }
.strategy-system-card .badge { margin-block-end: var(--space-3); }
.strategy-system-card p { color: var(--color-text-muted); }
.strategy-systems__closing { width: min(100%, 42.5rem); margin-block: var(--space-6) 0; color: var(--color-paper-300); }

.strategy-reading__layout { display: grid; grid-template-columns: minmax(0, 47.5rem) minmax(0, 21.25rem); align-items: start; min-width: 0; gap: var(--space-7); }
.strategy-reading__main { grid-column: 1; min-width: 0; }
.strategy-reading__head { width: min(100%, 43.75rem); }
.strategy-chain { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.strategy-chain > li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); min-width: 0; gap: var(--space-4); padding-block-end: var(--space-5); border-bottom: 1px solid var(--color-border); }
.strategy-chain > li:last-child { padding-block-end: 0; }
.strategy-chain__number { display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border: 1px solid rgb(214 168 79 / 55%); border-radius: var(--radius-sm); color: var(--color-amber-400); font-family: var(--font-heading); font-size: var(--text-lg); font-weight: 700; line-height: 1; }
.strategy-chain__number--mist { border-color: rgb(121 169 160 / 55%); color: var(--color-mist-400); }
.strategy-chain li > div { min-width: 0; }
.strategy-chain h3, .strategy-chain p { margin: 0; }
.strategy-chain h3 { margin-block-end: var(--space-2); }
.strategy-chain .badge { margin-block-end: var(--space-2); }
.strategy-chain p { width: min(100%, 43.75rem); color: var(--color-text-muted); }
.strategy-reading__callout { width: min(100%, 38.75rem); margin-block: var(--space-6) 0; }

.strategy-toc { grid-column: 2; position: sticky; top: calc(var(--header-height) + var(--space-5)); width: 100%; min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-ink-900); }
.strategy-toc__toggle { display: none; }
.strategy-toc__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); }
.strategy-toc__list a { padding: var(--space-2) var(--space-3); border-inline-start: 3px solid transparent; color: var(--color-paper-300); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
.strategy-toc__list a:hover, .strategy-toc__list a:focus-visible { border-inline-start-color: var(--color-amber-400); color: var(--color-paper-100); background: rgb(214 168 79 / 6%); }

.strategy-copy-section, .strategy-deck, .strategy-threats, .strategy-chest, .strategy-scenarios, .strategy-mistakes, .strategy-checklist { margin-block-start: var(--space-9); }
.strategy-copy-section > h2 { width: min(100%, 45rem); }
.strategy-copy-section__body { display: flex; width: min(100%, 45rem); min-width: 0; flex-direction: column; gap: var(--space-6); }
.strategy-copy-section__body h3, .strategy-copy-section__body p { margin: 0; }
.strategy-copy-section__body h3 { margin-block-end: var(--space-2); }
.strategy-copy-section__body p { color: var(--color-text-muted); }
.strategy-copy-section__callout { width: min(100%, 38.75rem); margin-block: var(--space-6) 0; }

.strategy-deck__head { width: min(100%, 42.5rem); }
.strategy-deck__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; gap: var(--space-4); }
.strategy-deck__card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.strategy-deck__card h3, .strategy-deck__card p, .strategy-deck__card ul { margin: 0; }
.strategy-deck__card p { color: var(--color-text-muted); }
.strategy-deck__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); color: var(--color-paper-300); font-size: var(--text-sm); }
.strategy-deck__list li { position: relative; padding-inline-start: var(--space-4); }
.strategy-deck__list li::before { position: absolute; inset-inline-start: 0; color: var(--color-amber-400); content: "◆"; font-size: .55rem; }
.strategy-inline-link { margin-block-start: auto; font-size: var(--text-sm); font-weight: 700; }

.strategy-threats__head { width: min(100%, 42.5rem); }
.strategy-threats__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: var(--space-5); }
.strategy-threats__panel { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.strategy-threats__panel--danger { border-top-color: var(--color-danger-400); }
.strategy-threats__panel h3, .strategy-threats__panel p { margin: 0; }
.strategy-threats__panel p { color: var(--color-text-muted); }
.strategy-threats__figure { width: min(100%, 45rem); margin-block: var(--space-5); }
.strategy-threats__figure img { width: 100%; height: auto; max-height: 24rem; object-fit: cover; object-position: center; filter: brightness(.78) saturate(.85); }
.strategy-threats__callout { width: min(100%, 45rem); margin-block: 0; }
.strategy-threats__callout .strategy-inline-link { display: inline-block; margin-block-start: var(--space-3); }

.strategy-chest__head { width: min(100%, 42.5rem); }
.strategy-chest__rules { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); }
.strategy-chest__rule { display: grid; grid-template-columns: 11.25rem minmax(0, 1fr); min-width: 0; gap: var(--space-5); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); }
.strategy-chest__label { min-width: 0; }
.strategy-chest__label span { display: block; margin-block-end: var(--space-2); color: var(--color-amber-400); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.strategy-chest__label h3, .strategy-chest__rule p { margin: 0; }
.strategy-chest__rule p { width: min(100%, 42.5rem); color: var(--color-text-muted); }
.strategy-chest__closing { width: min(100%, 36.25rem); margin-block: var(--space-5) 0; color: var(--color-paper-100); font-size: var(--text-md); }

.strategy-scenarios__head { width: min(100%, 42.5rem); }
.strategy-scenarios__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; gap: var(--space-4); }
.strategy-scenario { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.strategy-scenario h3, .strategy-scenario dl { margin: 0; }
.strategy-scenario dl { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: var(--space-3); }
.strategy-scenario dl > div { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); min-width: 0; gap: var(--space-2); }
.strategy-scenario dt { color: var(--color-paper-100); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.strategy-scenario dd { min-width: 0; margin: 0; color: var(--color-paper-300); font-size: var(--text-sm); line-height: var(--leading-sm); }

.strategy-mistakes__head { width: min(100%, 42.5rem); }
.strategy-mistakes__rows { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); }
.strategy-mistake { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; }
.strategy-mistake__error, .strategy-mistake__fix { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4) var(--space-5); }
.strategy-mistake__error { background: rgb(216 120 103 / 5%); border-inline-end: 1px solid var(--color-border); }
.strategy-mistake__fix { background: rgb(121 169 160 / 5%); }
.strategy-mistake h3, .strategy-mistake p { margin: 0; }
.strategy-mistake p { color: var(--color-text-muted); }

.strategy-checklist__head { width: min(100%, 38.75rem); }
.strategy-checklist__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: var(--space-3); }
.strategy-check { position: relative; display: flex; width: 100%; min-width: 0; min-height: 3.75rem; justify-content: flex-start; padding: var(--space-3) var(--space-4) var(--space-3) 3rem; border-color: var(--color-border); background: var(--color-slate-800); color: var(--color-paper-100); text-align: left; }
.strategy-check::before { position: absolute; inset-inline-start: var(--space-4); width: 1.25rem; height: 1.25rem; border: 1px solid var(--color-paper-300); border-radius: var(--radius-sm); content: ""; }
.strategy-check[aria-pressed="true"] { border-color: rgb(121 169 160 / 70%); background: rgb(121 169 160 / 10%); }
.strategy-check[aria-pressed="true"]::before { border-color: var(--color-mist-400); background: var(--color-mist-400); box-shadow: inset 0 0 0 3px var(--color-slate-800); }
.strategy-checklist__callout { width: min(100%, 38.75rem); margin-block: var(--space-5) 0; }

.strategy-next { background: var(--color-ink-900); border-top: 1px solid var(--color-border); }
.strategy-next__head { width: min(100%, 37.5rem); margin-block-end: var(--space-6); }
.strategy-next__head > :last-child { margin-block-end: 0; }
.strategy-next__head .meta { display: block; margin-block-end: var(--space-2); }
.strategy-next__layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: stretch; min-width: 0; gap: var(--space-6); }
.strategy-next__guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: var(--space-4); }
.strategy-guide-link { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); color: var(--color-paper-100); text-decoration: none; transition: border-color var(--transition-fast), background-color var(--transition-fast); }
.strategy-guide-link:hover { border-color: var(--color-amber-400); background: var(--color-slate-700); color: var(--color-paper-100); }
.strategy-guide-link h3, .strategy-guide-link p { margin: 0; }
.strategy-guide-link p { color: var(--color-paper-300); }
.strategy-guide-link > span:last-child { margin-block-start: auto; color: var(--color-amber-400); font-size: var(--text-xl); }
.strategy-download { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border: 1px solid rgb(214 168 79 / 45%); border-radius: var(--radius-xl); background: linear-gradient(135deg, rgb(214 168 79 / 10%), transparent 55%), var(--color-slate-800); box-shadow: var(--shadow-raised); }
.strategy-download h3, .strategy-download p { margin: 0; }
.strategy-download p { width: min(100%, 30rem); color: var(--color-paper-300); }
.strategy-download .button { margin-block-start: auto; }

@media (max-width: 62.49rem) {
  .strategy-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-height: 0; }
  .strategy-hero__media { grid-column: 1; grid-row: 1; }
  .strategy-hero__copy { grid-column: 1; grid-row: 2; }
  .strategy-hero__media img { height: 20rem; }
  .strategy-reading__layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .strategy-reading__main, .strategy-toc { grid-column: 1; }
  .strategy-toc { position: static; padding: 0; overflow: hidden; }
  .strategy-toc__toggle { display: flex; width: 100%; min-width: 0; justify-content: space-between; border: 0; border-radius: 0; background: transparent; color: var(--color-paper-100); }
  .strategy-toc__list { display: none; padding: 0 var(--space-4) var(--space-4); }
  .strategy-toc__list.is-open { display: flex; }
}

@media (max-width: 65.61rem) {
  .strategy-systems__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategy-system-card, .strategy-system-card--wide { grid-column: auto; }
}

@media (max-width: 58.74rem) {
  .strategy-deck__grid, .strategy-scenarios__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategy-next__layout { grid-template-columns: minmax(0, 1fr); }
  .strategy-next__guides, .strategy-download { grid-column: 1; }
}

@media (max-width: 51.24rem) {
  .strategy-threats__grid { grid-template-columns: minmax(0, 1fr); }
  .strategy-threats__panel { grid-column: 1; }
}

@media (max-width: 48.74rem) {
  .strategy-mistake { grid-template-columns: minmax(0, 1fr); }
  .strategy-mistake__error { border-inline-end: 0; border-block-end: 1px solid var(--color-border); }
}

@media (max-width: 47.49rem) {
  .strategy-page { background-image: none; }
  .strategy-page .strategy-section { padding-block: var(--space-6); }
  .strategy-hero { padding-block: var(--space-6); }
  .strategy-hero__grid { width: 100%; gap: var(--space-5); }
  .strategy-hero__media { width: 100%; }
  .strategy-hero__media img { height: clamp(15rem, 64vw, 16.875rem); border-radius: 0; border-inline: 0; }
  .strategy-hero__media figcaption, .strategy-hero__copy { width: min(100% - 2rem, var(--container-max)); margin-inline: auto; }
  .strategy-hero__copy { gap: var(--space-3); }
  .strategy-hero__copy h1 { font-size: var(--text-2xl); }
  .strategy-hero__lead { font-size: var(--text-md); }
  .strategy-hero__actions { width: 100%; flex-direction: column; }
  .strategy-hero__actions .button { width: 100%; min-height: 2.75rem; }
  .strategy-section__head { margin-block-end: var(--space-5); }
  .strategy-section__head h2, .strategy-copy-section > h2, .strategy-next__head h2 { font-size: 1.5rem; }
  .strategy-systems__grid, .strategy-deck__grid, .strategy-scenarios__grid, .strategy-checklist__grid, .strategy-next__guides { grid-template-columns: minmax(0, 1fr); }
  .strategy-system-card { grid-template-columns: 2.25rem minmax(0, 1fr); padding: var(--space-4); }
  .strategy-chain > li { grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); }
  .strategy-copy-section, .strategy-deck, .strategy-threats, .strategy-chest, .strategy-scenarios, .strategy-mistakes, .strategy-checklist { margin-block-start: var(--space-7); }
  .strategy-chest__rule { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); }
  .strategy-threats__figure { width: 100%; }
  .strategy-threats__figure img { max-height: 18rem; }
  .strategy-scenario dl > div { grid-template-columns: 5.5rem minmax(0, 1fr); }
  .strategy-download { padding: var(--space-5); box-shadow: none; }
  .strategy-download .button { width: 100%; min-height: 2.75rem; }
}