/* Extend the existing BTI SEO layout; keep changes scoped to this page. */
.performance-page .performance-gold { color: var(--gold-soft); }
.performance-page .seo-hero-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(32px,4vw,64px); }
.performance-page .seo-hero-copy h1 { font-size: clamp(48px,4.5vw,68px); }
.performance-page .performance-hero-visual { min-height: 0; width: 100%; }
.performance-page .performance-hero-shot { border-color: rgba(19,191,255,.3); box-shadow: 0 30px 90px rgba(0,0,0,.45), 0 0 60px rgba(19,191,255,.08); }
.performance-page .seo-shot figcaption { color: #b3c1d0; font-size: 14px; }
.performance-page .performance-metric-nav { font-size: 12px; letter-spacing: .04em; }
.performance-page .performance-metric-nav a { padding-block: 10px; }
.performance-page .performance-metrics-grid,.performance-page .performance-related-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.performance-page .performance-formula { margin: 22px 0; padding: 18px; border-left: 3px solid var(--blue-deep); background: #eef4fb; color: #143358; font-size: 16px; font-weight: 800; }
.performance-page .performance-context-card { border-color: #e6cd8f; background: #fffaf0; }
.performance-page .performance-source { margin-top: 30px; color: var(--muted); font-size: 14px; }
.performance-page .performance-source a { color: var(--blue-deep); text-decoration: underline; text-underline-offset: 3px; }
.performance-page .performance-trade-sequence { display:grid; grid-template-columns: repeat(10,minmax(0,1fr)); gap:8px; }
.performance-page .performance-trade { padding:16px 8px; text-align:center; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.025); }
.performance-page .performance-trade span { display:block; color:#9cadbd; font-size:12px; }
.performance-page .performance-trade strong { display:block; margin-top:8px; font-size:25px; }
.performance-page .is-win strong { color:var(--green); }
.performance-page .is-loss strong { color:#ff8f8b; }
.performance-page .performance-example-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.performance-page .performance-example-grid > div { padding:26px; border:1px solid rgba(19,191,255,.23); border-radius:16px; background:#091b2b; }
.performance-page .performance-example-grid span { display:block; min-height:38px; color:#a3b8cc; font-size:12px; font-weight:800; letter-spacing:.05em; }
.performance-page .performance-example-grid strong { display:block; margin:8px 0; color:var(--gold-soft); font-size:clamp(30px,3.5vw,46px); line-height:1.2; }
.performance-page .performance-example-grid small { color:#b1c2d3; font-size:14px; }
.performance-page .performance-example-note { color:#a7b7c8; font-size:14px; line-height:1.75; margin-top:24px; }
.performance-page .performance-contrast { margin-top:40px; padding:28px; border-left:3px solid var(--gold); background:rgba(255,255,255,.03); }
.performance-page .performance-contrast h3 { margin:0 0 12px; font-size:24px; }
.performance-page .performance-contrast p { margin:0; color:#a7b7c8; }
.performance-page .performance-drawdown-cards { display:grid; gap:20px; }
.performance-page .performance-callout { padding:24px; border-left:3px solid var(--blue-deep); }
.performance-page .performance-callout h3 { margin:0 0 10px; font-size:22px; }
.performance-page .performance-callout p { margin:0; color:var(--muted); font-size:16px; }
.performance-page .seo-dark .seo-lead { color:#a7b7c8; }
.performance-page .performance-units { display:grid; gap:14px; }
.performance-page .performance-units article { padding:24px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.025); }
.performance-page .performance-units span { display:block; color:#a3b8cc; font-size:12px; font-weight:800; letter-spacing:.06em; }
.performance-page .performance-units strong { display:block; color:var(--gold-soft); font-size:38px; }
.performance-page .performance-units p { margin:6px 0 0; color:#a7b7c8; font-size:16px; }
.performance-page .performance-units .performance-example-note { font-size:14px; }
.performance-page .performance-pulse-split { gap:clamp(30px,5vw,70px); }
.performance-page .seo-feature-list { margin-top:0; }
.performance-page .performance-light-button { border:1px solid #b7c8da; color:var(--ink); background:transparent; }
.performance-page :is(h1,h2,h3,p,a,li,summary) { overflow-wrap:break-word; }
.performance-page :is(.seo-split > *, .seo-faq-layout > *) { min-width:0; }
.performance-page .seo-card-link { min-height:44px; align-items:center; }
.performance-page :is(a,button,summary):focus-visible { outline:3px solid var(--blue-deep); outline-offset:5px; }
.performance-page #metrics article[id] { scroll-margin-top:120px; }
@media(max-width:1120px) {
 .performance-page .seo-hero-layout { grid-template-columns:1fr; }
 .performance-page .performance-hero-visual { min-height:0; max-width:900px; }
 .performance-page .performance-example-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .performance-page .performance-metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:860px) {
 .performance-page .performance-trade-sequence { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .performance-page .performance-related-grid { grid-template-columns:1fr; }
 .performance-page .performance-metric-nav { justify-content:center; }
}
@media(max-width:600px) {
 .performance-page .seo-hero-copy h1 { font-size:clamp(38px,10.5vw,56px); }
 .performance-page .performance-hero-visual { min-height:0; }
 .performance-page .performance-metrics-grid,.performance-page .performance-example-grid { grid-template-columns:1fr; }
 .performance-page .performance-trade-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .performance-page .performance-example-grid span { min-height:0; }
 .performance-page .performance-metric-nav { gap:4px 12px; }
}