/* Strategy overview: compact statistics at left, existing chart at right. */
.strategy.strategy-summary{display:block}
.strategy-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px 18px;border-bottom:1px solid #082a49}
.strategy-titlebar h3{font-size:22px;font-weight:600;letter-spacing:-.5px;margin-top:6px}
.strategy-overview{display:grid;grid-template-columns:236px minmax(0,1fr);gap:0}
.strategy-metrics{margin:0;padding:17px 20px 19px 24px;border-right:1px solid #082a49;background:#082a49}
.strategy-stat{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;font-size:11px;line-height:1.45}
.strategy-stat dt{color:#51ddf6;min-width:0}
.strategy-stat dd{margin:0;white-space:nowrap;font-weight:550;font-variant-numeric:tabular-nums;color:#e7f4ff}
.strategy-stat dd span{margin-left:3px;font-weight:400;font-size:10px}
.strategy-stat .positive{color:#e7f4ff}.strategy-stat .negative{color:#ff999b}.strategy-stat .neutral{color:#51ddf6}
.strategy-stat.stat-emphasis{padding-top:3px;padding-bottom:11px;font-size:14px}
.strategy-stat.stat-emphasis dt{font-weight:600;color:#e7f4ff}.strategy-stat.stat-emphasis dd{font-size:19px;font-weight:650;letter-spacing:-.4px}
.strategy-stat.stat-emphasis dd span{font-size:13px}
.strategy-stat.stat-divider{border-top:1px solid #164364;margin-top:5px;padding-top:12px}
.strategy-plot{padding:21px 24px 18px;min-width:0;display:flex;flex-direction:column}
.strategy-plot-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.strategy-plot-heading h4{font-size:12px;font-weight:500;color:#51ddf6}
.strategy-plot-heading>span{font-size:9px;color:#8ae5ef;white-space:nowrap}
.strategy-plot .chart-wrap{flex:1;display:flex;flex-direction:column;justify-content:center}
.strategy-plot .chart{height:206px;min-height:160px}
.strategy-plot .chart-caption{font-size:9px}
.strategy-plot .chart-foot{margin-top:20px;padding-top:12px;font-size:10px}
.strategy-access{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:22px;padding:18px 24px;background:#082a49;border-top:1px solid #164364}
.strategy-access .price{font-size:27px;margin-top:6px}.strategy-access .price span{font-size:10px}
.strategy-access .feature-list{font-size:10px}.strategy-access .feature-list li{padding:3px 0;border:0}
.strategy-access .feature-list .icon{width:12px;height:12px;margin-top:1px}
.strategy-admin{display:flex;flex-direction:row;flex-wrap:nowrap;gap:7px;align-items:center}.strategy-admin .button{white-space:nowrap;flex:none}
.strategy-admin .section-actions{gap:7px}.strategy-admin .button{font-size:10px;min-height:30px;padding:6px 10px}
@media(max-width:1150px){.strategy-overview{grid-template-columns:218px minmax(0,1fr)}.strategy-metrics{padding-left:20px;padding-right:17px}.strategy-plot{padding-inline:20px}.strategy-access{grid-template-columns:150px minmax(0,1fr) auto;gap:15px}}
@media(max-width:900px){.strategy-overview{grid-template-columns:1fr}.strategy-metrics{border-right:0;border-bottom:1px solid #082a49;padding:16px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.strategy-stat.stat-emphasis{grid-column:1/-1}.strategy-stat.stat-divider{margin-top:0}.strategy-plot .chart{height:220px}.strategy-access{grid-template-columns:1fr auto}.strategy-access .feature-list{display:none}}
@media(max-width:500px){.strategy-titlebar{padding:18px}.strategy-metrics{display:block;padding:16px 18px}.strategy-plot{padding:18px}.strategy-plot-heading{align-items:flex-start;gap:10px}.strategy-plot-heading>span{white-space:normal}.strategy-plot .chart{height:180px}.strategy-access{padding:17px;gap:12px}.strategy-access .price{font-size:23px}.strategy-access .eyebrow{font-size:8px}.strategy-admin .button{font-size:9px;padding:6px 8px}}

/* HTML axis labels stay readable while the SVG plot adapts to its width. */
.strategy-axis-chart{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:210px auto;gap:0 10px;margin:auto 0;min-width:0;padding-top:4px}
.strategy-y-axis{position:relative;grid-column:1;grid-row:1;color:#51ddf6;font-size:10px;font-variant-numeric:tabular-nums}
.strategy-y-axis span{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap}
.strategy-axis-plot{grid-column:2;grid-row:1;min-width:0;border-left:1px solid #164364;border-bottom:1px solid #164364}
.strategy-line{display:block;width:100%;height:100%;overflow:visible}
.strategy-x-axis{grid-column:2;grid-row:2;display:flex;justify-content:space-between;gap:8px;padding-top:13px;font-size:10px;color:#51ddf6;font-variant-numeric:tabular-nums}
.strategy-x-axis span{white-space:nowrap}
@media(max-width:700px){.strategy-access{grid-template-columns:1fr}.strategy-admin{justify-self:start}.strategy-axis-chart{grid-template-rows:185px auto}.strategy-x-axis{font-size:9px}.strategy-x-axis span:nth-child(even){display:none}}