/* Menu complements the existing visible navigation. */
.site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:9px 12px;border:1px solid #f1dcc3;border-radius:12px;background:transparent;color:#fffaf2;font:750 14px/1.2 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.site-menu-toggle:hover,.site-menu-toggle:focus-visible{background:#fffaf2;color:#481b2c}
.site-menu-dialog{position:fixed;inset:var(--site-menu-top,90px) 16px auto auto;margin:0;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - var(--site-menu-top,90px) - 16px);overflow:auto;padding:16px;border:1px solid #d8c9b5;border-radius:16px;background:#fffaf2;color:#481b2c;box-shadow:0 16px 60px #0005;overscroll-behavior:contain}
.site-menu-dialog::backdrop{background:#0006}
.site-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.site-menu-heading h2{margin:0;font:750 21px/1.2 ui-sans-serif,system-ui,sans-serif}
.site-menu-dismiss{width:44px;height:44px;flex:none;border:1px solid #d8c9b5;border-radius:10px;background:transparent;color:inherit;font:28px/1 system-ui;cursor:pointer}
.site-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.site-menu-links a{display:flex;align-items:center;justify-content:center;min-height:46px;min-width:0;padding:9px 8px;border:1px solid #d8c9b5;border-radius:10px;color:inherit;background:#fff;text-align:center;text-decoration:none;font:650 14px/1.3 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}
.site-menu-links a[aria-current="page"],.site-menu-links a:hover{background:#481b2c;color:#fffaf2;border-color:#481b2c}
.site-menu-links>button{display:flex;align-items:center;justify-content:center;min-height:46px;min-width:0;padding:9px 8px;border:2px solid #e9ac66;border-radius:10px;color:inherit;background:#fff;text-align:center;font:650 14px/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.site-menu-links>button:hover{background:#481b2c;color:#fffaf2}
html[data-city="okc"] .site-menu-links>button:hover{background:#143e65;color:#fffaf2}
.site-menu-dialog :focus-visible,.site-menu-toggle:focus-visible{outline:3px solid #df8a25;outline-offset:3px}
html[data-city="okc"] .site-menu-dialog{color:#143e65}
html[data-city="okc"] .site-menu-links a[aria-current="page"],html[data-city="okc"] .site-menu-links a:hover{background:#143e65;border-color:#143e65;color:#fffaf2}
html[data-city="okc"] .site-menu-toggle:hover{color:#143e65}
@media(max-width:600px){
 .topbar:has(.site-menu-toggle) .brand-row{flex-wrap:wrap;gap:7px}
 .topbar:has(.site-menu-toggle) .header-visit-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
 .topbar .header-visit-actions:has(.site-menu-toggle)>a,.topbar .site-menu-toggle{width:100%;min-height:44px;font-size:13px;padding:8px 6px}
 .site-menu-dialog{padding:12px;inset-inline:12px;width:calc(100% - 24px)}
 .site-menu-heading h2{font-size:19px}
}

/* One centered primary menu; long labels wrap inside equal three-across cells. */
.topbar .site-menu-toggle{background:#f2c879;color:#481b2c;border-color:#f2c879}
.topbar .site-menu-toggle:hover,.topbar .site-menu-toggle:focus-visible{background:#f2c879;color:#481b2c}
.topbar .site-menu-toggle[aria-expanded="true"]{background:#481b2c;color:#fffaf2;border-color:#f2c879}
html[data-city="okc"] .topbar .site-menu-toggle{background:#fdbb30;color:#002d62;border-color:#fdbb30}
html[data-city="okc"] .topbar .site-menu-toggle[aria-expanded="true"]{background:#002d62;color:#fffaf2;border-color:#fdbb30}
.site-menu-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:0;padding:14px}
.site-menu-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.site-menu-links>:is(a,button){flex:0 0 calc((100% - 16px)/3);width:calc((100% - 16px)/3);height:64px;min-height:64px;padding:7px 5px;font-size:12px;line-height:1.2;white-space:normal;overflow-wrap:normal;text-wrap:balance}
.site-menu-status{font-size:14px;line-height:1.5;text-align:center;margin:14px 0 0}
@media(max-width:360px){.site-menu-dialog{padding:12px}.site-menu-links{gap:6px}.site-menu-links>:is(a,button){flex-basis:calc((100% - 12px)/3);width:calc((100% - 12px)/3);font-size:11.5px}}

/* Keep the Saved icon, wording and count centered as a single group. */
.topbar .header-visit-actions .saved-nav{justify-content:center;align-items:center;gap:6px;line-height:1.2;text-align:center}
.topbar .header-visit-actions .saved-label{font:750 13px/1.2 ui-sans-serif,system-ui,sans-serif}
.topbar .header-visit-actions .saved-heart{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1;animation:saved-heartbeat 2s ease-in-out infinite;transform-origin:center}
.topbar .header-visit-actions [data-favorites-count]{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;min-height:20px;padding:1px 4px;line-height:1;font-size:11px}
@media(max-width:600px){
 .topbar .header-visit-actions .saved-nav{gap:4px}
 .topbar .header-visit-actions .saved-label{font-size:12px}
 .topbar .header-visit-actions .saved-heart{font-size:18px}
 .topbar .header-visit-actions [data-favorites-count]{min-width:16px;padding-inline:2px;font-size:10px}
}
/* Keep the scoreboard visible on Home after the duplicate chapter grid is gone. */
.scoreboard-shortcut{display:flex;justify-content:center;padding:14px 14px;background:#fffaf2}
.scoreboard-shortcut>.pillbtn{width:164px;min-height:52px;height:52px;padding:5px 22px 5px 7px!important;border:2px solid #e9ac66!important;background:#481b2c!important;color:#fffaf2!important;text-align:center}
html[data-city="okc"] .scoreboard-shortcut{background:#fffefa}
html[data-city="okc"] .scoreboard-shortcut>.pillbtn{background:#002d62!important;border-color:#ff9a66!important;color:#fffaf2!important}

/* A wider standalone scoreboard shortcut reads as the Home sports entry. */
body main .scoreboard-shortcut>.pillbtn{width:min(280px,100%)!important;max-width:100%;height:60px!important;min-height:60px!important;padding:8px 30px 8px 16px!important;font-size:16px!important;line-height:1.25!important}

/* Both Cities offers two distinct team entries, independent of the page theme. */
.scoreboard-team-links{display:none;width:100%;max-width:488px;justify-content:center;gap:10px}
html[data-city="all"] .scoreboard-team-links{display:flex}
html[data-city="all"] .scoreboard-shortcut>[data-scoreboard-single]{display:none!important}
body main .scoreboard-team-links>.pillbtn{flex:1 1 0;width:calc((100% - 10px)/2)!important;max-width:239px;height:60px!important;min-height:60px!important;min-width:0!important;padding:7px 24px 7px 8px!important;font-size:14px!important;line-height:1.2!important;text-align:center;border:2px solid #c9a66b!important;color:#fffaf2!important}
body main .scoreboard-team-links>.scoreboard-team-sooners{background:#841617!important;border-color:#c9a66b!important}
body main .scoreboard-team-links>.scoreboard-team-thunder{background:#002d62!important;border-color:#ff9a66!important}
body main .scoreboard-team-links>.pillbtn:focus-visible{outline:3px solid #df8a25;outline-offset:3px}
/* A brighter Menu beacon, without shifting nearby controls or fading its text. */
html[data-city="norman"] .topbar{border-bottom:6px solid #c9a66b}
.topbar .site-menu-toggle{--menu-beacon-base:#f2c879}
html[data-city="okc"] .topbar .site-menu-toggle{--menu-beacon-base:#fdbb30}
html[data-city="all"] .topbar .site-menu-toggle{--menu-beacon-base:#d6b77b}
.topbar .site-menu-toggle[aria-expanded="false"]{animation:menu-beacon 2.2s ease-in-out infinite}
.topbar .site-menu-toggle[aria-expanded="true"]{animation:none}
@keyframes menu-beacon{
 0%,100%{background-color:var(--menu-beacon-base);box-shadow:0 0 0 1px #ffd36566,0 0 7px #ffc44d55}
 50%{background-color:#ffe5a1;box-shadow:0 0 0 2px #ffdf7bcc,0 0 24px #ffc44dcc}
}
@media(prefers-reduced-motion:reduce){.topbar .site-menu-toggle[aria-expanded="false"]{animation:none;box-shadow:0 0 0 2px #ffdf7bb3,0 0 16px #ffc44d80}}

/* Calm, full-row list navigation. Keep the outer Menu control unchanged. */
#site-menu{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0 16px 16px}
#site-menu .site-menu-heading{position:sticky;top:0;z-index:1;margin:0;padding:14px 0 10px;background:#fffaf2;border-bottom:2px solid #d8c9b5}
#site-menu .site-menu-links{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;align-items:stretch}
#site-menu .site-menu-links>a,#site-menu .site-menu-utilities>button{display:flex;align-items:center;justify-content:space-between;flex:none;box-sizing:border-box;width:100%;height:auto;min-height:46px;margin:0;padding:11px 10px;border:0;border-bottom:1px solid #d8c9b5;border-radius:0;background:transparent;color:inherit;text-align:left;text-decoration:none;font:600 15px/1.35 ui-sans-serif,system-ui,sans-serif;letter-spacing:0;white-space:normal;text-wrap:wrap;cursor:pointer;box-shadow:none}
#site-menu .site-menu-links>a::after{content:"›";flex:none;margin-left:16px;font-size:22px;line-height:1;color:inherit;opacity:.65}
#site-menu .site-menu-links>a:hover,#site-menu .site-menu-links>a[aria-current="page"],#site-menu .site-menu-utilities>button:hover{background:#481b2c0c;color:inherit}
#site-menu .site-menu-links>a[aria-current="page"]{border-left:3px solid currentColor;padding-left:7px;font-weight:800}
#site-menu .site-menu-utilities{display:flex;flex-direction:column;flex:none;width:100%;margin-top:14px;padding-top:8px;border-top:2px solid #d8c9b5}
#site-menu .site-menu-utilities>button{font-size:14px}
#site-menu [hidden]{display:none!important}

@media(prefers-reduced-motion:reduce){.topbar .header-visit-actions .saved-heart{animation:none}}

html:is([data-city="tulsa"],[data-city="all"]) .topbar .header-visit-actions .saved-heart{color:#bd351d}