.c-nav { border-bottom:1px solid var(--color-border); box-shadow:0 2px 6px #00000008; }
.c-nav>.container { position:relative; }
.c-nav-list a { padding:16px 12px; font-weight:600; letter-spacing:0; }
.c-nav-list a[aria-current=page] { background:var(--color-surface-alt); box-shadow:inset 0 -3px var(--color-brand); }
.c-nav-more { position:static; margin-left:12px; border-left:1px solid var(--color-border); }
.c-nav-more>button { padding:15px 16px; font-weight:600; letter-spacing:0; }
.c-nav-more-menu { inset:100% 0 auto; padding:24px; border-top:3px solid var(--color-brand); grid-template-columns:2fr 1fr 1fr; gap:24px; }
.c-nav-more.is-open .c-nav-more-menu { display:grid; }
.c-nav-more-menu h2 { font-size:13px; margin:0 0 12px; color:var(--color-text-muted); }
.c-nav-more-menu a { border-radius:3px; font-size:14px; padding:9px 10px; font-weight:500; }
.menu-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.c-drawer-panel { width:min(400px,94vw); padding:20px; }
.c-drawer-head { border-bottom:1px solid var(--color-border); padding-bottom:16px; }
.c-drawer-head strong { font-size:17px; letter-spacing:0; text-transform:none; }
.drawer-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-bottom:20px; }
.drawer-search label { grid-column:1/-1; font-size:12px; color:var(--color-text-muted); }
.drawer-search input { min-width:0; width:100%; padding:10px; border:1px solid var(--color-border); background:var(--color-surface); color:var(--color-text); border-radius:3px; }
.drawer-search button { padding:0 14px; background:var(--color-brand); color:#fff; border-radius:3px; }
.c-drawer-panel nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 12px; padding:0; }
.c-drawer-panel nav h2 { grid-column:1/-1; font-size:12px; color:var(--color-text-muted); margin:18px 0 8px; }
.c-drawer-panel nav a { padding:12px 4px; font-size:14px; font-weight:500; line-height:1.4; overflow-wrap:anywhere; }
.c-drawer-panel nav a:focus-visible,.c-nav a:focus-visible { outline:2px solid var(--color-brand); outline-offset:-2px; }
.c-drawer,.c-drawer:target { display:block; visibility:hidden; pointer-events:none; transition:visibility 0s linear .34s; }
.c-drawer.is-open { visibility:visible; pointer-events:auto; transition-delay:0s; }
.c-drawer-backdrop { opacity:0; transition:opacity .3s ease; }
.c-drawer.is-open .c-drawer-backdrop { opacity:1; }
.c-drawer .c-drawer-panel { transform:translateX(-102%); transition:transform .34s cubic-bezier(.22,.68,0,1); border-right:0; padding:24px; overscroll-behavior:contain; padding-bottom:max(28px,env(safe-area-inset-bottom)); }
.c-drawer.is-open .c-drawer-panel { transform:translateX(0); }
.c-drawer-head img { max-width:210px; width:auto; max-height:42px; object-fit:contain; }
.c-drawer-head [data-drawer-close] { flex:0 0 40px; border-radius:50%; background:var(--color-surface-alt); font-size:20px; }
.c-drawer-panel nav a { display:flex; align-items:center; justify-content:space-between; min-height:46px; }
.c-drawer-panel nav a::after { content:'›'; color:var(--color-text-muted); padding-left:6px; }
.c-drawer-panel nav a:hover { color:var(--color-brand); }
.c-drawer-panel .drawer-search { padding:4px 0 10px; margin-bottom:0; }
@media(prefers-reduced-motion:reduce) { .c-drawer,.c-drawer .c-drawer-panel,.c-drawer-backdrop { transition:none; } }
.home-scores-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; font-size:12px; color:var(--color-text-muted); }
.home-scores-controls label { display:flex; align-items:center; gap:10px; }
.home-scores-controls select { padding:8px 28px 8px 10px; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border); border-radius:3px; }
.home-scores-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.home-score { display:grid; grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr); gap:12px 8px; padding:14px; border:1px solid var(--color-border); border-top:2px solid #218653; border-radius:4px; background:var(--color-surface); }
.home-score-heading { grid-column:1/-1; font-size:11px; color:var(--color-text-muted); }
.home-score .sf-team,.home-score .sf-home { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; font-size:12px; text-align:center; }
.home-score .sf-team img { width:28px; height:28px; object-fit:contain; }
.home-score .sf-score { align-self:center; text-align:center; font-size:17px; color:var(--color-text); }
.home-score .sf-state { grid-column:1/-1; text-align:center; font-size:11px; font-style:normal; }
.home-score:hover { border-color:#218653; background:var(--color-surface-alt); }
@media(hover:hover) and (min-width:1024px) { .c-nav-more:hover .c-nav-more-menu,.c-nav-more:focus-within .c-nav-more-menu {display:grid;} }
@media(max-width:767px) {
  .home-scores-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .home-score {padding:10px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:10px 4px;}
  .home-score .sf-score {font-size:14px;}
  .home-score .sf-team {font-size:11px;overflow-wrap:anywhere;}
  .c-nav>.container {overflow:visible;}
  .c-nav-list {overflow-x:auto;}
}