/* Local-only presentation. No table-cell/row/avatar/rank-arrow rules. */
body[data-public-design] select:not([multiple]) { padding-inline-end:46px; }
body[data-public-design] { --ui-border:#ffffff18; --ui-secondary:#bec8df; }
.public-site-header { box-sizing:border-box; width:min(1120px,calc(100% - 36px)); margin:12px auto 0; padding:10px 12px; display:flex; align-items:center; gap:22px; border:1px solid var(--ui-border); border-radius:20px; background:linear-gradient(120deg,#0b142b,#0d1024); position:relative; z-index:30; }
.public-site-header a { text-decoration:none; }
.public-site-brand { display:flex; align-items:center; gap:10px; color:#f8faff; margin-right:auto; flex-shrink:0; }
.public-site-brand img { border-radius:12px; }
.public-site-brand span { display:grid; gap:3px; }
.public-site-brand strong { font-size:17px; font-weight:800; letter-spacing:-.035em; }
.public-site-brand small { color:#aab9dc; font-size:11px; }
.public-site-nav { display:flex; align-items:center; gap:20px; }
.public-site-nav>a,.public-site-more>summary { padding:10px 0; font-size:13px; font-weight:600; color:var(--ui-secondary); white-space:nowrap; }
.public-site-nav>a.active { color:#fff; box-shadow:inset 0 -2px #6567ff; }
.public-site-header a:hover,.public-site-header summary:hover { color:#fff; }
.public-site-header details { position:relative; }
.public-site-header summary { cursor:pointer; list-style:none; }
.public-site-header summary::-webkit-details-marker { display:none; }
.public-site-more>summary::after { content:'⌄'; margin-left:7px; }
.public-site-header details>div { position:absolute; top:calc(100% + 10px); right:0; display:grid; min-width:230px; padding:8px; border-radius:14px; border:1px solid #53638f; background:#10192e; box-shadow:0 18px 36px #0007; }
.public-site-header details:not([open])>div { display:none; }
.public-site-header details>div a { padding:10px 12px; color:#dce5fb; border-radius:8px; font-size:14px; white-space:nowrap; }
.public-site-header details>div a:hover { background:#1d2c49; }
.public-site-download>summary { padding:13px 16px; color:#fff; font-size:13px; font-weight:800; border-radius:12px; white-space:nowrap; background:linear-gradient(110deg,#2149ff,#6427ff); }
.public-site-cabinet { padding:12px; border:1px solid #62709a80; border-radius:12px; color:#e5ebfb; font-size:12px; font-weight:600; white-space:nowrap; }
.public-site-header :is(a,summary):focus-visible,.ui-preview-jumps a:focus-visible { outline:2px solid #a8b6ff; outline-offset:4px; }


body[data-public-design] .page { padding-top:24px; }
body[data-public-design] #app:has(#rating-table)>.hero { display:block; margin-bottom:18px; }
body[data-public-design] #app:has(#rating-table)>.hero h1 { font-size:38px; line-height:1.12; margin-bottom:10px; }
body[data-public-design] #app:has(#rating-table)>.hero .eyebrow { margin-bottom:8px; }
body[data-public-design] #app:has(#rating-table)>.hero .hero-copy { max-width:1050px; font-size:15px; line-height:1.5; color:#b9c5df; }
body[data-public-design] #app:has(#rating-table)>.toolbar { background:transparent; border:0; padding:0; margin-bottom:14px; border-radius:0; }
body[data-public-design] #app:has(#rating-table) .control label { font-size:12px; letter-spacing:0; text-transform:none; color:#bdc9e2; }
.ui-preview-jumps { display:flex; flex-wrap:wrap; gap:8px 18px; padding:0 0 12px; font-size:12px; }
.ui-preview-jumps a { color:#aebfff; text-decoration:none; }
.ui-preview-jumps a:hover { color:#fff; text-decoration:underline; }
body[data-public-design] #rating-freshness .rating-freshness { margin-bottom:14px; padding:10px 14px; gap:5px 12px; border-radius:13px; }
body[data-public-design] #rating-freshness .rating-freshness strong,body[data-public-design] #rating-freshness .rating-freshness span { font-size:13px; }
body[data-public-design] #rating-freshness .rating-freshness small { font-size:12px; }
body[data-public-design] #rating-table>.panel-heading { padding:14px 18px; gap:12px; }
body[data-public-design] #rating-table>.panel-heading>div { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; }
body[data-public-design] #rating-table>.panel-heading :is(h2,p) { margin:0; }
body[data-public-design] #rating-table>.panel-heading h2 { font-size:20px; }
body[data-public-design] #rating-count { font-size:12px; }
body[data-public-design] #app:has(#rating-table)>.sports-navigation { margin-block:24px; }
body[data-public-design] #app:has(#rating-table)>.hero-note { margin:24px 0; max-width:none; }
body[data-public-design] #preview-leaders { scroll-margin-top:24px; }
body[data-public-design] #methodology { scroll-margin-top:24px; }
.ui-preview-club-about { max-width:740px; margin-top:16px; }
.ui-preview-club-about>span { font-size:11px; color:#8e9dbf; }
.ui-preview-club-about p { margin:5px 0 8px; color:#c5cfe5; font-size:16px; line-height:1.55; }
.ui-preview-club-about a { font-size:14px; font-weight:600; color:#acbaff; text-decoration:none; }
.ui-preview-club-about b { margin-left:8px; }
@media(max-width:1000px) {
 .public-site-header { gap:14px; }
 .public-site-brand small { display:none; }
 .public-site-nav { gap:14px; }
 .public-site-cabinet { display:none; }
}
@media(max-width:680px) {
 .public-site-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; width:calc(100% - 24px); padding:10px; border-radius:16px; }
 .public-site-brand { gap:7px; }
 .public-site-brand img { width:32px; height:32px; }
 .public-site-brand strong { font-size:15px; }
 .public-site-download>summary { padding:11px 12px; font-size:12px; }
 .public-site-nav { grid-column:1/-1; grid-row:2; justify-content:space-between; gap:12px; }
 .public-site-nav>a,.public-site-more>summary { font-size:13px; padding:7px 0; }
 body[data-public-design] .page { padding-top:20px; }
 body[data-public-design] #app:has(#rating-table)>.hero h1 { font-size:30px; }
 body[data-public-design] #app:has(#rating-table)>.hero .hero-copy { font-size:14px; }
 body[data-public-design] #app:has(#rating-table)>.toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 body[data-public-design] #app:has(#rating-table)>.toolbar .control:first-child { grid-column:1/-1; }
 body[data-public-design] #rating-table>.panel-heading { align-items:flex-start; flex-wrap:wrap; padding:12px; }
 .ui-preview-jumps { gap:8px 14px; font-size:12px; }
 
 .public-site-header details>div { max-width:calc(100vw - 36px); }
 .ui-preview-club-about p { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .public-site-header * { scroll-behavior:auto; } }