/*
 * Premier Signal 24 mobile-first layer.
 *
 * The existing desktop system remains the source of truth for wide screens.
 * This layer makes the phone experience task-first: open the menu, find the
 * next match, and enter a live page with one thumb. It is intentionally loaded
 * last so route templates keep their existing desktop contracts.
 */

.ps-mobile-quicknav { display:none; }

@media (max-width: 720px) {
  html { scroll-padding-top: 70px; }
  body.premier-signal-24 { overflow-x:hidden; background:#f0f3ef; }
  body.premier-signal-24 .ps-header { position:sticky; top:-82px; z-index:40; }
  body.premier-signal-24 .ps-ticker { display:none; }
  body.premier-signal-24 .ps-head-main {
    position:sticky;
    top:0;
    z-index:45;
    box-shadow:0 5px 18px rgba(7,37,27,.14);
  }
  body.premier-signal-24 .ps-head-row {
    min-height:64px;
    padding:8px 12px;
    gap:10px;
  }
  body.premier-signal-24 .ps-brand { min-width:0; gap:9px; }
  body.premier-signal-24 .ps-brand img { width:40px; height:40px; flex:0 0 40px; }
  body.premier-signal-24 .ps-brand strong {
    display:block;
    max-width:calc(100vw - 118px);
    overflow:hidden;
    font-size:17px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.premier-signal-24 .ps-brand small { display:none; }
  body.premier-signal-24 .ps-head-row > .ps-primary,
  body.premier-signal-24 .ps-head-row > .ps-search { display:none; }
  body.premier-signal-24 .ps-head-row > .al-menu-toggle {
    display:grid!important;
    width:42px;
    height:42px;
    flex:0 0 42px;
    margin-left:auto;
    place-content:center;
    gap:5px;
    padding:0;
    border:1px solid #2f5a49;
    border-radius:9px;
    background:#123c2b;
  }
  body.premier-signal-24 .ps-head-row > .al-menu-toggle span { width:20px; height:2px; }
  body.premier-signal-24 .ps-league-nav {
    border-bottom:1px solid #d4ddd5;
    background:#fffdf8;
    box-shadow:0 1px 0 rgba(7,37,27,.04);
  }
  body.premier-signal-24 .ps-league-nav nav {
    width:100%;
    gap:0;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  body.premier-signal-24 .ps-league-nav nav::-webkit-scrollbar { display:none; }
  body.premier-signal-24 .ps-league-nav a {
    min-height:40px;
    display:inline-flex;
    align-items:center;
    padding:0 15px;
    border-right:1px solid #e1e7e0;
    color:#385347!important;
    font-size:12px;
  }
  .ps-mobile-quicknav {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    padding:8px 10px;
    border-bottom:1px solid #d9e1da;
    background:#f8faf7;
  }
  .ps-mobile-quicknav a {
    min-height:42px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:2px;
    color:#285241;
    border:1px solid #d3dfd5;
    border-radius:8px;
    background:#fff;
    font-size:11px;
    line-height:1.15;
  }
  .ps-mobile-quicknav a:first-child {
    color:#fff;
    border-color:#0f7b59;
    background:#0f7b59;
  }
  .ps-mobile-quicknav span { font-size:14px; line-height:1; }
  .ps-mobile-quicknav strong { font-weight:800; }
  body.premier-signal-24 .al-mobile-menu { border-top:0; }
  body.premier-signal-24 .ps-main-shell {
    width:100%;
    padding:10px 0 32px!important;
  }
  body.premier-signal-24 .ps-opening-grid { gap:10px; }
  body.premier-signal-24 .ps-opening-grid > .ps-score-rail { order:-1; }
  body.premier-signal-24 .ps-lead-story,
  body.premier-signal-24 .ps-score-rail,
  body.premier-signal-24 .ps-ledger,
  body.premier-signal-24 .ps-league-index,
  body.premier-signal-24 .ps-video-journal,
  body.premier-signal-24 .ps-topic-index { border-inline:0; border-radius:0; }
  body.premier-signal-24 .ps-section-label { padding:12px 14px 8px; }
  body.premier-signal-24 .ps-lead-card {
    min-height:246px;
    border-radius:0;
  }
  body.premier-signal-24 .ps-lead-card>span { padding:54px 14px 16px; }
  body.premier-signal-24 .ps-lead-card h2,
  body.premier-signal-24 .ps-lead-card h1 {
    display:-webkit-box;
    max-width:100%;
    overflow:hidden;
    font-size:22px;
    line-height:1.35;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.premier-signal-24 .ps-subnews { padding:4px 12px 12px; gap:0; }
  body.premier-signal-24 .ps-subnews>a { min-height:64px; padding:8px 0; }
  body.premier-signal-24 .ps-subnews img { width:76px; height:52px; border-radius:6px; }
  body.premier-signal-24 .ps-score-rail header { padding:13px 14px; }
  body.premier-signal-24 .ps-score-rail header h2 { font-size:19px; }
  body.premier-signal-24 .ps-score-rail article>a { min-height:58px; }
  body.premier-signal-24 .ps-score-rail article:nth-child(n+6) { display:none; }
  body.premier-signal-24 .ps-rail-more {
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
  }
  body.premier-signal-24 .ps-editor-note { margin:10px 0; border-inline:0; border-radius:0; }
  body.premier-signal-24 .ps-editor-note>a { min-height:46px; }
  body.premier-signal-24 .ps-ledger { margin-top:10px; }
  body.premier-signal-24 .ps-ledger-head { padding:14px; gap:10px; }
  body.premier-signal-24 .ps-ledger-head h2 { font-size:20px; line-height:1.3; }
  body.premier-signal-24 .ps-ledger-head nav { gap:6px; padding-bottom:2px; scrollbar-width:none; }
  body.premier-signal-24 .ps-ledger-head nav::-webkit-scrollbar { display:none; }
  body.premier-signal-24 .ps-ledger-head button { min-height:38px; padding:0 12px; border-radius:999px; }
  body.premier-signal-24 .ps-ledger-row { min-height:0; padding:13px 12px; }
  body.premier-signal-24 .ps-ledger-row>div { padding-top:4px; }
  body.premier-signal-24 .ps-ledger-row .wc-live-btn {
    width:100%;
    min-height:40px!important;
    justify-content:center;
    border-radius:7px;
    font-size:12px;
  }
  body.premier-signal-24 .ps-league-index { margin:10px 0; }
  body.premier-signal-24 .ps-league-index>header { padding:14px; }
  body.premier-signal-24 .ps-league-index>header h2 { font-size:20px; }
  body.premier-signal-24 .ps-league-index a { min-height:60px; }
  body.premier-signal-24 .ps-video-journal header,
  body.premier-signal-24 .ps-topic-index header { padding:14px; }
  body.premier-signal-24 .ps-video-journal>div { padding:10px 12px; }
  body.premier-signal-24 .ps-topic-index>div:last-child { margin:10px 12px; }
  body.premier-signal-24 .ps-topic-index>div:last-child a { min-height:38px; display:flex; align-items:center; }
  /* Interior routes keep their full text and data, with the task controls first. */
  body.premier-signal-24 .alv2-schedule-page .jzt-c-tabs,
  body.premier-signal-24 .alv2-schedule-page .jzt-c-dates,
  body.premier-signal-24 .alv2-schedule-page .jzt-league-filter-bar,
  body.premier-signal-24 .alv2-category-page .hub-jzt-nav-links {
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.premier-signal-24 .alv2-schedule-page .jzt-c-dates::-webkit-scrollbar,
  body.premier-signal-24 .alv2-schedule-page .jzt-league-filter-bar::-webkit-scrollbar,
  body.premier-signal-24 .alv2-category-page .hub-jzt-nav-links::-webkit-scrollbar { display:none; }
  body.premier-signal-24 .alv2-schedule-page .jzt-c-dates a,
  body.premier-signal-24 .alv2-schedule-page .league-filter-btn,
  body.premier-signal-24 .alv2-category-page .hub-btn { min-height:40px; }
  body.premier-signal-24 .alv2-schedule-page .m-row {
    min-height:76px;
    border-bottom:1px solid #e0e8e1;
  }
  body.premier-signal-24 .alv2-schedule-page .jzt-schedule-live-btn,
  body.premier-signal-24 .alv2-video-page .rdn-btn { min-height:40px; }
  body.premier-signal-24 .ps-article-page .ps-story-layout,
  body.premier-signal-24 .ps-article-page .ps-story-main,
  body.premier-signal-24 .ps-article-page .jzt-article-card { min-width:0; }
  body.premier-signal-24 .ps-article-page .jzt-article-card { border-inline:0; border-radius:0!important; }
  body.premier-signal-24 .ps-article-page .jzt-article-content { overflow-wrap:anywhere; line-height:1.8; }
  body.premier-signal-24 .ps-article-page .jzt-article-content img,
  body.premier-signal-24 .alv2-video-page .video-body img { max-width:100%; height:auto; }
  body.premier-signal-24 .ps-article-page .jzt-article-content iframe,
  body.premier-signal-24 .alv2-video-page .video-body iframe { max-width:100%; }
  body.premier-signal-24 .alv2-match-page .ps-match-hero .sp-match-heading h1 { font-size:23px!important; }
  body.premier-signal-24 .alv2-match-page .sp-hero-actions a,
  body.premier-signal-24 .alv2-match-page .sp-side-live-btn { min-height:44px; }
  body.premier-signal-24 .ps-footer-grid { padding:28px 14px 22px; }
  body.premier-signal-24 .ps-footer-bottom { padding-inline:14px; }
}

@media (max-width: 420px) {
  .ps-mobile-quicknav { gap:4px; padding-inline:8px; }
  .ps-mobile-quicknav a { min-height:40px; font-size:10px; }
  body.premier-signal-24 .ps-brand strong { font-size:16px; }
  body.premier-signal-24 .ps-lead-card { min-height:224px; }
  body.premier-signal-24 .ps-lead-card>span { padding-top:42px; }
  body.premier-signal-24 .ps-lead-card h2,
  body.premier-signal-24 .ps-lead-card h1 { font-size:20px; }
  body.premier-signal-24 .ps-ledger-row { grid-template-columns:44px minmax(0,1fr) 34px minmax(0,1fr); gap:6px; }
  body.premier-signal-24 .ps-ledger-row>time,
  body.premier-signal-24 .ps-ledger-row>a { font-size:11px; }
}