/* PATEJAGO Radijas – clean v3 – frontend-design gairės
   Subjektas: Lietuvos radijas, FM imtuvas, bakelitas, gintaras
   Viena drąsi detalė – FM skalė + ekvalaizeris. Visa kita – tylu, tvarkinga. */

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-tap-highlight-color:transparent;scroll-padding-top:80px;font-size:16px}
html[data-size="sm"]{font-size:14px}
html[data-size="md"]{font-size:16px}
html[data-size="lg"]{font-size:18px}
html[data-size="xl"]{font-size:20px}

/* Spalvų sistema – 5 pavadinti tonai */
:root{
  --bakelite:#20160B;        /* imtuvo korpusas */
  --bakelite-2:#171009;      /* tamsūs paneliai */
  --birch:#EFE7D3;           /* beržo popierius */
  --birch-2:#F9F5E8;         /* šviesūs paviršiai */
  --gintaras:#B77900;        /* gintaro akcentas */
  --gintaras-glow:rgba(251,191,36,.14);
  --pine:#1C3628;
  --nav-h:58px;
  --bar-h:62px;
}

/* Tamsi tema – numatyta */
body{
  --bg:var(--bakelite);
  --surface:var(--bakelite-2);
  --card:#2A1D0F;
  --line:#3A2B17;
  --line-soft:#2E200F;
  --text:#EFE7D3;
  --text-2:#D8C9A8;
  --muted:#AFA08A;
  --accent:var(--gintaras);
  --accent-2:#FBBF24;
  --accent-text:#20160B;
  --border:var(--line);
  background:var(--bg);
  color:var(--text);
  font-family:"Fraunces",Georgia,serif;
  font-size:1rem;
  line-height:1.65;
  overflow-x:hidden;
  padding-bottom:calc(var(--nav-h) + var(--bar-h));
  min-height:100vh;
}
@media(min-width:860px){body{padding-bottom:var(--bar-h)}}

/* Šviesi tema */
body.light-theme{
  --bg:var(--birch);
  --surface:var(--birch-2);
  --card:#FFFDf5;
  --line:#D9D1BD;
  --line-soft:#E6DCC6;
  --text:#1C1712;
  --text-2:#4B4136;
  --muted:#6B5E4F;
  --accent:#B77900;
  --accent-2:#F59E0B;
  --accent-text:#FFF6E0;
  --border:var(--line);
}

/* Prieinamumo būsena */
body.high-contrast{--text:#0D0A03;--text-2:#1A120A;--muted:#2A2216;--line:#8A7B5E;--border:#8A7B5E}
body.dyslexia-friendly{font-family:"Atkinson Hyperlegible",system-ui,sans-serif;letter-spacing:.02em;word-spacing:.12em}
body.reduce-motion *{animation:none !important;transition:none !important}
body.underline-links a{text-decoration:underline;text-underline-offset:3px}

/* Baziniai */
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:0;background:none;color:inherit;font:inherit}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:2px}

/* Tipografija */
.display, h1, h2, h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:.95;color:var(--text)}
h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.6rem}
.eyebrow{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.78rem;color:var(--muted);letter-spacing:-.01em}
.meta{font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:.72rem;color:var(--muted)}
.section-intro{font-size:1rem;line-height:1.7;color:var(--text-2);max-width:64ch;margin:0 0 1.75rem}
@media(min-width:860px){.section-intro{font-size:1.06rem}}

/* Header */
.top-header{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--bg);border-bottom:1px solid var(--line)}
.desktop-nav{display:none}
.logo{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.04em}
.logo span{color:var(--accent-2)}
.clock{display:flex;gap:.7rem;align-items:baseline}
.clock-time{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-variant-numeric:tabular-nums}
.clock-date{font-size:.78rem;color:var(--muted)}
@media(min-width:860px){
  .top-header{display:none}
  .desktop-nav{position:sticky;top:0;z-index:99;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:var(--bg);border-bottom:1px solid var(--line)}
  .nav-links{display:flex;gap:1.6rem;list-style:none}
  .nav-links a{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.88rem;letter-spacing:-.01em;padding:.4rem .1rem;border-bottom:2px solid transparent}
  .nav-links a:hover{color:var(--accent-2)}
  .nav-links a.active{color:var(--accent-2);border-color:var(--accent-2)}
}

/* Apatinė navigacija */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:300;height:var(--nav-h);display:flex;align-items:center;justify-content:space-around;background:var(--bakelite);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.6rem;color:#AFA08A;padding:.45rem .6rem;min-width:56px;border-radius:3px}
.bottom-nav a i{font-size:18px}
.bottom-nav a.active{color:var(--accent-2)}
@media(min-width:860px){.bottom-nav{display:none}}

/* HERO – imtuvas + nuotrauka */
.hero{background:var(--bakelite);color:#F1E8D2;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 32%;opacity:.92}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(18,11,3,.72) 0%, rgba(18,11,3,.58) 35%, rgba(18,11,3,.62) 72%, var(--bakelite) 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(520px 240px at 80% 0%, rgba(251,191,36,.12), transparent 60%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 2.25rem;display:grid;grid-template-columns:1fr;gap:1.75rem}
@media(min-width:860px){.hero-inner{grid-template-columns:1.15fr .85fr;padding:3rem 2rem 3rem;gap:2.75rem;align-items:end}}
.station-id{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.8rem;color:#D8C9A8;display:flex;align-items:center;gap:.55rem}
.station-id i{width:8px;height:8px;border-radius:50%;background:var(--accent-2);display:inline-block}
.hero h1{font-size:clamp(3.2rem,12vw,5.8rem);line-height:.84;color:#F8F0DA;margin:.9rem 0 .55rem}
.hero h1 em{font-style:normal;color:var(--accent-2)}
.hero-sub{font-size:1.02rem;line-height:1.65;color:#D8C9A8;max-width:50ch}
.hero-actions{margin-top:1.25rem;display:flex;gap:.65rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.9rem;padding:.8rem 1.35rem;border-radius:2px;border:1px solid transparent}
.btn-primary{background:var(--accent-2);color:var(--accent-text);border-color:var(--accent-2)}
.btn-primary:hover{background:var(--accent-2);filter:brightness(1.07)}
.btn-ghost{border-color:#4A3A24;color:#F1E8D2}
.btn-ghost:hover{border-color:#D8C9A8}
.hero-meta{margin-top:1rem;display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.82rem;color:#AFA08A}
.hero-meta strong{color:#F1E8D2}

/* Live panel */
.live-panel{border:1px solid var(--line);background:var(--bakelite-2);padding:1.15rem;border-radius:3px}
.live-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.live-tag-wrap{display:flex;align-items:center;gap:.4rem}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);animation:pulse 1.7s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.live-title{font-size:1.02rem;line-height:1.45;color:#F8F0DA;min-height:2.7em;margin:.75rem 0 .25rem}
.eq{display:flex;align-items:flex-end;gap:3px;height:48px;margin:.7rem 0}
.eq span{flex:1;min-height:4px;background:linear-gradient(to top,var(--gintaras),var(--accent-2));border-radius:2px 2px 0 0}
.eq.playing span{animation:eq 1s ease-in-out infinite}
.eq span:nth-child(1){animation-delay:0s}.eq span:nth-child(2){animation-delay:.14s}.eq span:nth-child(3){animation-delay:.28s}.eq span:nth-child(4){animation-delay:.42s}.eq span:nth-child(5){animation-delay:.56s}.eq span:nth-child(6){animation-delay:.18s}.eq span:nth-child(7){animation-delay:.7s}.eq span:nth-child(8){animation-delay:.38s}.eq span:nth-child(9){animation-delay:.52s}.eq span:nth-child(10){animation-delay:.08s}
@keyframes eq{0%,100%{height:14%}35%{height:94%}70%{height:30%}}
.eq:not(.playing) span{height:14%}
.controls{display:flex;align-items:center;gap:.75rem;margin-top:.9rem}
.big-play{width:52px;height:52px;border-radius:50%;background:var(--accent-2);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.listeners{margin-left:auto;font-family:"Bricolage Grotesque",sans-serif;font-size:.76rem;color:#AFA08A}
.listeners strong{color:#F1E8D2;font-variant-numeric:tabular-nums}
.live-link{margin-top:.65rem;font-size:.8rem;color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}

/* Sekcijos */
.banded{padding:2.75rem 1.25rem;max-width:1200px;margin:0 auto}
@media(min-width:860px){.banded{padding:4rem 2rem}}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.section-head .eyebrow{color:var(--accent-2);font-size:.82rem}

/* Programa – ledžeris */
.program-grid{border-top:1px solid var(--line)}
.program-row{display:grid;grid-template-columns:104px 1fr;gap:.9rem;padding:1rem .3rem;border-bottom:1px solid var(--line);align-items:start}
@media(min-width:700px){.program-row{grid-template-columns:128px 220px 1fr}}
.program-time{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.88rem;font-variant-numeric:tabular-nums}
.program-name{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.04rem;line-height:1.06;letter-spacing:-.02em}
.program-note{font-size:.88rem;line-height:1.6;color:var(--text-2)}
.program-row.is-live{border-left:3px solid var(--accent-2);padding-left:.8rem;background:var(--card)}
.live-now{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.68rem;background:var(--accent-2);color:var(--accent-text);padding:3px 7px;border-radius:2px;display:inline-block;margin-left:.4rem;vertical-align:middle}

/* Vedėjai */
.host-list{border-top:1px solid var(--line)}
.host-row{display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;padding:1rem .3rem;border-bottom:1px solid var(--line)}
.host-row .ava{width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent-2);font-size:18px}
.host-row h3{font-size:1rem}
.host-row .show{font-size:.78rem;color:var(--muted)}

/* Naujienos */
.news-grid{display:grid;gap:1rem}
@media(min-width:860px){.news-grid{grid-template-columns:1fr 1fr}}
.news-card{border:1px solid var(--line);background:var(--card);padding:1.1rem}
.news-card h3{font-size:1.18rem;margin:.35rem 0 .35rem}
.news-card p{font-size:.88rem;color:var(--text-2);line-height:1.6}
.news-meta{display:flex;gap:.55rem;align-items:center;margin-bottom:.25rem}
.news-date{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.72rem;color:var(--accent-2)}
.news-tag{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.68rem;border:1px solid var(--line);padding:2px 8px;border-radius:20px;color:var(--muted)}
.read-more{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.84rem;color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}
.news-list{border-top:1px solid var(--line)}
.news-row{display:grid;gap:.3rem;padding:1rem .3rem;border-bottom:1px solid var(--line)}
@media(min-width:700px){.news-row{grid-template-columns:110px 1fr 260px;gap:1.25rem;align-items:baseline}}
.news-row h3{font-size:.98rem}
.news-row p{font-size:.84rem;color:var(--text-2)}

/* Apie */
.about-grid{display:grid;gap:2rem}
@media(min-width:860px){.about-grid{grid-template-columns:1.2fr .8fr;gap:3rem}}
.about-text p{font-size:.98rem;line-height:1.75;color:var(--text-2);max-width:64ch;margin-bottom:.9rem}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.fact{border:1px solid var(--line);background:var(--card);padding:1rem}
.fact .n{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.65rem;line-height:1}
.fact .l{font-size:.72rem;color:var(--muted);margin-top:.3rem}

/* Kontaktai */
.header{position:sticky;top:0;z-index:100;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;background:var(--bg);border-bottom:1px solid var(--line)}
.header .nav{display:flex;gap:1.1rem}
.header .nav a{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.84rem}
.header .nav a.active{color:var(--accent-2)}
.contact-grid{display:grid;gap:1rem;max-width:1100px;margin:0 auto;padding:0 1.25rem}
@media(min-width:860px){.contact-grid{grid-template-columns:1fr 1fr;padding:0 2rem}}
.card{border:1px solid var(--line);background:var(--card);padding:1.15rem}
.card h2{font-size:1.25rem}
.form{display:grid;gap:.75rem;margin-top:1rem}
.form label{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.8rem;margin-bottom:.3rem}
.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:3px;padding:.68rem;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem}
.form input:focus,.form textarea:focus{border-color:var(--accent-2);outline:none}
.contact-row{display:flex;gap:.8rem;align-items:center;border:1px solid var(--line);padding:.85rem}
.contact-row .ic{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0}

/* Footer – telefone nerodomas (apačioje bottom-nav) */
footer{border-top:1px solid var(--line);padding:2rem 1.25rem 1.5rem;margin-top:2rem}
@media(max-width:859px){footer{display:none}}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
.social a{width:40px;height:40px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;border-radius:3px;margin-left:.45rem}
.social a:hover{background:var(--accent-2);color:var(--accent-text);border-color:var(--accent-2)}
.copied{font-size:.78rem;color:var(--muted)}
.muted-sm{font-size:.78rem;color:var(--muted)}

/* Radio bar */
.radio-bar{position:fixed;bottom:var(--nav-h);left:0;right:0;z-index:200;height:var(--bar-h);display:flex;align-items:center;gap:.85rem;padding:0 .9rem;background:var(--bakelite);color:#F1E8D2;border-top:1px solid var(--line)}
@media(min-width:860px){.radio-bar{bottom:0;padding:0 2rem}}
.rb-track{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}
.rb-cover{width:38px;height:38px;border-radius:3px;background:#312313;display:flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0}
.track-name{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-artist{font-size:.72rem;color:#AFA08A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-controls{display:flex;gap:.35rem;align-items:center}
.rb-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#D8C9A8}
.rb-btn.play-btn{background:var(--accent-2);color:var(--accent-text)}
.rb-btn.play-btn i{font-size:14px}
.rb-volume{display:none}
@media(min-width:860px){
  .rb-volume{display:flex;align-items:center;gap:.6rem;margin-left:.75rem}
  .vol-bar{width:88px;height:4px;background:#3A2B17;border-radius:3px;overflow:hidden;cursor:pointer}
  .vol-fill{height:100%;width:65%;background:var(--accent-2)}
}

/* A11y */
.a11y{position:fixed;left:16px;bottom:calc(var(--nav-h) + var(--bar-h) + 16px);z-index:360}
@media(min-width:860px){.a11y{left:20px;bottom:calc(var(--bar-h) + 18px)}}
.a11y-fab{width:50px;height:50px;border-radius:999px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-2)}
.a11y-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:min(340px,86vw);display:none;background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:0 16px 48px rgba(0,0,0,.2);padding:1rem}
.a11y.open .a11y-panel{display:block}
.a11y-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.a11y-group{margin-bottom:1rem}
.a11y-label{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:.78rem;margin-bottom:.45rem}
.a11y-seg{display:flex;gap:.35rem}
.a11y-seg-btn{flex:1;padding:.55rem;border:1px solid var(--line);border-radius:3px;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.82rem}
.a11y-seg-btn[aria-pressed="true"]{background:var(--accent-2);color:var(--accent-text);border-color:var(--accent-2)}
.a11y-colors{display:flex;flex-wrap:wrap;gap:.45rem}
.a11y-color{width:30px;height:30px;border-radius:50%;background:var(--c);border:2px solid transparent}
.a11y-color[aria-pressed="true"]{border-color:var(--text)}
.a11y-toggle{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .7rem;border:1px solid var(--line);margin-bottom:.4rem;border-radius:3px;font-size:.85rem;text-align:left}
.a11y-toggle[aria-pressed="true"]{background:var(--accent-2);color:var(--accent-text);border-color:var(--accent-2)}

/* Pokalbis – pageidavimai */
.request-chat{position:fixed;right:16px;bottom:calc(var(--bar-h) + var(--nav-h) + 16px);z-index:280;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
@media(min-width:860px){.request-chat{right:20px;bottom:calc(var(--bar-h) + 18px)}}
.request-fab{width:50px;height:50px;border-radius:999px;background:var(--accent-2);color:var(--accent-text);border:1px solid var(--accent-2);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.22);font-size:20px}
.request-fab:hover{filter:brightness(1.06)}
.request-panel{position:fixed;right:16px;bottom:calc(var(--bar-h) + var(--nav-h) + 78px);width:min(360px,calc(100vw - 32px));display:none;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 48px rgba(0,0,0,.28);overflow:hidden;z-index:281}
@media(min-width:860px){.request-panel{right:20px;bottom:calc(var(--bar-h) + 82px)}}
.request-chat.open .request-panel{display:block}
.request-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:var(--surface)}
.request-head strong{font-family:"Bricolage Grotesque",sans-serif;font-size:.9rem}
#requestClose{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.request-form{display:grid;gap:.65rem;padding:1rem}
.request-form label{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:.78rem;margin-bottom:.25rem}
.request-form input,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:.65rem;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem}
.request-form input:focus,.request-form textarea:focus{border-color:var(--accent-2);outline:none}
.to-top-btn{position:fixed;right:76px;bottom:calc(var(--nav-h) + var(--bar-h) + 16px);z-index:279;width:50px;height:50px;border-radius:999px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;font-size:20px}
@media(min-width:860px){.to-top-btn{right:80px;bottom:calc(var(--bar-h) + 18px)}}
.to-top-btn.visible{opacity:1;visibility:visible}

/* Grotuvas */
.player-page{background:var(--bakelite);color:#F1E8D2}
.player-brand{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1rem;display:inline-block;padding:1rem 1.25rem}
.player-brand span{color:var(--accent-2)}
.player-wrap{max-width:900px;margin:0 auto;padding:1rem 1.25rem 3rem}
.player-card{border:1px solid var(--line);background:var(--bakelite-2);padding:1.5rem;border-radius:4px;text-align:center}
.player-cover{width:72px;height:72px;border-radius:50%;background:#312313;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:var(--accent-2);font-size:26px}
.player-big-btn{width:72px;height:72px;border-radius:50%;background:var(--accent-2);color:var(--accent-text);font-size:20px;margin:1rem auto;display:flex;align-items:center;justify-content:center}
.progress-bar{height:4px;background:#3A2B17;border-radius:3px;overflow:hidden}
.progress-fill{height:100%;width:35%;background:var(--accent-2)}
.progress-time{display:flex;justify-content:space-between;font-family:"Bricolage Grotesque",sans-serif;font-size:.72rem;color:#AFA08A;margin-top:.35rem}
.player-note{margin-top:1rem;font-size:.84rem;color:#AFA08A}
.embed-box{margin-top:1rem;border:1px solid var(--line);border-radius:4px;overflow:hidden;max-width:520px;margin-left:auto;margin-right:auto}

@media(prefers-reduced-motion:reduce){
  .live-dot{animation:none}
  .eq span{animation:none !important}
  html{scroll-behavior:auto}
}