/* Strategy uses the existing guide cards, odds panels and global CTA styles. */
.strategy-page .how-to-hero h1 { max-width: 50rem; font-family: var(--font-sans); font-weight: 850; font-size: clamp(2rem, 3.7vw, 3.5rem); line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.strategy-hero__title-accent { color: #bc59ff; background: linear-gradient(120deg, #9f31f5, #d77bff); background-clip: text; -webkit-text-fill-color: transparent; }
.strategy-lede { max-width: 45rem; color: var(--color-muted); }
.strategy-copy { max-width: 64rem; }
.strategy-copy > p { max-width: 46rem; color: #c2c6d1; }
.strategy-copy > .strategy-three + p { margin-top: 1rem; }
.strategy-copy + .strategy-copy { border-top: 1px solid var(--color-border); }
.strategy-page .odds-controls fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.strategy-page .odds-controls legend { margin-bottom: 1rem; font-weight: 750; }
.strategy-page .odds-controls input { width: 100%; min-width: 0; min-height: 44px; padding: .6rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg-deep); color: var(--color-text); }
.strategy-page .odds-controls input, .strategy-page .odds-controls select { margin-bottom: 1rem; }
.strategy-commercial { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.strategy-commercial p { margin: 0; }
.strategy-callout { margin-top: 1.5rem; }
.strategy-callout p:last-child { margin-bottom: 0; }
.strategy-page .button { white-space: normal; text-align: center; }
.strategy-page .setting-card { display: flex; flex-direction: column; }
.strategy-page .setting-card .button { margin-top: auto; }
@media (min-width: 56rem) { .strategy-three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 42rem) { .strategy-page .button-row { display: grid; width: 100%; } .strategy-commercial .button { width: 100%; } }

/* Decorative hero background; Strategy Lab and guide layouts are unchanged. */
.strategy-page { position: relative; isolation: isolate; background: radial-gradient(ellipse 70% 600px at 90% 0, #33145b70, transparent), linear-gradient(#0c0b21, #090b14 1000px); }
.strategy-page .how-to-hero { position: relative; isolation: isolate; }
.strategy-hero-art { position: absolute; right: 0; top: 0; z-index: -1; width: min(900px, 100%); height: auto; opacity: .2; pointer-events: none; mask-image: linear-gradient(to right, transparent, #000 55%), linear-gradient(#000 65%, transparent); mask-composite: intersect; }
@media (min-width: 768px) { .strategy-hero-art { opacity: .45; } }
@media (min-width: 1024px) {
 .strategy-hero-art { opacity: 1; }
 .strategy-page .how-to-hero h1 { max-width: min(50rem, 64%); }
 .strategy-page .how-to-hero__lede, .strategy-page .strategy-lede { max-width: 64%; }
}

@media (max-width: 767px) { .strategy-page .how-to-hero h1 { font-size: clamp(2rem, 7vw, 2.65rem); letter-spacing: -.035em; } }

[data-strategy-lab] [data-simulator][aria-disabled="true"] { opacity: .5; cursor: not-allowed; }