/* Mobile match centre and details. Desktop layout remains in styles.css. */
.mobile-header-actions,.mobile-header-menu { display:none; }
@media (max-width:600px) {
  .header-inner .brand>span:last-child { display:block; font-size:24px; letter-spacing:-1px; }
  .header-inner .brand-mark { display:none; }
  .mobile-header-ready .header-search { display:none; }
  .mobile-header-ready .mobile-header-actions { display:flex; margin-left:auto; gap:4px; }
  .mobile-header-actions button { display:grid; place-items:center; width:44px; height:44px; background:none; border:0; border-radius:8px; cursor:pointer; }
  .mobile-header-actions button:hover,.mobile-header-actions button[aria-expanded=true] { background:var(--panel); }
  .mobile-header-actions svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
  .mobile-header-ready.search-open .header-search { display:flex; position:absolute; top:64px; left:12px; right:12px; width:auto; height:44px; border:1px solid var(--line); box-shadow:0 8px 24px #0008; }
  .mobile-header-menu:not([hidden]) { display:grid; position:absolute; top:56px; right:12px; width:210px; padding:8px; border:1px solid var(--line); border-radius:12px; background:var(--panel); box-shadow:0 10px 30px #0008; }
  .mobile-header-menu a { padding:13px 12px; color:var(--text); text-decoration:none; font-size:14px; border-radius:6px; }
  .mobile-header-menu a:hover { background:#203149; }
  .mobile-header-actions button:focus-visible,.mobile-header-menu a:focus-visible { outline:2px solid var(--green); outline-offset:-2px; }
  .topbar { height:56px; }
  .header-inner { width:calc(100% - 24px); gap:12px; }
  .header-search { min-width:0; height:38px; }
  .score-nav { top:56px; height:52px; }
  .date-switcher strong { display:none; }
  .score-nav-inner { width:calc(100% - 16px); gap:4px; }
  .date-switcher { min-width:0; }
  .date-switcher button { padding-inline:2px; }
  .match-page:not(.news-view) { width:calc(100% - 24px); margin-top:20px; }
  .feed-heading { display:block; min-height:0; padding:0; margin-bottom:16px; }
  .feed-heading h1 { font-size:22px; line-height:1.25; letter-spacing:-.5px; text-wrap:balance; }
  .feed-heading>span { display:block; margin-top:8px; padding:0; font-size:10px; line-height:1.6; color:var(--muted); overflow-wrap:anywhere; }
  .league-header { min-height:56px; height:auto; padding:10px; gap:6px; }
  .league-header>div:nth-child(2) { min-width:0; }
  .league-header h2 { line-height:1.4; overflow-wrap:anywhere; }
  .match-row { position:relative; grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr); padding:12px 30px 12px 8px; min-height:108px; gap:4px; }
  .match-row .team { flex-direction:column; justify-content:center; gap:7px; text-align:center; }
  .match-row .team .crest { order:-1; width:30px; height:30px; }
  .match-row .team b { max-width:100%; white-space:normal; overflow-wrap:anywhere; font-size:11px; line-height:1.4; }
  .match-row .favorite { position:absolute; right:0; top:50%; transform:translateY(-50%); width:30px; min-height:44px; }
  .match-centre>span { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  .match-centre strong { font-size:21px; }
  .banner-ad { width:calc(100% - 24px); margin-top:12px; }
  .banner-ad-toolbar { min-height:20px; margin-bottom:5px; }
  .banner-ad-label { font-size:10px; }
  .banner-ad-frame { height:112px; }
  .banner-ad-english .starlight-promo-copy { min-width:0; flex:1; gap:2px; }
  .banner-ad-english .starlight-promo-copy strong { font-size:19px; line-height:1.2; overflow-wrap:anywhere; }
  .starlight-promo-copy small { font-size:8px; letter-spacing:.7px; }
  .starlight-promo-copy>span { display:none; }
  .starlight-promo { gap:12px; padding:0 14px; }
  .starlight-promo-action { flex:none; align-self:center; margin:0; padding:10px 12px; gap:7px; font-size:11px; }
  .detail-shell { width:calc(100% - 24px); margin-top:8px; }
  .detail-league { margin:8px 0 12px; font-size:11px; line-height:1.5; }
  .scoreboard { min-height:174px; grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr); gap:8px; padding:20px 12px; border-radius:14px; }
  .detail-team { min-width:0; }
  .detail-team img { width:48px; height:48px; }
  .detail-team h2 { margin:10px 0 0; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
  .detail-score strong { font-size:30px; margin:8px 0; font-variant-numeric:tabular-nums; }
  .detail-score small { font-size:10px; line-height:1.6; }
  .detail-tabs { position:sticky; top:56px; z-index:10; margin:12px 0; border-radius:10px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
  .detail-tabs button { flex:1 0 auto; min-height:48px; padding:12px; font-size:12px; }
  .detail-grid { gap:12px; }
  .detail-panel { min-width:0; scroll-margin-top:116px; }
  .info-panel,.detail-card { padding:18px 16px; }
  .info-panel dl div { gap:14px; }
  .info-panel dt { flex:none; }
  .info-panel dd { text-align:right; overflow-wrap:anywhere; }
  .info-panel dt,.info-panel dd,.empty-compact { font-size:12px; }
  .detail-state { padding:32px 16px; }
  .detail-data-footer { flex-wrap:wrap; }
}