body.breakdance .sv-news-card {position:relative;}
body.breakdance .sv-search-form {width:100%;max-width:640px;display:grid;gap:10px;}
body.breakdance .sv-search-controls {display:flex;gap:10px;min-width:0;}
body.breakdance .sv-search-form input {min-width:0;flex:1;padding:14px 16px;border:1px solid #58718c;border-radius:8px;background:#142133;color:#fff;font:inherit;}
body.breakdance .sv-search-form input::placeholder {color:#afbdcd;opacity:1;}
body.breakdance .sv-search-form button {min-height:48px;padding:12px 24px;border:0;border-radius:8px;background:#2293ff;color:#06111e;font:inherit;font-weight:700;cursor:pointer;}
body.breakdance .sv-search-form :focus-visible {outline:3px solid #8bc6ff;outline-offset:4px;}
body.breakdance .sv-search-context {font-size:14px;color:#b6c7da;line-height:1.6;}
body.breakdance .sv-archive-notice {margin-bottom:28px;padding:22px;border:1px solid #58718c;border-left:4px solid #8bc6ff;border-radius:8px;background:#142133;}
body.breakdance .sv-archive-notice p {margin-top:10px;}
body.breakdance .sv-archive-notice a {text-decoration:underline;text-underline-offset:3px;}
body.breakdance.search .sv-page-title {overflow-wrap:anywhere;}
body.breakdance .sv-start-button {max-width:100%;white-space:normal;text-align:center;}
body.breakdance .sv-news-card .sv-card-link {position:static;}
body.breakdance .sv-news-card .sv-card-link::after {content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;}
body.breakdance .sv-news-card:has(a:focus-visible) {outline:3px solid #8bc6ff;outline-offset:5px;}
body.breakdance .sv-broadcast-actions {display:flex;flex-direction:column;gap:14px;align-items:stretch;}
body.breakdance .sv-broadcast-actions .sv-button {justify-content:center;white-space:nowrap;}
body.breakdance .sv-guide-option:hover {background:#1f3a5a;border-color:#66a7eb;}
body.breakdance .sv-guide-dialog::backdrop {background:rgba(4,8,15,.85);}
body.breakdance .sv-guide-dialog :focus-visible {outline:3px solid #8bc6ff;outline-offset:4px;}
html:has(.sv-guide-dialog[open]) {overflow:hidden;}
body.breakdance .sv-roster-note {padding:18px 22px;border-left:3px solid #2293ff;background:rgba(34,147,255,.08);margin-bottom:28px;}
@media(max-width:767px) {body.breakdance .sv-broadcast-actions {width:100%;}body.breakdance .sv-broadcast-actions .sv-button {white-space:normal;text-align:center;}}
/* Uniform roster cards reserve the same image area for portraits and missing photos. */
body.breakdance .sv-athlete {padding:18px;border:1px solid #28354c;border-radius:18px;background:rgba(23,34,51,.65);overflow:hidden;}
body.breakdance .sv-athlete .sv-avatar {display:flex;width:100%;height:auto;aspect-ratio:4 / 5;max-width:100%;border-radius:12px;object-fit:cover;object-position:center top;background:radial-gradient(ellipse at 50% 35%,#284e76,#142033 75%);margin-bottom:8px;}
body.breakdance .sv-athlete .sv-avatar-contain {object-fit:contain;object-position:center bottom;}
body.breakdance .sv-athlete .sv-avatar-fallback {align-items:center;justify-content:center;font-size:42px;color:#b8d9ff;}
body.breakdance .sv-athlete h3 {overflow-wrap:anywhere;}
@media(max-width:767px) {body.breakdance .sv-athlete {padding:12px;}body.breakdance .sv-athlete h3 {font-size:23px;}body.breakdance .sv-athlete .sv-avatar-fallback {font-size:32px;}}

body.breakdance .sv-athlete {position:relative;transition:border-color .2s ease,box-shadow .2s ease;}
body.breakdance .sv-athlete-profile-link {color:inherit;text-decoration:none;}
body.breakdance .sv-athlete-profile-link::after {content:'';position:absolute;inset:0;border-radius:inherit;z-index:1;}
body.breakdance .sv-athlete:has(.sv-athlete-profile-link:focus-visible) {outline:3px solid #8bc6ff;outline-offset:4px;}
@media(hover:hover) {body.breakdance .sv-athlete:has(.sv-athlete-profile-link):hover {border-color:#519ddd;box-shadow:0 0 30px rgba(34,147,255,.13);}}
@media(prefers-reduced-motion:reduce) {body.breakdance .sv-athlete {transition:none;}}

/* Keep mobile navigation reachable in landscape and below the fixed header. */
@media(max-width:1023px) {
 body.breakdance .sv-mobile-menu nav {max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;}
 body.breakdance:has(.sv-mobile-menu[open]) .sv-guide-launcher {visibility:hidden;}
 body.breakdance .sv-contents {top:92px;}
 body.breakdance .sv-contents ul {max-height:min(360px,calc(100dvh - 210px));}
 body.breakdance .sv-reading-body :is(h2,h3,h4) {scroll-margin-top:180px;}
}
@media(max-width:767px) {
 body.breakdance .sv-contents {top:78px;}
 body.breakdance .sv-panel-title {overflow-wrap:anywhere;hyphens:auto;}
 body.breakdance .sv-feature-strip-copy {min-width:0;width:100%;max-width:100%;}
 body.breakdance .sv-feature-strip .sv-button {max-width:100%;white-space:normal;}
 /* A minimum height plus a 4:1 ratio must not force a 520px-wide mobile slide. */
 body.breakdance .sv-ads--wide .sv-ad-slide {width:100%;aspect-ratio:auto;height:130px;}
}

/* All indexed reading pages share the wide, floating contents layout. */
body.breakdance .sv-contents {position:static;top:112px;width:100%;max-height:none;z-index:auto;padding:20px;}
body.breakdance .sv-contents ul {position:static;max-height:none;overflow:visible;padding:12px 0 0;border:0;border-radius:0;box-shadow:none;background:transparent;}
body.breakdance .sv-contents a {overflow-wrap:anywhere;hyphens:auto;}
body.breakdance .sv-reading--indexed .sv-reading-body :is(h2,h3,h4) {scroll-margin-top:112px;}
body.breakdance .sv-reading-mobile-progress {display:none;}
@media(max-width:1023px) {
 body.breakdance .sv-reading-mobile-progress:not([hidden]) {position:fixed;left:20px;right:20px;z-index:990;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:10px 16px;background:#122238;color:#dbeaff;border:1px solid #355371;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.3);font-size:14px;line-height:1.3;pointer-events:none;}
 body.breakdance .sv-reading-mobile-progress .sv-contents-percent {color:#8bc6ff;font-variant-numeric:tabular-nums;}
 body.breakdance .sv-reading-mobile-progress .sv-contents-progress {grid-column:1 / -1;width:100%;height:4px;margin:0;}
 body.breakdance .sv-reading--indexed .sv-reading-body :is(h2,h3,h4) {scroll-margin-top:var(--sv-reading-clearance,160px);}
 body.breakdance:has(.sv-mobile-menu[open]) .sv-reading-mobile-progress {visibility:hidden;}
}
@media(min-width:1024px) {
 body.breakdance .sv-reading.sv-reading--indexed {width:min(100% - 80px,1240px);grid-template-columns:clamp(320px,27vw,360px) minmax(0,1fr);gap:clamp(32px,4vw,56px);}
 body.breakdance .sv-contents {position:sticky;top:144px;padding:16px;}
 body.breakdance .sv-contents ul {max-height:var(--sv-contents-list-height,calc(100dvh - 250px));padding-top:8px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;}
 body.breakdance .sv-contents a {padding-block:3px;line-height:1.35;}
 body.breakdance .sv-contents-progress {margin-top:12px;}
 body.breakdance .sv-reading--indexed .sv-reading-body :is(h2,h3,h4) {scroll-margin-top:144px;}
 body.breakdance .sv-contents ul::-webkit-scrollbar {display:none;}
}
