/* Reuse the square/news segmented control, with four equally sized categories. */
body.ui-polished .strategy-hub-links{grid-template-columns:repeat(4,minmax(0,1fr))}

.strategy-hub-page{--hub-accent:var(--accent,#c1ff35);--hub-soft:var(--accent-soft,#c1ff3512);--hub-line:var(--border,#333);--hub-surface:var(--surface,#171717);--hub-inset:var(--surface-2,#212121);min-width:0;padding-bottom:8px}
.strategy-hub-footer button svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.strategy-hub-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:18px;overflow:hidden;padding:30px;border:1px solid var(--hub-line);border-radius:27px;background:linear-gradient(130deg,var(--hub-inset),var(--hub-surface));margin:0 0 28px}
.strategy-hub-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 5%,var(--hub-soft),transparent 62%)}
.strategy-hub-hero-copy{min-width:0}
.strategy-hub-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:var(--hub-soft);color:var(--hub-accent);font-size:10px;font-weight:500;line-height:1.5}
.strategy-hub-status i{width:4px;height:4px;border-radius:50%;background:currentColor}
.strategy-hub-title-row{display:flex;align-items:center;gap:12px;margin:21px 0 18px}
.strategy-hub-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;border:1px solid var(--hub-line);background:var(--hub-surface);color:var(--hub-accent)}
.strategy-hub-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.strategy-hub-page h1{margin:0;color:var(--text,#f5f5f5);font-size:25px;font-weight:650;line-height:1.4;letter-spacing:.015em}
.strategy-hub-page .strategy-hub-headline{margin:0 0 10px;color:var(--text,#f5f5f5);font-size:15px;font-weight:500;line-height:1.7}
.strategy-hub-page .strategy-hub-description{max-width:440px;margin:0;color:var(--muted,#969696);font-size:12px;line-height:1.9}
.strategy-hub-art{color:var(--hub-accent);pointer-events:none;opacity:.7}
.strategy-hub-art svg{display:block;width:100%;height:auto}
.strategy-hub-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 13px}
.strategy-hub-section-heading h2{margin:0;color:var(--text,#f5f5f5);font-size:14px;font-weight:600;line-height:1.5}
.strategy-hub-section-heading>span{color:var(--muted,#969696);font-size:10px;line-height:1.5}
.strategy-hub-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.strategy-hub-plan-card{min-width:0;padding:19px 17px 18px;border:1px solid var(--hub-line);border-radius:19px;background:var(--hub-surface)}
.strategy-hub-plan-mark{display:block;width:19px;height:3px;margin:0 0 15px;border-radius:2px;background:var(--hub-accent);opacity:.65}
.strategy-hub-plan-card h3{margin:0 0 8px;color:var(--text,#f5f5f5);font-size:13px;font-weight:550;line-height:1.5}
.strategy-hub-plan-card p{margin:0;color:var(--muted,#969696);font-size:11px;line-height:1.85}
.strategy-hub-empty{display:flex;flex-direction:column;align-items:center;padding:33px 24px 28px;margin-top:22px;border:1px dashed var(--hub-line);border-radius:23px;text-align:center;background:var(--hub-surface)}
.strategy-hub-empty-icon{display:grid;place-items:center;width:49px;height:49px;margin-bottom:15px;border-radius:16px;background:var(--hub-inset);color:var(--muted,#969696)}
.strategy-hub-empty-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.strategy-hub-empty h2{margin:0 0 9px;color:var(--text,#f5f5f5);font-size:15px;font-weight:550;line-height:1.6}
.strategy-hub-empty p{max-width:350px;margin:0;color:var(--muted,#969696);font-size:12px;line-height:1.9}
.strategy-hub-empty-note{display:block;margin-top:17px;color:var(--muted,#969696);font-size:10px;line-height:1.6;opacity:.8}
.strategy-hub-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 1px 0}
.strategy-hub-footer>span{color:var(--muted,#969696);font-size:10px;line-height:1.6}
body.ui-polished .strategy-hub-footer>button{display:inline-flex;align-items:center;gap:4px;min-height:38px;flex:none;margin:0;padding:8px 9px;border:0;border-radius:11px;background:transparent;color:var(--hub-accent);font:inherit;font-size:11px;font-weight:500;line-height:1.5;box-shadow:none!important}
body.ui-polished .strategy-hub-page .strategy-hub-footer>button:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}
@media(hover:hover){
 body.ui-polished .strategy-hub-page .strategy-hub-footer>button:hover{background:var(--hub-soft);color:var(--hub-accent);filter:none}
}
@media(min-width:850px){.strategy-hub-hero{padding:34px 36px;grid-template-columns:minmax(0,1fr) 215px}.strategy-hub-art{max-width:215px;justify-self:end}}
@media(max-width:600px){
 .strategy-hub-hero{grid-template-columns:minmax(0,1fr);padding:25px 23px;border-radius:24px;margin-bottom:24px}
 .strategy-hub-art{display:none}
 .strategy-hub-title-row{margin:19px 0 16px}
 .strategy-hub-page h1{font-size:24px}
 .strategy-hub-page .strategy-hub-headline{font-size:14px}
 .strategy-hub-plan-grid{grid-template-columns:1fr;gap:9px}
 .strategy-hub-plan-card{position:relative;padding:16px 17px 16px 31px;border-radius:17px}
 .strategy-hub-plan-mark{position:absolute;left:16px;top:21px;width:3px;height:17px;margin:0}
 .strategy-hub-plan-card h3{margin-bottom:5px}
 .strategy-hub-plan-card p{font-size:11px}
 .strategy-hub-empty{padding:28px 20px 25px;margin-top:19px;border-radius:21px}
 .strategy-hub-footer{gap:6px}
}
@media(max-width:380px){
 .strategy-hub-hero{padding:23px 20px}
 .strategy-hub-section-heading>span{font-size:9px}
 .strategy-hub-footer>span{font-size:9px}
 body.ui-polished .strategy-hub-footer>button{padding-inline:5px;font-size:10px}
}
