/* CMWR V3.0 · mobile · 00-navegacao */
@media (max-width: 900px){
html { scroll-snap-type:y mandatory; }
body { overflow-x:hidden; }
/* ======================================================
     DIAL AM/FM MOBILE 02
     Mais estreito, turquesa e com escala técnica ampliada.
     ====================================================== */
  .mobile-tuner {
    position:fixed;
    z-index:120;
    top:8px;
    right:5px;
    bottom:8px;
    width:50px;
    display:block;
    border:1px solid rgba(74,216,210,.22);
    border-radius:8px;
    overflow:visible;
    color:#62d8d3;
    box-shadow:0 8px 24px rgba(0,0,0,.30), inset 0 0 13px rgba(0,0,0,.46);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
.mobile-tuner__glass {
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    border-radius:7px;
    background:linear-gradient(180deg,rgba(2,12,14,.44),rgba(1,7,10,.67));
    pointer-events:none;
  }
.mobile-tuner__head {
    position:absolute;
    z-index:6;
    top:5px;
    left:4px;
    right:4px;
    display:flex;
    justify-content:space-between;
    color:rgba(104,224,216,.62);
    font:800 6.5px/1 "Arial Narrow",Arial,sans-serif;
    letter-spacing:.04em;
  }
.mobile-tuner__head span:last-child { text-align:right; }
.mobile-tuner__head small { display:block; margin-top:2px; font-size:4.5px; opacity:.62; }
/* Escala realista de frequência por trás das sessões. */
  .mobile-tuner__scale {
    position:absolute;
    z-index:2;
    top:31px;
    bottom:18px;
    left:0;
    right:0;
    pointer-events:none;
  }
.mobile-tuner__scale::before,
  .mobile-tuner__scale::after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(76,217,210,.35) 3% 97%,transparent);
  }
.mobile-tuner__scale::before { left:16px; }
.mobile-tuner__scale::after { right:16px; }
.mobile-frequency {
    --p:0;
    position:absolute;
    left:2px;
    right:2px;
    top:calc(var(--p) * 100%);
    transform:translateY(-50%);
    display:grid;
    grid-template-columns:14px 1fr 14px;
    align-items:center;
    color:rgba(91,216,210,.34);
    font:700 4.8px/1 "Arial Narrow",Arial,sans-serif;
  }
.mobile-frequency::before {
    content:"";
    grid-column:2;
    height:1px;
    background:repeating-linear-gradient(90deg,rgba(88,218,212,.28) 0 2px,transparent 2px 4px);
  }
.mobile-frequency__am { grid-column:1; grid-row:1; text-align:left; }
.mobile-frequency__fm { grid-column:3; grid-row:1; text-align:right; }
/* As 5 sessões usam a mesma altura da escala, sem alterar o conteúdo técnico. */
  .mobile-tuner__stations {
    position:absolute;
    z-index:4;
    top:31px;
    bottom:18px;
    left:0;
    right:0;
    display:grid;
    grid-template-rows:repeat(5,1fr);
  }
.mobile-station {
    position:relative;
    display:block;
    min-height:0;
    color:rgba(104,225,218,.24);
    text-decoration:none;
    transition:color .22s ease, text-shadow .22s ease;
  }
.mobile-station > span { display:none; }
.mobile-station b {
    position:absolute;
    z-index:8;
    right:45px;
    top:50%;
    transform:translateY(-50%);
    width:124px;
    padding:4px 6px;
    border-radius:4px 0 0 4px;
    color:rgba(104,225,218,.20);
    text-align:right;
    white-space:nowrap;
    font:900 7px/1 "Arial Narrow",Arial,sans-serif;
    letter-spacing:.055em;
    text-shadow:0 1px 2px rgba(0,0,0,.78);
    transition:color .22s ease, background .22s ease, text-shadow .22s ease, opacity .22s ease;
  }
.mobile-station.is-active b {
    color:#bdfaf1;
    background:linear-gradient(90deg,transparent,rgba(0,13,15,.60));
    text-shadow:0 0 6px rgba(79,231,219,.72),0 1px 2px #000;
  }
.mobile-tuner__needle {
    --mobile-slot:0;
    position:absolute;
    z-index:7;
    right:1px;
    top:calc(31px + ((100% - 49px) / 5) * var(--mobile-slot) + ((100% - 49px) / 10));
    width:46px;
    height:2px;
    transform:translateY(-1px);
    background:#f05a42;
    box-shadow:0 0 4px rgba(240,90,66,.92),0 0 10px rgba(240,90,66,.43);
    transition:top .42s cubic-bezier(.16,.82,.22,1);
    pointer-events:none;
  }
.mobile-tuner__needle::before {
    content:"";
    position:absolute;
    left:14px;
    top:50%;
    width:4px;
    aspect-ratio:1;
    border-radius:50%;
    transform:translate(-50%,-50%);
    background:#ff765e;
    box-shadow:0 0 5px rgba(255,101,78,.92);
  }
.mobile-tuner__foot {
    position:absolute;
    z-index:5;
    left:4px;
    right:4px;
    bottom:5px;
    display:flex;
    justify-content:space-between;
    color:rgba(102,222,215,.38);
    font:700 4.8px/1 "Arial Narrow",Arial,sans-serif;
  }
}

@media (max-width: 900px){
.mobile-tuner {
    right:4px !important;
    width:43px !important;
  }
.mobile-tuner__head {
    left:3px;
    right:3px;
    font-size:5.8px;
  }
.mobile-tuner__scale::before {
  left:50%;
  right:auto;
  width:3px;
  transform:translateX(-50%);
  background:linear-gradient(
    180deg,
    transparent,
    rgba(235,190,72,.85) 3%,
    rgba(235,190,72,.85) 97%,
    transparent
  );
  box-shadow:0 0 3px rgba(235,190,72,.22);
}
.mobile-tuner__scale::after {
  display:none;
}
.mobile-frequency {
    grid-template-columns:11px 1fr 11px;
    font-size:4.25px;
  }
.mobile-station b {
    right:38px;
    width:112px;
    font-size:6.4px;
  }
.mobile-tuner__needle {
    width:39px;
  }
.mobile-tuner__needle::before {
    left:12px;
  }
}

@media (max-width:900px){
.mobile-player-heading { display:none !important; }
@keyframes s02-mobile-ready {
    0%,100% { box-shadow:inset 0 0 0 1px rgba(57,211,139,.14),0 0 4px rgba(57,211,139,.12); }
    50% { box-shadow:inset 0 0 0 2px rgba(57,211,139,.38),0 0 10px rgba(57,211,139,.30); }
  }
/* ======================================================
     ACERVO MOBILE — botão físico + janela de fitas
     ====================================================== */
  .mobile-archive-open {
    position:relative !important;
    order:1 !important;
    width:100% !important;
    height:42px !important;
    justify-self:start !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:1fr 1fr !important;
    align-items:center !important;
    padding:4px 11px 4px 13px !important;
    overflow:hidden !important;
    border:1px solid rgba(76,217,210,.58) !important;
    outline:1px solid rgba(4,18,21,.92) !important;
    border-radius:8px !important;
    background:
      radial-gradient(circle at 84% 50%,rgba(231,189,72,.10),transparent 24%),
      linear-gradient(105deg,rgba(4,25,29,.96),rgba(2,12,15,.94)) !important;
    color:#bdfaf1 !important;
    text-align:left !important;
    box-shadow:
      inset 0 3px 10px rgba(0,0,0,.58),
      inset 0 0 10px rgba(76,217,210,.055),
      0 1px 0 rgba(109,229,220,.18),
      0 5px 14px rgba(0,0,0,.22),
      0 0 12px rgba(76,217,210,.08) !important;
    cursor:pointer !important;
  }
.mobile-archive-open::before {
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width:3px;
    background:linear-gradient(180deg,#48d7d0,#e7bd48 52%,#48d7d0);
    opacity:.92;
  }
.mobile-archive-open span {
    font:900 clamp(14px,3.84vw,19px)/1 "Arial Narrow",Arial,sans-serif !important;
    letter-spacing:.13em !important;
    color:#bdfaf1 !important;
    text-shadow:0 0 6px rgba(76,217,210,.22) !important;
  }
.mobile-archive-open small {
    font:700 clamp(8.5px,2.22vw,11px)/1 Arial,sans-serif !important;
    letter-spacing:.055em !important;
    color:rgba(184,239,232,.68) !important;
  }
.mobile-archive-open b {
    grid-column:2 !important;
    grid-row:1/3 !important;
    width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(76,217,210,.50) !important;
    border-radius:50% !important;
    color:#e7bd48 !important;
    background:rgba(1,10,13,.58) !important;
    font:900 16px/1 Arial,sans-serif !important;
    box-shadow:inset 0 0 8px rgba(0,0,0,.58),0 0 7px rgba(76,217,210,.10) !important;
  }
.archive-dialog {
    position:fixed !important;
    inset:6svh 50px auto 9px !important;
    width:auto !important;
    max-width:none !important;
    height:84svh !important;
    max-height:84svh !important;
    margin:0 !important;
    padding:13px 11px 0 !important;
    border:1px solid rgba(148,43,33,.76) !important;
    outline:1px solid rgba(76,217,210,.12) !important;
    border-radius:12px !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    background:
      linear-gradient(180deg,rgba(4,15,18,.93),rgba(2,8,11,.87)) !important;
    color:#f0dfbd !important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.62),
      inset 0 0 28px rgba(0,0,0,.46),
      inset 0 0 14px rgba(67,210,203,.04) !important;
    backdrop-filter:blur(9px) saturate(.86) !important;
    -webkit-backdrop-filter:blur(9px) saturate(.86) !important;
  }
.archive-dialog::backdrop {
    background:rgba(0,0,0,.34) !important;
    backdrop-filter:blur(1.5px) !important;
  }
.archive-header {
    position:sticky !important;
    top:-13px !important;
    z-index:20 !important;
    margin:-13px -11px 8px !important;
    padding:11px 11px 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:linear-gradient(180deg,rgba(3,12,15,.99),rgba(3,12,15,.94)) !important;
    border-bottom:1px solid rgba(148,43,33,.48) !important;
  }
.archive-eyebrow {
    margin:0 0 3px !important;
    color:rgba(91,216,210,.62) !important;
    font-size:7px !important;
    letter-spacing:.13em !important;
  }
.archive-dialog h2 {
    margin:0 !important;
    color:#ead7a9 !important;
    font-size:clamp(16px,5.1vw,24px) !important;
    line-height:1 !important;
    text-transform:uppercase !important;
  }
.archive-close {
    position:static !important;
    flex:0 0 auto !important;
    width:31px !important;
    height:31px !important;
    border-radius:50% !important;
    background:#48120e !important;
    color:#ff8069 !important;
    border:1px solid rgba(255,120,92,.42) !important;
    font-size:21px !important;
    line-height:1 !important;
    box-shadow:inset 0 0 8px rgba(0,0,0,.5) !important;
  }
#archive-description {
    margin:6px 2px 10px !important;
    color:rgba(238,223,194,.63) !important;
    font-size:9px !important;
    line-height:1.35 !important;
  }
.mobile-archive-browser { display:block !important; }
.archive-desktop-controls { display:none !important; }
.mobile-archive-step { margin:0 0 12px !important; }
.mobile-archive-step__head {
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 0 7px !important;
  }
.mobile-archive-step__head i {
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 auto !important;
    border-radius:50% !important;
    border:1px solid rgba(231,189,72,.48) !important;
    color:#e7bd48 !important;
    font:900 8px/1 Arial,sans-serif !important;
    font-style:normal !important;
    background:rgba(0,0,0,.28) !important;
  }
.mobile-archive-step__head div { display:grid !important; gap:1px !important; }
.mobile-archive-step__head small {
    color:rgba(91,216,210,.45) !important;
    font:800 5.8px/1 Arial,sans-serif !important;
    letter-spacing:.12em !important;
  }
.mobile-archive-step__head strong {
    color:#e8d2a4 !important;
    font:900 9px/1 "Arial Narrow",Arial,sans-serif !important;
    letter-spacing:.12em !important;
  }
/* K7s do ACERVO — em pé, como a fita montada no Walkman.
     Paleta fixa: Flashback=vermelho/creme | Rock=preto/grafite | Gospel=creme/marfim. */
  .mobile-season-strip {
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:82px !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding:4px 3px 10px !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
.mobile-season-strip::-webkit-scrollbar { display:none !important; }
.mobile-season {
    --k7-body:#a63228;
    --k7-edge:#4b100c;
    --k7-label:#ddc9a0;
    --k7-ink:#1a1712;
    --k7-accent:#e7bd48;
    position:relative !important;
    width:82px !important;
    height:auto !important;
    aspect-ratio:0.64 / 1 !important;
    padding:7px 6px !important;
    display:block !important;
    scroll-snap-align:start !important;
    overflow:hidden !important;
    border:1px solid rgba(236,218,177,.23) !important;
    border-radius:5px !important;
    color:var(--k7-ink) !important;
    text-align:left !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.10),transparent 18% 82%,rgba(0,0,0,.16)),
      linear-gradient(145deg,var(--k7-body),var(--k7-edge)) !important;
    box-shadow:
      inset 0 0 0 2px rgba(0,0,0,.16),
      inset 0 0 12px rgba(0,0,0,.30),
      0 5px 10px rgba(0,0,0,.25) !important;
  }
.mobile-season::before {
    content:"" !important;
    position:absolute !important;
    left:8% !important;
    top:9% !important;
    width:27% !important;
    height:74% !important;
    border-radius:2px !important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--k7-label) 96%,white),var(--k7-label)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.16) !important;
  }
.mobile-season::after {
    content:"" !important;
    position:absolute !important;
    left:15% !important;
    right:15% !important;
    bottom:7% !important;
    height:7% !important;
    clip-path:polygon(8% 0,92% 0,100% 100%,0 100%) !important;
    background:rgba(8,9,9,.68) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
  }
.mobile-season--flashback {
    --k7-body:#ad352a;
    --k7-edge:#5b1510;
    --k7-label:#e0cba3;
    --k7-ink:#1a1712;
    --k7-accent:#e7bd48;
  }
.mobile-season--rock {
    --k7-body:#27292b;
    --k7-edge:#090a0b;
    --k7-label:#c6bda9;
    --k7-ink:#171819;
    --k7-accent:#c8493b;
  }
.mobile-season--gospel {
    --k7-body:#d9c79e;
    --k7-edge:#9b835b;
    --k7-label:#efe1bd;
    --k7-ink:#252018;
    --k7-accent:#b68b34;
  }
.mobile-season__spine {
    position:absolute !important;
    z-index:3 !important;
    left:13% !important;
    top:13% !important;
    height:65% !important;
    max-width:none !important;
    overflow:hidden !important;
    color:var(--k7-ink) !important;
    opacity:.78 !important;
    font:900 4.6px/1 Arial,sans-serif !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    writing-mode:vertical-rl !important;
    transform:rotate(180deg) !important;
  }
.mobile-season__window {
    position:absolute !important;
    z-index:4 !important;
    left:46% !important;
    top:30% !important;
    width:38% !important;
    height:48% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:12% 0 !important;
    border-radius:14px !important;
    border:2px solid rgba(18,18,17,.80) !important;
    background:linear-gradient(180deg,#171818,#080909) !important;
    box-shadow:inset 0 2px 5px rgba(0,0,0,.85),0 1px rgba(255,255,255,.08) !important;
  }
.mobile-season__window i {
    width:42% !important;
    aspect-ratio:1 !important;
    display:block !important;
    border-radius:50% !important;
    background:repeating-conic-gradient(#d9d1bd 0 12deg,#292a28 12deg 28deg) !important;
    box-shadow:0 0 0 2px #9b9382,0 0 0 4px #101111 !important;
  }
.mobile-season__label {
    position:absolute !important;
    z-index:5 !important;
    left:42% !important;
    right:6% !important;
    top:10% !important;
    height:15% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:2px !important;
    color:var(--k7-ink) !important;
  }
.mobile-season__label small {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font:900 5.3px/1 Arial,sans-serif !important;
    text-transform:uppercase !important;
  }
.mobile-season__label b {
    white-space:nowrap !important;
    font:900 4.7px/1 Arial,sans-serif !important;
    letter-spacing:.02em !important;
  }
.mobile-season em {
    position:absolute !important;
    z-index:7 !important;
    right:5px !important;
    bottom:4px !important;
    padding:2px 3px !important;
    border-radius:2px !important;
    color:#071012 !important;
    background:#62d8d3 !important;
    font:900 4.5px/1 Arial,sans-serif !important;
    font-style:normal !important;
    letter-spacing:.05em !important;
  }
.mobile-season.is-active {
    outline:2px solid #62d8d3 !important;
    outline-offset:1px !important;
    box-shadow:
      0 0 0 3px rgba(98,216,211,.10),
      inset 0 0 0 2px color-mix(in srgb,var(--k7-accent) 32%,transparent),
      inset 0 0 12px rgba(0,0,0,.30),
      0 6px 14px rgba(0,0,0,.32) !important;
  }
.mobile-volume-strip {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
  }
.mobile-volume {
    position:relative !important;
    min-width:72px !important;
    height:38px !important;
    padding:5px 10px 5px 9px !important;
    display:flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    gap:4px !important;
    border:1px solid rgba(76,217,210,.22) !important;
    border-radius:5px !important;
    background:linear-gradient(#10191b,#05090b) !important;
    color:#d7c18f !important;
    box-shadow:inset 0 2px 5px rgba(0,0,0,.72),0 1px 0 rgba(255,255,255,.03) !important;
  }
.mobile-volume small { color:rgba(91,216,210,.54) !important; font:900 6px/1 Arial,sans-serif !important; }
.mobile-volume strong { font:900 15px/1 Arial,sans-serif !important; }
.mobile-volume i {
    position:absolute !important;
    right:3px !important;
    bottom:2px !important;
    color:rgba(238,112,86,.72) !important;
    font:900 4px/1 Arial,sans-serif !important;
    font-style:normal !important;
  }
.mobile-volume.is-active {
    border-color:rgba(231,189,72,.62) !important;
    color:#f0dcae !important;
    box-shadow:inset 0 2px 6px rgba(0,0,0,.75),0 0 8px rgba(231,189,72,.12) !important;
  }
.mobile-volume.is-pending { opacity:.58 !important; }
.mobile-insert {
    margin:4px 0 12px !important;
    padding:11px 11px 10px !important;
    border:1px solid rgba(215,191,134,.24) !important;
    border-radius:7px !important;
    background:
      repeating-linear-gradient(180deg,transparent 0 17px,rgba(126,78,50,.055) 17px 18px),
      linear-gradient(145deg,rgba(218,198,156,.10),rgba(104,81,57,.06)) !important;
    box-shadow:inset 0 0 14px rgba(0,0,0,.28) !important;
  }
.mobile-insert__head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding-bottom:7px !important;
    margin-bottom:8px !important;
    border-bottom:1px solid rgba(153,43,33,.44) !important;
  }
.mobile-insert__head span { color:#e7bd48 !important; font:900 8px/1 Arial,sans-serif !important; letter-spacing:.15em !important; }
.mobile-insert__head small { color:rgba(91,216,210,.48) !important; font:800 5.5px/1 Arial,sans-serif !important; letter-spacing:.08em !important; }
.mobile-insert h3 { margin:0 0 2px !important; color:#ead7aa !important; font:900 14px/1.05 "Arial Narrow",Arial,sans-serif !important; text-transform:uppercase !important; }
.mobile-insert__edition { margin:0 0 8px !important; color:#c8493b !important; font:900 8px/1 Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.mobile-insert__copy { margin:0 0 8px !important; color:rgba(239,224,196,.72) !important; font-size:8.5px !important; line-height:1.35 !important; }
.mobile-insert__copy { white-space:pre-wrap !important; overflow-wrap:anywhere !important; }
.mobile-insert__artists[hidden] { display:none !important; }
.mobile-insert__artists { list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; gap:4px !important; }
.mobile-insert__artists li { display:grid !important; grid-template-columns:20px 1fr !important; gap:5px !important; align-items:start !important; }
.mobile-insert__artists li span { color:rgba(91,216,210,.46) !important; font:900 7px/1.25 Arial,sans-serif !important; }
.mobile-insert__artists li b { color:rgba(239,224,196,.82) !important; font:700 7.5px/1.25 Arial,sans-serif !important; }
.archive-footer {
    position:sticky !important;
    bottom:0 !important;
    z-index:18 !important;
    margin:8px -11px 0 !important;
    padding:8px 11px 10px !important;
    display:grid !important;
    gap:7px !important;
    background:linear-gradient(0deg,rgba(2,8,11,.99),rgba(2,8,11,.91)) !important;
    border-top:1px solid rgba(148,43,33,.35) !important;
  }
.archive-footer span {
    color:rgba(239,224,196,.55) !important;
    font-size:7px !important;
    text-align:center !important;
  }
#archive-load {
    min-height:41px !important;
    border-radius:6px !important;
    background:linear-gradient(180deg,#a83b2f,#641c16) !important;
    color:#f5dfad !important;
    border:1px solid rgba(231,189,72,.55) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -5px 9px rgba(0,0,0,.24),0 4px 10px rgba(0,0,0,.26) !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }
#archive-load:disabled {
    opacity:.42 !important;
    filter:saturate(.45) !important;
    cursor:not-allowed !important;
  }
}

@media(max-width:900px){
html{scroll-snap-type:y mandatory;scroll-padding-top:0}
.page-stack>section{height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always}
#inicio{height:100dvh;min-height:100dvh}
}

@media(max-width:900px){
.site-credit span,.site-credit strong{
    position:static!important;display:block!important;transform:none!important;
    color:inherit!important;text-shadow:none!important;font:800 10px/1.1 Arial,sans-serif!important
  }
}

@media(max-width:900px){
.site-credit span,.site-credit strong{
   left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
   translate:none!important;position:static!important;white-space:normal!important;
   text-align:center!important;font-size:10px!important;line-height:1.1!important
 }
}

/* DIAL informativo: toques nas legendas passam para o conteudo abaixo. */
@media(max-width:900px){
  #mobile-tuner, #mobile-tuner * { pointer-events:none!important; cursor:default!important; }
}

/* Numeracao discreta integrada a escala; somente numeros recebem toques. */
 @media(max-width:900px){
 #mobile-tuner .mobile-tuner__stations{z-index:8;}
 #mobile-tuner .mobile-station::after{content:'';position:absolute;left:2px;right:2px;top:50%;height:1px;background:#d85c43;opacity:.65;}
 #mobile-tuner .mobile-station-number{pointer-events:auto!important;cursor:pointer!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;display:grid;place-items:center;width:14px;height:14px;border:1px solid #d45b40;border-radius:50%;background:#e7c458;color:#17130b;font:700 9px/1 Arial,sans-serif;text-decoration:none;z-index:9;}
 #mobile-tuner .mobile-station-number::after{content:'';position:absolute;inset:-6px;}
 #mobile-tuner .is-active .mobile-station-number{background:#ffda65;color:#17130b;box-shadow:0 0 4px #f2644055;}
 #mobile-tuner .mobile-station-number:focus-visible{outline:2px solid #ffdfa5;outline-offset:3px;}

}