/* Progressive mobile view. The original tables remain the desktop/fallback view. */
.standings-mobile-view { display:none; }
@media (max-width:600px) {
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-original { display:none !important; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-view {
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:16px 0;
    color:#28221d;
    text-align:left;
    font:400 15px/1.45 Barlow,Arial,sans-serif;
    letter-spacing:normal;
    text-transform:none;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-view [hidden] { display:none !important; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-controls {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    padding:4px;
    margin:0 0 16px;
    background:#eee8dc;
    border:1px solid #d7cbbb;
    border-radius:7px;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-controls button {
    min-width:0;
    min-height:44px;
    padding:9px 6px;
    border:0;
    border-radius:4px;
    color:#5d4a3a;
    background:transparent;
    font:700 15px/1.3 Barlow,Arial,sans-serif;
    cursor:pointer;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-controls button[aria-pressed="true"] {
    background:#8f191e;
    color:#fff;
    box-shadow:0 2px 4px #33161820;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-controls button:focus-visible {
    outline:3px solid #1679b8;
    outline-offset:2px;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-list {
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid #ded7cb;
    border-radius:6px;
    overflow:hidden;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-row {
    padding:0;
    margin:0;
    border:0;
    border-bottom:1px solid #ded7cb;
    background:#fffdf8;
    color:#28221d;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-row:last-child { border-bottom:0; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-row:nth-child(even) { background:#f6f1e8; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-row.standings-zone-row { background:var(--zone-soft); }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-row:is(.our-team,.ar-own-team,.is-igea,.as-igea) {
    box-shadow:inset 4px 0 #b88716;
    font-weight:700;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary {
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 42px;
    gap:8px;
    align-items:center;
    min-height:66px;
    padding:10px 8px;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary > :first-child {
    display:block;
    min-width:0;
    padding:7px 0;
    border-radius:4px;
    text-align:center;
    font:700 14px/1.3 Barlow,Arial,sans-serif;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-zone-row .standings-mobile-summary > :first-child {
    background:var(--zone-solid);
    color:#fff;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary .standing-position {
    font:inherit !important;
    color:inherit !important;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary > :nth-child(2) {
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
    font:600 15px/1.45 Barlow,Arial,sans-serif;
    text-align:left;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary .team-crest {
    display:inline-block;
    width:24px;
    height:30px;
    margin:0 7px 0 0;
    vertical-align:middle;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary .standings-zone-label {
    display:block;
    width:fit-content;
    max-width:100%;
    margin:5px 0 0;
    padding:2px 6px;
    border:1px solid var(--zone-solid);
    border-radius:3px;
    color:var(--zone-ink);
    font:600 12px/1.5 Barlow,Arial,sans-serif;
    text-transform:none;
    letter-spacing:normal;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary > :last-child {
    color:inherit;
    text-align:center;
    font:700 24px/1.1 BarlowCondensed,Impact,sans-serif;
    font-variant-numeric:tabular-nums;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-summary > :last-child::after {
    content:"PT";
    display:block;
    margin-top:3px;
    font:700 11px/1.2 Barlow,Arial,sans-serif;
    letter-spacing:.05em;
  }
  html[lang="en"] body .standings-mobile-summary > :last-child::after { content:"PTS"; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-details {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px 6px;
    padding:12px 8px 14px;
    margin:0 8px;
    border-top:1px solid #43372130;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-details > div { min-width:0; text-align:center; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-details dt {
    padding:0;
    margin:0 0 3px;
    color:#51483e;
    font:600 13px/1.35 Barlow,Arial,sans-serif;
    overflow-wrap:normal;
    min-height:2.7em;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) .standings-mobile-details dd {
    padding:0;
    margin:0;
    color:#28221d;
    font:700 21px/1.2 BarlowCondensed,Impact,sans-serif;
    font-variant-numeric:tabular-nums;
  }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) :has(> .standings-mobile-view) > :is(.ar-table-hint,.as-mobile-hint) { display:none; }
  html body :is(#partite-main,#archive-main,#vivaio-main,#under15-main,#under17-main,#juniores-main) #classifica-squadre:has(.standings-mobile-view) .standings-stats-scroll-hint { display:none; }
}