:root{
  --ink:#141327;
  --ink2:#25234a;
  --muted:#6f6d83;
  --soft:#f7f0df;
  --paper:#fffaf0;
  --card:#ffffff;
  --line:rgba(20,19,39,.12);
  --line2:rgba(93,110,255,.35);
  --brand:#ff6b35;
  --brand2:#7b61ff;
  --brand3:#36d7ff;
  --brand4:#ffe15d;
  --green:#2fc98f;
  --shadow:0 22px 70px rgba(20,19,39,.16);
  --shadow2:0 10px 30px rgba(20,19,39,.12);
  --radius:30px;
  --radius-lg:42px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 6%, rgba(255,107,53,.14), transparent 30%),
    radial-gradient(circle at 92% 4%, rgba(123,97,255,.16), transparent 31%),
    linear-gradient(180deg,#fff8e7 0%,#fffaf0 45%,#fff4df 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(20,19,39,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,19,39,.045) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}
a{color:inherit;text-decoration:none}
p{line-height:1.7;color:var(--muted)}
h1,h2,h3{letter-spacing:-.045em;color:var(--ink);margin:0}
h1{font-size:clamp(48px,7vw,98px);line-height:.92;font-weight:950;text-transform:uppercase}
h2{font-size:clamp(34px,4.2vw,64px);line-height:.96;font-weight:950;text-transform:uppercase}
h3{font-size:clamp(21px,2vw,30px);line-height:1.05;font-weight:930}.site-wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-main{position:relative;padding:32px 0 0}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,250,240,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.site-header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-link{display:flex;align-items:center;gap:13px;min-width:0}.brand-logo{width:52px;height:52px;border-radius:18px;box-shadow:0 10px 24px rgba(20,19,39,.18);transform:rotate(-6deg)}.brand-title{display:block;font-weight:950;text-transform:uppercase;letter-spacing:-.03em;font-size:20px;white-space:nowrap}.brand-subtitle{display:block;color:var(--muted);font-size:13px;margin-top:2px}.site-nav{display:flex;align-items:center;gap:7px}.nav-link,.nav-drop-btn{border:0;background:transparent;color:var(--ink2);font:inherit;font-weight:880;min-height:46px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.nav-link:hover,.nav-drop-btn:hover,.nav-link.active{background:#fff;box-shadow:var(--shadow2);color:var(--ink)}.nav-drop{position:relative}.nav-drop-menu{display:none;position:absolute;top:calc(100% + 9px);right:0;min-width:244px;padding:10px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);z-index:10}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid;gap:4px}.nav-drop-menu a{padding:12px 13px;border-radius:15px;color:var(--ink2);font-weight:850}.nav-drop-menu a:hover{background:#fff0d7}.nav-caret{font-size:11px}.menu-toggle{display:none;width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:#fff;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:5px auto;border-radius:999px}.drawer-backdrop{display:none}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:999px;padding:9px 15px;background:#fff;color:var(--ink);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;box-shadow:5px 5px 0 var(--ink)}.kicker::before,.eyebrow::before{content:"";width:9px;height:9px;border-radius:999px;background:var(--brand)}.lead{font-size:clamp(18px,2vw,23px);line-height:1.65;color:rgba(255,255,255,.86);max-width:770px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.btn{border:2px solid var(--ink);border-radius:999px;min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:930;background:#fff;color:var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.btn.primary{background:linear-gradient(135deg,var(--brand4),#ff9c4a 52%,var(--brand));color:var(--ink)}.btn.secondary{background:#fff}.btn.small{min-height:40px;padding:0 14px;font-size:13px;box-shadow:4px 4px 0 var(--ink)}
.hero-slider{position:relative;min-height:620px;border:2px solid var(--ink);border-radius:var(--radius-lg);overflow:hidden;background:#141327;box-shadow:12px 12px 0 var(--ink);margin-bottom:72px}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;gap:30px;padding:58px;background:radial-gradient(circle at 82% 18%,rgba(255,225,93,.35),transparent 32%),linear-gradient(135deg,#181638 0%,#25235b 50%,#0f1025 100%)}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide::after{content:"";position:absolute;inset:auto -8% -20% 45%;height:100%;background:var(--slide-image) center/cover no-repeat;filter:drop-shadow(0 28px 32px rgba(0,0,0,.36));border-radius:55% 0 0 35%;opacity:.92}.hero-slide::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:5%;top:12%;background:var(--brand4);box-shadow:0 0 0 26px rgba(255,225,93,.18),0 0 0 52px rgba(255,225,93,.08)}.hero-content{position:relative;z-index:2;max-width:760px}.hero-content h1{color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.18);margin:28px 0 24px}.hero-content .lead{max-width:720px}.slider-controls{position:absolute;left:58px;bottom:34px;z-index:3;display:flex;gap:10px}.slider-dot{width:46px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.65);background:rgba(255,255,255,.34);cursor:pointer}.slider-dot.active{background:var(--brand4);border-color:var(--ink);box-shadow:4px 4px 0 rgba(0,0,0,.55)}
.section{margin:72px 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.76fr);gap:28px;align-items:end;margin-bottom:26px}.section-head p{font-size:18px;margin:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.panel,.contact-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--ink)}.panel,.contact-card{padding:28px}.panel p:last-child{margin-bottom:0}.app-card{position:relative;overflow:hidden;min-height:470px;display:flex;align-items:end;padding:0;background:#141327}.app-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,39,.08),rgba(20,19,39,.85));z-index:1}.app-card::after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:var(--brand4);z-index:1;opacity:.9}.app-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.95}.app-card.png-app img{object-position:center 46%}.app-card.vanuatu-app img{object-position:center 50%}.app-card-content{position:relative;z-index:2;padding:34px;color:#fff}.app-card-content h3{color:#fff}.app-card-content p{color:rgba(255,255,255,.86);margin:12px 0 0}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.chip{display:inline-flex;align-items:center;border:2px solid rgba(255,255,255,.65);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:900}.feature-list{display:grid;gap:12px;margin-top:16px}.feature-item{display:flex;gap:12px;padding:16px;border-radius:22px;background:#fff6e3;border:2px solid var(--ink)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--brand4),var(--brand));border:2px solid var(--ink);color:var(--ink);font-weight:950;flex:0 0 auto;box-shadow:4px 4px 0 var(--ink)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat{padding:24px;border-radius:28px;background:#fff;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);position:relative;overflow:hidden}.stat::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-20px;bottom:-20px;background:rgba(123,97,255,.16)}.stat strong{display:block;font-size:42px;color:var(--ink);line-height:.9;margin-bottom:9px;font-weight:950;text-transform:uppercase;letter-spacing:-.05em}.stat span{font-size:14px;color:var(--muted);font-weight:850}.mini-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showcase-tile{min-height:210px;border:2px solid var(--ink);border-radius:28px;overflow:hidden;background:#fff;box-shadow:7px 7px 0 var(--ink);position:relative}.showcase-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showcase-tile .tile-label{position:absolute;left:18px;bottom:18px;right:18px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:5px 5px 0 var(--ink)}.cta-band{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:10px 10px 0 var(--ink);padding:46px;background:linear-gradient(135deg,#fff,#fff0cd 48%,#ffd7c3)}.cta-band::after{content:"";position:absolute;right:-72px;top:-72px;width:240px;height:240px;border-radius:50%;background:var(--brand2);opacity:.18}.cta-band h2{max-width:760px}.cta-band p{font-size:18px;max-width:840px}
.site-footer{border-top:2px solid var(--ink);background:#141327;color:#fff;padding:44px 0 24px;margin-top:78px}.site-footer h3,.site-footer .footer-title{color:#fff}.site-footer p,.site-footer .muted{color:rgba(255,255,255,.72)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:30px;align-items:start}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:12px}.footer-brand img{width:48px;height:48px;border-radius:16px}.footer-title{font-weight:950;text-transform:uppercase;letter-spacing:.02em}.footer-links{display:grid;gap:11px}.footer-links a{color:rgba(255,255,255,.78);font-weight:850}.footer-links a:hover{color:var(--brand4)}.footer-small{border-top:1px solid rgba(255,255,255,.2);margin-top:26px;padding-top:20px;color:rgba(255,255,255,.7);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page-hero,.viewer-hero{border:2px solid var(--ink);border-radius:var(--radius-lg);padding:52px;min-height:360px;display:grid;align-items:end;background:linear-gradient(100deg,rgba(20,19,39,.96),rgba(37,35,74,.84) 53%,rgba(37,35,74,.35)),url('/assets/banner-notext.png');background-size:cover;background-position:center right;box-shadow:10px 10px 0 var(--ink);overflow:hidden}.page-hero h1,.viewer-hero h1{color:#fff;margin:20px 0}.page-hero.compact{min-height:260px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}.policy-card h2{margin-top:0}.policy-card h3{margin-top:28px}.policy-card li{margin:8px 0;color:var(--muted);line-height:1.65}.notice{border-radius:18px;padding:15px 16px;margin:0 0 18px;font-weight:850;border:2px solid var(--ink)}.notice.success{background:#dfffea}.notice.error{background:#ffe0dc}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;color:var(--ink2);font-weight:900;margin:0 0 8px}.input,textarea,select,input[type="search"]{width:100%;border:2px solid var(--ink);border-radius:18px;background:#fff;color:var(--ink);padding:14px 15px;font:inherit;outline:none;box-shadow:4px 4px 0 rgba(20,19,39,.15)}textarea{min-height:170px;resize:vertical}.input:focus,textarea:focus,select:focus,input[type="search"]:focus{border-color:var(--brand2);box-shadow:0 0 0 5px rgba(123,97,255,.16),4px 4px 0 rgba(20,19,39,.16)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;margin-top:24px}.info-list{display:grid;gap:14px}.info-box{padding:17px;border:2px solid var(--ink);border-radius:22px;background:#fff6e3}.info-box p{margin-bottom:0}
.media-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab-btn{border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);min-height:46px;padding:0 17px;cursor:pointer;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.tab-btn.active{background:linear-gradient(135deg,var(--brand4),var(--brand));color:var(--ink)}.tab-panel{display:none}.tab-panel.active{display:block}.media-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:22px}.video-frame{overflow:hidden;border-radius:28px;border:2px solid var(--ink);background:#000;box-shadow:8px 8px 0 var(--ink)}.video-frame video{width:100%;aspect-ratio:9/16;max-height:760px;margin:0 auto;background:#000}.meta-list{display:grid;gap:8px;margin-top:14px}.meta-row{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.meta-row .label{color:var(--muted);font-size:13px;font-weight:850}.meta-row .value{font-weight:900;color:var(--ink)}
.viewer-hero{margin-bottom:22px}.viewer-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.viewer-toolbar input{min-width:280px;max-width:430px}.viewer-shell{margin-top:0}.top-stories-bar,.sources-panel,.content-panel{border:2px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:7px 7px 0 var(--ink)}.top-stories-bar{padding:20px;margin:20px 0}.topbar-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.topbar-title{font-size:28px;font-weight:950;letter-spacing:-.04em;text-transform:uppercase}.topbar-subtitle{color:var(--muted);font-size:14px}.ticker-shell{overflow:hidden;border:2px solid var(--ink);border-radius:22px;background:#fff7df;padding:10px 0}.ticker-track{display:flex;gap:12px;width:max-content;animation:ticker 90s linear infinite;will-change:transform}.ticker-shell:hover .ticker-track{animation-play-state:paused}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-card{display:flex;align-items:center;gap:12px;min-width:380px;max-width:380px;padding:12px 14px;border-radius:18px;border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:4px 4px 0 rgba(20,19,39,.18)}.ticker-image{width:66px;height:66px;object-fit:cover;flex:0 0 66px;border-radius:14px;background:#eee}.ticker-image.hidden{display:none}.ticker-text{min-width:0}.ticker-source{font-size:12px;color:var(--brand2);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}.ticker-title{font-size:14px;line-height:1.35;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticker-summary{margin-top:4px;font-size:12px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;flex-wrap:wrap}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tab{padding:11px 15px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;font-weight:900;box-shadow:4px 4px 0 rgba(20,19,39,.22)}.tab.active{background:linear-gradient(135deg,var(--brand4),var(--brand));color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.status{border:2px solid var(--ink);border-radius:20px;padding:14px 16px;background:#fff;margin-bottom:14px;color:var(--muted);box-shadow:4px 4px 0 rgba(20,19,39,.16)}.layout{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}.sources-panel,.content-panel{padding:22px}.panel-title{font-size:28px;font-weight:950;text-transform:uppercase;letter-spacing:-.04em}.panel-subtitle{color:var(--muted);line-height:1.55}.source-list{display:grid;gap:10px;margin-top:16px}.source-item{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;border-radius:18px;border:2px solid var(--ink);background:#fff6e3;color:var(--ink);cursor:pointer;box-shadow:4px 4px 0 rgba(20,19,39,.16)}.source-item:hover,.source-item.active{background:#e9f8ff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.source-name{font-weight:900}.source-kind{color:var(--brand2);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap;margin-bottom:20px}.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feed-grid.compact{grid-template-columns:1fr}.feed-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:24px;border:2px solid var(--ink);background:#fff;min-width:0;overflow:hidden;box-shadow:5px 5px 0 rgba(20,19,39,.15)}.feed-card-top-image{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#f0f0f0;border:2px solid var(--ink);margin-bottom:2px}.feed-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:13px}.feed-tag{display:inline-block;padding:7px 10px;border-radius:999px;background:#fff0d7;border:2px solid var(--ink);color:var(--ink);max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}.feed-title{margin:0;font-size:24px;line-height:1.16}.feed-summary{margin:0;color:var(--muted);line-height:1.65}.feed-footer{margin-top:auto}.feed-link{color:var(--brand2);font-weight:900}.feed-link:hover{text-decoration:underline}.thumb-wrap.hidden{display:none}.feed-thumb{width:100%;height:100%;object-fit:cover}.radio-player{width:100%}.empty,.guide-card{border:2px dashed var(--ink);border-radius:24px;padding:22px;color:var(--muted);background:#fff8e8}.guide-card ol{margin:10px 0 0 22px;padding:0}.guide-card li{margin:8px 0;line-height:1.5;color:var(--muted)}
@media (max-width:1080px){.hero-slide{grid-template-columns:1fr;padding:46px}.hero-slide::after{inset:auto -18% -25% 28%;height:72%;opacity:.5}.section-head,.grid-2,.grid-3,.stat-grid,.contact-layout,.media-grid,.layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-slider{min-height:560px}.viewer-toolbar input{max-width:none;flex:1 1 100%}.feed-grid{grid-template-columns:1fr}}
@media (max-width:780px){.site-wrap{width:min(100% - 28px,var(--max))}.site-header-inner{height:76px}.brand-logo{width:44px;height:44px}.brand-title{font-size:17px}.brand-subtitle{display:none}.menu-toggle{display:block}.site-nav{position:fixed;top:77px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:2px solid var(--ink);border-radius:26px;padding:12px;box-shadow:8px 8px 0 var(--ink)}.site-nav.open{display:flex}.nav-link,.nav-drop-btn{justify-content:center;width:100%;background:#fff7df}.nav-drop-menu{position:static;box-shadow:none;margin-top:8px;width:100%;min-width:0}.hero-slider{min-height:600px;border-radius:32px}.hero-slide{padding:30px}.hero-content h1{font-size:44px}.lead{font-size:17px}.slider-controls{left:30px;bottom:24px}.section{margin:52px 0}.section-head{gap:14px}.app-card{min-height:420px}.page-hero,.viewer-hero{padding:30px;min-height:320px;border-radius:32px}.page-hero h1,.viewer-hero h1{font-size:46px}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-small{display:grid}.meta-row{grid-template-columns:1fr}.ticker-card{min-width:300px;max-width:300px}}
@media (max-width:480px){h2{font-size:36px}.hero-content h1{font-size:39px}.btn{width:100%}.actions{width:100%}.kicker,.eyebrow{font-size:10px;letter-spacing:.08em;box-shadow:4px 4px 0 var(--ink)}.hero-slider{min-height:640px}.app-card-content{padding:24px}.panel,.contact-card{padding:22px}.topbar-head,.panel-header{display:grid}.topbar-head .btn,.panel-header .btn{width:auto}.stat strong{font-size:34px}}

/* v5 Whimsy-inspired refinement: full-width hero, angled app panels, flat no-shadow theme */
:root{
  --shadow:none;
  --shadow2:none;
}

/* Remove drop shadows site-wide for a flatter Whimsy-style finish. */
.brand-logo,
.nav-link:hover,
.nav-drop-btn:hover,
.nav-link.active,
.nav-drop-menu,
.kicker,
.eyebrow,
.btn,
.btn:hover,
.btn.small,
.hero-slider,
.slider-dot.active,
.card,
.panel,
.contact-card,
.feature-icon,
.stat,
.showcase-tile,
.showcase-tile .tile-label,
.cta-band,
.page-hero,
.viewer-hero,
.input,
textarea,
select,
input[type="search"],
.tab-btn,
.video-frame,
.top-stories-bar,
.sources-panel,
.content-panel,
.ticker-card,
.tab,
.tab.active,
.status,
.source-item,
.source-item:hover,
.source-item.active,
.feed-card{
  box-shadow:none !important;
}

.hero-content h1,
.page-hero h1,
.viewer-hero h1{
  text-shadow:none !important;
}

.hero-slide::after{
  filter:none !important;
}

.btn:hover,
.source-item:hover,
.source-item.active{
  transform:none !important;
}

/* SS01: make the homepage hero visually full-width while keeping safe outer breathing room. */
.site-main{padding-top:18px;}
.hero-slider{
  width:calc(100vw - 56px);
  max-width:none;
  margin-left:50%;
  transform:translateX(-50%);
  min-height:650px;
  border-radius:46px;
  margin-bottom:78px;
}
.hero-slide{
  padding:64px;
  grid-template-columns:minmax(420px,.92fr) minmax(380px,1.08fr);
}
.hero-slide::after{
  inset:auto -4% -18% 42%;
  height:108%;
  opacity:.82;
  border-radius:58% 0 0 34%;
}
.hero-slide::before{
  box-shadow:none;
  width:285px;
  height:285px;
  opacity:.9;
}
.slider-controls{left:64px;bottom:42px;}

/* SS02: turn the two feature cards into stacked angled panels like the Whimsy service blocks. */
#apps{
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
  padding:76px max(28px, calc((100vw - var(--max)) / 2)) 88px;
  background:
    radial-gradient(circle at 52% 4%, rgba(123,97,255,.32), transparent 32%),
    radial-gradient(circle at 92% 80%, rgba(255,107,53,.16), transparent 28%),
    linear-gradient(180deg,#191729 0%,#1f1b38 52%,#171522 100%);
  color:#fff;
}
#apps .eyebrow{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.82);
}
#apps h2,
#apps h3{color:#fff;}
#apps .section-head p{color:rgba(255,255,255,.78);font-weight:650;}
#apps .grid-2{
  grid-template-columns:1fr;
  gap:36px;
}
#apps .app-card{
  border:0;
  border-radius:0;
  min-height:390px;
  background:#111126;
  clip-path:polygon(8% 0,100% 0,100% 78%,92% 100%,0 100%,0 30%);
  isolation:isolate;
}
#apps .app-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(12,11,28,.98) 0%,rgba(12,11,28,.9) 36%,rgba(12,11,28,.48) 69%,rgba(12,11,28,.22) 100%);
}
#apps .app-card::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:9%;
  height:31%;
  background:linear-gradient(135deg,rgba(123,97,255,.38),rgba(255,107,53,.1));
  z-index:2;
  clip-path:polygon(0 0,100% 0,0 100%);
  opacity:.7;
}
#apps .app-card img{
  opacity:.78;
  object-position:center;
}
#apps .app-card.png-app img{object-position:center 42%;}
#apps .app-card.vanuatu-app img{object-position:center 48%;}
#apps .app-card-content{
  padding:58px 80px 58px 106px;
  max-width:760px;
}
#apps .app-card-content h3{
  font-size:clamp(30px,3.1vw,44px);
  text-transform:uppercase;
  letter-spacing:-.035em;
}
#apps .app-card-content p{
  color:rgba(255,255,255,.88);
  font-size:18px;
  max-width:720px;
}
#apps .chip{
  border-color:rgba(255,255,255,.72);
  color:#fff;
  background:rgba(255,255,255,.09);
}
#apps .actions{margin-top:30px;}
#apps .btn{
  border:0;
  border-radius:0;
  min-width:260px;
  min-height:58px;
  color:#fff;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
}
#apps .btn.primary,
#apps .btn.secondary{
  background:linear-gradient(100deg,#ffb36e 0%,#ff6b35 44%,#8f35ff 100%);
  color:#fff;
}
#apps .btn.secondary{
  background:linear-gradient(100deg,#ffffff 0%,#f4edff 48%,#d6cfff 100%);
  color:var(--ink);
}

/* Match the darker theme rhythm in follow-up cards without shadows. */
.panel,
.contact-card,
.stat,
.showcase-tile,
.cta-band,
.page-hero,
.viewer-hero,
.top-stories-bar,
.sources-panel,
.content-panel{
  box-shadow:none !important;
}

@media (max-width:1080px){
  .hero-slider{width:calc(100vw - 36px);min-height:610px;}
  .hero-slide{grid-template-columns:1fr;padding:48px;}
  .hero-slide::after{inset:auto -22% -18% 28%;height:78%;opacity:.48;}
  #apps{padding-left:28px;padding-right:28px;}
  #apps .app-card{min-height:430px;clip-path:polygon(6% 0,100% 0,100% 84%,92% 100%,0 100%,0 24%);}
  #apps .app-card-content{padding:54px 48px 54px 74px;}
}
@media (max-width:780px){
  .hero-slider{width:calc(100vw - 24px);min-height:620px;border-radius:34px;}
  .hero-slide{padding:34px;}
  .slider-controls{left:34px;bottom:28px;}
  #apps{padding:56px 18px 64px;}
  #apps .section-head{display:grid;grid-template-columns:1fr;}
  #apps .app-card{
    clip-path:none;
    border-radius:28px;
    min-height:430px;
  }
  #apps .app-card-content{padding:32px;}
  #apps .btn{width:100%;min-width:0;clip-path:none;border-radius:999px;}
}
@media (max-width:480px){
  .hero-slider{width:calc(100vw - 18px);min-height:660px;}
  .hero-slide{padding:26px;}
  #apps .app-card-content{padding:26px;}
}


/* v6 cleanup: remove extra homepage blocks and use a cleaner, less heavy type system. */
body{
  font-family:"Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight:400;
}
p{font-weight:400;}
h1,h2,h3{
  letter-spacing:-.025em;
  font-weight:780;
  text-transform:none;
}
h1{font-size:clamp(46px,6.3vw,86px);line-height:1.02;}
h2{font-size:clamp(32px,3.8vw,54px);line-height:1.06;}
h3{font-size:clamp(21px,1.75vw,28px);line-height:1.14;font-weight:750;}
.brand-title,.footer-title{font-weight:760;letter-spacing:-.02em;}
.brand-subtitle{font-weight:400;}
.nav-link,.nav-drop-btn{font-weight:650;}
.kicker,.eyebrow{font-weight:700;letter-spacing:.11em;}
.btn{font-weight:700;}
.chip{font-weight:650;}
.panel-title,.topbar-title{font-weight:760;text-transform:none;letter-spacing:-.025em;}
.source-name,.source-kind,.feed-link,.feed-tag{font-weight:650;}
.feed-title{font-weight:760;letter-spacing:-.02em;}
.feature-icon{font-weight:750;}
#apps{padding-top:72px;}
#apps .section-head{margin-bottom:34px;}
#apps .app-card-content h3{font-weight:760;}
#apps .app-card-content p{font-weight:400;}
.cta-band{margin-top:84px;}
.site-footer h3{font-weight:760;}
.footer-links a{font-weight:620;}

@media (max-width:780px){
  h1{font-size:clamp(40px,12vw,58px);}
  h2{font-size:clamp(30px,9vw,44px);}
  .hero-content h1{font-size:clamp(40px,12vw,56px);}
}

/* v7 home polish: purple header, stat cards, true faded hero media, video-ready hero. */
.site-header{
  background:rgba(245,240,255,.96);
  border-bottom:1px solid rgba(35,31,60,.12);
}
.site-header-inner{height:88px;}
.brand-logo{
  object-fit:contain;
  border-radius:0;
  transform:none;
  background:transparent;
}
.nav-link,
.nav-drop-btn{color:#17142f;}
.nav-link:hover,
.nav-drop-btn:hover,
.nav-link.active,
.nav-drop.open > .nav-drop-btn{
  background:#fff;
  color:#17142f;
}
.nav-drop-menu{
  background:#fff;
  border-color:rgba(35,31,60,.12);
}
.nav-drop.open .nav-drop-menu{display:grid;gap:4px;}
.site-main{padding-top:0;}
.hero-slider{
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
  margin-bottom:0;
}
.hero-slide{
  grid-template-columns:minmax(0,.96fr) minmax(380px,1.04fr);
  overflow:hidden;
}
.hero-slide::after{display:none !important;}
.hero-media{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:50%;
  z-index:1;
  overflow:hidden;
  background:#141327;
}
.hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,#141327 0%,rgba(20,19,39,.98) 8%,rgba(20,19,39,.82) 20%,rgba(20,19,39,.38) 36%,rgba(20,19,39,0) 58%),
    linear-gradient(180deg,rgba(20,19,39,.18),rgba(20,19,39,0) 22%,rgba(20,19,39,0) 72%,rgba(20,19,39,.18));
}
.hero-media img,
.hero-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.55) 25%,#000 48%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.55) 25%,#000 48%);
}
.hero-content{
  width:min(60vw,860px);
  max-width:860px;
  z-index:3;
}
.hero-content h1{max-width:840px;}
.home-stats{
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
  padding:34px max(28px, calc((100vw - var(--max)) / 2));
  background:linear-gradient(90deg,#fff6e8 0%,#fffaf4 45%,#f6f0ff 100%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border-bottom:1px solid rgba(35,31,60,.09);
}
.home-stat{
  border:0;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  padding:22px 24px;
}
.home-stat strong{
  font-size:clamp(34px,3vw,46px);
  color:#17142f;
}
.home-stat span{
  color:#4f4b66;
  font-weight:650;
}
#apps{margin-top:0;}

@media (min-width:781px){
  .nav-drop:hover .nav-drop-menu,
  .nav-drop:focus-within .nav-drop-menu{display:none;}
  .nav-drop:hover .nav-drop-menu,
  .nav-drop.open .nav-drop-menu{display:grid;gap:4px;}
}
@media (max-width:1080px){
  .hero-media{width:62%;opacity:.62;}
  .hero-content{width:min(72vw,780px);}
}
@media (max-width:780px){
  .site-header-inner{height:76px;}
  .site-nav.is-open{display:flex;}
  .hero-slider{width:100vw;border-radius:0;}
  .hero-media{width:100%;opacity:.26;}
  .hero-media::before{background:linear-gradient(90deg,rgba(20,19,39,.96),rgba(20,19,39,.58));}
  .hero-media img,
  .hero-media video{-webkit-mask-image:none;mask-image:none;}
  .hero-content{width:100%;}
  .home-stats{grid-template-columns:1fr;padding:22px 18px;}
}

/* v8 home refinements: stronger purple menu bar, smoother hero fade, polished stats. */
.site-header{
  background:linear-gradient(90deg,#f2ecff 0%,#ede6ff 48%,#f5efff 100%) !important;
  border-bottom:1px solid rgba(49,42,90,.14) !important;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(123,97,255,.38),transparent);
}
.nav-link,
.nav-drop-btn{
  color:#17142f !important;
  font-weight:720;
}
.nav-link:hover,
.nav-drop-btn:hover,
.nav-link.active,
.nav-drop.open > .nav-drop-btn{
  background:#ffffff !important;
  color:#111026 !important;
}

.hero-slide{
  background:linear-gradient(90deg,#23215b 0%,#222057 42%,#141327 100%) !important;
}
.hero-media{
  width:58% !important;
  background:#23215b !important;
}
.hero-media::before{
  background:
    linear-gradient(90deg,#23215b 0%,rgba(35,33,91,.99) 10%,rgba(35,33,91,.92) 22%,rgba(35,33,91,.68) 35%,rgba(35,33,91,.28) 48%,rgba(35,33,91,0) 64%),
    linear-gradient(180deg,rgba(20,19,39,.10),rgba(20,19,39,0) 24%,rgba(20,19,39,0) 70%,rgba(20,19,39,.18)) !important;
}
.hero-media img,
.hero-media video{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 9%,rgba(0,0,0,.24) 21%,rgba(0,0,0,.68) 39%,#000 58%) !important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 9%,rgba(0,0,0,.24) 21%,rgba(0,0,0,.68) 39%,#000 58%) !important;
}

.home-stats{
  padding-top:28px !important;
  padding-bottom:28px !important;
  background:
    radial-gradient(circle at 12% 50%,rgba(255,225,93,.16),transparent 26%),
    radial-gradient(circle at 90% 40%,rgba(123,97,255,.18),transparent 28%),
    linear-gradient(90deg,#fff6e7 0%,#fffaf5 48%,#f3edff 100%) !important;
  gap:20px !important;
}
.home-stat{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:118px;
  padding:24px 28px !important;
  border:1px solid rgba(49,42,90,.10) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 18px 45px rgba(34,31,70,.08) !important;
}
.home-stat::after{
  display:none !important;
}
.stat-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#17142f;
  font-size:24px;
  font-weight:900;
  background:linear-gradient(135deg,#ffe15d 0%,#ff9c4a 50%,#e7ddff 100%);
  border:1px solid rgba(49,42,90,.14);
}

.stat-icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.stat-copy{
  min-width:0;
}
.home-stat strong{
  font-size:clamp(36px,3vw,50px) !important;
  line-height:.85;
  margin-bottom:8px !important;
  color:#141327 !important;
  font-weight:820 !important;
  letter-spacing:-.04em !important;
}
.home-stat span{
  display:block;
  color:#302c55 !important;
  font-size:15px !important;
  font-weight:760 !important;
  letter-spacing:-.01em;
}
.home-stat small{
  display:block;
  margin-top:5px;
  color:#777188;
  font-size:12px;
  line-height:1.35;
  font-weight:520;
}

@media (max-width:1080px){
  .hero-media{width:68% !important;}
}
@media (max-width:780px){
  .hero-media{width:100% !important;}
  .home-stat{min-height:104px;}
}

/* v9: exact hero blue blend and stronger purple menu bar. */
:root{
  --hero-blue:#222057;
  --header-purple:#e6dcff;
  --header-purple-strong:#dccbff;
}
.site-header{
  background:linear-gradient(90deg,var(--header-purple) 0%,var(--header-purple-strong) 52%,#eee5ff 100%) !important;
  border-bottom:1px solid rgba(43,35,88,.18) !important;
}
.site-header::after{
  background:linear-gradient(90deg,transparent,rgba(102,75,210,.46),transparent) !important;
}
.nav-link:hover,
.nav-drop-btn:hover,
.nav-link.active,
.nav-drop.open > .nav-drop-btn{
  background:rgba(255,255,255,.82) !important;
}
.hero-slide{
  background:var(--hero-blue) !important;
}
.hero-slide::before{
  display:none !important;
}
.hero-media{
  left:34% !important;
  right:0 !important;
  width:auto !important;
  background:var(--hero-blue) !important;
}
.hero-media::before{
  background:
    linear-gradient(90deg,
      var(--hero-blue) 0%,
      rgba(34,32,87,.995) 12%,
      rgba(34,32,87,.94) 25%,
      rgba(34,32,87,.76) 40%,
      rgba(34,32,87,.48) 54%,
      rgba(34,32,87,.20) 68%,
      rgba(34,32,87,0) 82%
    ),
    linear-gradient(180deg,rgba(34,32,87,.08),rgba(34,32,87,0) 24%,rgba(34,32,87,0) 72%,rgba(34,32,87,.16)) !important;
}
.hero-media img,
.hero-media video{
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,.02) 12%,
    rgba(0,0,0,.16) 28%,
    rgba(0,0,0,.42) 44%,
    rgba(0,0,0,.74) 60%,
    #000 76%
  ) !important;
  mask-image:linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,.02) 12%,
    rgba(0,0,0,.16) 28%,
    rgba(0,0,0,.42) 44%,
    rgba(0,0,0,.74) 60%,
    #000 76%
  ) !important;
}
@media (max-width:1080px){
  .hero-media{left:24% !important; width:auto !important;}
}
@media (max-width:780px){
  .hero-media{left:0 !important; width:100% !important;}
}


/* Guam Latest News expansion. Keep featured app panels stacked vertically. */
.app-card.guam-app img{object-position:center 50%;}

/* Latest article samples carousel on the homepage. */
.latest-samples{
  margin-top:84px;
  margin-bottom:84px;
}
.latest-samples-head h2{
  max-width:760px;
}
.sample-carousel-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(49,42,90,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,225,93,.18),transparent 30%),
    radial-gradient(circle at 92% 80%,rgba(123,97,255,.18),transparent 32%),
    rgba(255,255,255,.72);
  padding:22px;
}
.sample-carousel{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:4px 4px 14px;
  scrollbar-width:thin;
}
.sample-carousel::-webkit-scrollbar{height:10px;}
.sample-carousel::-webkit-scrollbar-track{background:rgba(20,19,39,.08);border-radius:999px;}
.sample-carousel::-webkit-scrollbar-thumb{background:rgba(123,97,255,.42);border-radius:999px;}
.sample-carousel-status{
  color:#4f4b66;
  font-weight:650;
  padding:8px 4px 16px;
}
.sample-carousel-status:empty{display:none;}
.sample-card{
  flex:0 0 min(720px,86vw);
  scroll-snap-align:start;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:20px;
  align-items:stretch;
  min-height:188px;
  padding:16px;
  border:1px solid rgba(49,42,90,.14);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  cursor:default;
  user-select:text;
}
.sample-image{
  overflow:hidden;
  border-radius:22px;
  background:linear-gradient(135deg,#222057,#7b61ff);
  min-height:156px;
}
.sample-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sample-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sample-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:10px;
}
.sample-app,
.sample-source{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:760;
  line-height:1;
}
.sample-app{
  color:#fff;
  background:linear-gradient(135deg,#ff6b35,#7b61ff);
}
.sample-source{
  color:#302c55;
  background:#f0ebff;
}
.sample-title{
  margin:0;
  color:#141327;
  font-size:clamp(22px,2.1vw,30px);
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:780;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sample-brief{
  margin:10px 0 0;
  color:#625d78;
  font-size:15px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sample-date{
  margin-top:12px;
  color:#8a849a;
  font-size:12px;
  font-weight:650;
}
@media (max-width:720px){
  .sample-carousel-shell{padding:16px;}
  .sample-card{
    grid-template-columns:1fr;
    flex-basis:86vw;
  }
  .sample-image{height:190px;}
}

/* v10: hero text inset and wider content sections below hero. */
:root{
  --home-wide:1480px;
  --hero-side-inset:clamp(72px,7vw,132px);
}

/* Keep the hero full-width, but move the text block in from the browser edge. */
@media (min-width:781px){
  .hero-content{
    margin-left:var(--hero-side-inset) !important;
  }
  .slider-controls{
    left:var(--hero-side-inset) !important;
  }
}

/* Make the lower homepage content wider than before, without making it full-width like the hero. */
.site-main > .site-wrap{
  width:min(var(--home-wide),calc(100% - 48px));
}

/* Header keeps its cleaner centred width. */
.site-header .site-wrap{
  width:min(var(--max),calc(100% - 40px));
}

/* Stats are still a full-width band, but the cards now sit in a wider content area. */
.home-stats{
  padding-left:max(24px,calc((100vw - var(--home-wide)) / 2)) !important;
  padding-right:max(24px,calc((100vw - var(--home-wide)) / 2)) !important;
}

@media (max-width:1080px){
  :root{--hero-side-inset:clamp(34px,5vw,64px);}
  .site-main > .site-wrap{width:min(100% - 32px,var(--home-wide));}
}

@media (max-width:780px){
  .hero-content{margin-left:0 !important;}
  .slider-controls{left:30px !important;}
  .site-main > .site-wrap{width:min(100% - 24px,var(--home-wide));}
  .home-stats{padding-left:18px !important;padding-right:18px !important;}
}

/* v11: align hero slider controls with hero text, and align Featured Apps with the stats cards. */
:root{
  --hero-slide-pad:64px;
}

@media (min-width:781px){
  .slider-controls{
    left:calc(var(--hero-slide-pad) + var(--hero-side-inset)) !important;
  }
}

/* Featured Apps is a full-width dark band, but its inner content now uses the same width as the stats row above. */
#apps{
  padding-left:max(24px,calc((100vw - var(--home-wide)) / 2)) !important;
  padding-right:max(24px,calc((100vw - var(--home-wide)) / 2)) !important;
}

@media (max-width:1080px){
  :root{--hero-slide-pad:46px;}
}

@media (max-width:780px){
  :root{--hero-slide-pad:30px;}
  .slider-controls{left:30px !important;}
  #apps{padding-left:18px !important;padding-right:18px !important;}
}


/* v12: smallest-screen mobile layout cleanup. */
@media (max-width:780px){
  html,body{overflow-x:hidden;}
  .site-header{position:sticky;top:0;z-index:50;}
  .site-header .site-wrap{width:100% !important;padding-left:12px;padding-right:12px;}
  .site-header-inner{height:64px !important;}
  .brand-link{gap:9px;min-width:0;}
  .brand-logo{width:34px !important;height:34px !important;}
  .brand-title{font-size:13px !important;line-height:1.1;white-space:nowrap;}
  .brand-subtitle{display:block !important;font-size:10px !important;line-height:1.1;white-space:nowrap;color:#655f7a;}
  .menu-toggle{width:36px;height:36px;border-radius:13px;}
  .site-nav{top:68px;left:10px;right:10px;border-radius:22px;z-index:60;}
  .hero-slider{width:100vw !important;min-height:auto !important;height:auto !important;margin-left:50% !important;transform:translateX(-50%) !important;}
  .hero-slide{min-height:520px !important;padding:26px 20px 78px !important;display:flex !important;align-items:center !important;}
  .hero-content{width:100% !important;max-width:360px !important;margin:0 !important;}
  .hero-content h1{font-size:clamp(34px,10.5vw,42px) !important;line-height:.98 !important;letter-spacing:-.055em !important;max-width:330px !important;}
  .lead{font-size:14px !important;line-height:1.55 !important;max-width:330px !important;}
  .kicker{max-width:max-content;padding:7px 11px !important;font-size:9px !important;}
  .actions{display:flex !important;flex-wrap:wrap !important;gap:10px !important;width:100% !important;max-width:330px !important;}
  .hero-content .btn{width:auto !important;min-height:40px !important;padding:0 16px !important;font-size:12px !important;flex:0 0 auto;}
  .slider-controls{left:20px !important;right:20px !important;bottom:28px !important;gap:9px !important;}
  .slider-dot{width:38px;height:8px;}
  .hero-media{opacity:.28 !important;}
  .hero-media::before{background:linear-gradient(90deg,rgba(34,32,87,.98) 0%,rgba(34,32,87,.90) 42%,rgba(34,32,87,.48) 100%) !important;}
  .home-stats{grid-template-columns:1fr !important;gap:14px !important;padding:18px 12px !important;}
  .home-stat{min-height:78px !important;padding:16px 18px !important;border-radius:18px !important;gap:14px !important;}
  .stat-icon{width:42px;height:42px;flex-basis:42px;border-radius:14px;font-size:18px;}
  .home-stat strong{font-size:30px !important;margin-bottom:3px !important;letter-spacing:-.03em !important;}
  .home-stat span{font-size:12px !important;line-height:1.15;}
  .home-stat small{font-size:9px !important;line-height:1.25;margin-top:3px;}
  #apps{padding:34px 12px 42px !important;margin-left:50% !important;transform:translateX(-50%) !important;width:100vw !important;}
  #apps .section-head{display:grid !important;gap:10px !important;margin-bottom:20px !important;}
  #apps .section-head h2{font-size:clamp(28px,8.8vw,36px) !important;line-height:1.02 !important;margin-top:8px !important;}
  #apps .section-head p{max-width:none !important;font-size:13px !important;line-height:1.55 !important;}
  #apps .grid-2{gap:18px !important;}
  #apps .app-card{min-height:0 !important;height:auto !important;border-radius:22px !important;clip-path:none !important;overflow:hidden !important;}
  #apps .app-card img{opacity:.68 !important;object-position:center !important;}
  #apps .app-card-content{padding:30px 16px 18px !important;min-height:250px !important;justify-content:flex-end !important;}
  #apps .app-card-content h3{font-size:22px !important;line-height:1.12 !important;margin-bottom:8px !important;}
  #apps .app-card-content p{font-size:12px !important;line-height:1.55 !important;max-width:none !important;}
  .chip-row{gap:6px !important;margin-top:8px !important;}
  .chip{font-size:9px !important;padding:6px 8px !important;}
  #apps .app-card .actions{max-width:none !important;gap:8px !important;margin-top:14px !important;}
  #apps .app-card .btn{width:100% !important;min-height:42px !important;font-size:11px !important;}
  .latest-samples{margin:0 !important;padding:34px 0 42px !important;}
  .latest-samples-head h2{font-size:clamp(28px,8.6vw,36px) !important;line-height:1.04 !important;}
  .latest-samples .section-head{gap:10px !important;}
  .sample-carousel-shell{border-radius:20px !important;padding:14px !important;}
  .sample-card{flex-basis:82vw !important;border-radius:18px !important;padding:12px !important;gap:12px !important;}
  .sample-image{height:150px !important;border-radius:14px !important;}
  .sample-title{font-size:20px !important;}
  .sample-brief{font-size:13px !important;-webkit-line-clamp:2;}
  .site-footer{padding:30px 0 !important;}
  .footer-grid{gap:24px !important;}
}
@media (max-width:390px){
  .hero-slide{min-height:500px !important;padding:22px 16px 74px !important;}
  .hero-content{max-width:330px !important;}
  .hero-content h1{font-size:clamp(30px,10vw,38px) !important;max-width:300px !important;}
  .lead{font-size:12px !important;max-width:300px !important;}
  .hero-content .btn{min-height:36px !important;padding:0 13px !important;font-size:11px !important;}
  .slider-controls{left:16px !important;right:16px !important;bottom:22px !important;}
  .slider-dot{width:33px;height:7px;}
  .home-stats{padding-left:8px !important;padding-right:8px !important;}
  #apps{padding-left:8px !important;padding-right:8px !important;}
  #apps .app-card-content{padding-left:14px !important;padding-right:14px !important;}
}

/* v13: keep tablet/narrow desktop header on hamburger until there is enough width for full menu. */
@media (min-width:781px) and (max-width:980px){
  .site-header .site-wrap{
    width:100% !important;
    padding-left:24px;
    padding-right:24px;
  }
  .site-header-inner{
    height:76px !important;
  }
  .brand-link{
    min-width:0;
    flex:1 1 auto;
  }
  .brand-title{
    font-size:18px;
    white-space:nowrap;
  }
  .brand-subtitle{
    display:block;
    font-size:12px;
  }
  .menu-toggle{
    display:block !important;
    flex:0 0 auto;
    width:42px;
    height:42px;
    border-radius:14px;
  }
  .site-nav{
    position:fixed;
    top:82px;
    left:24px;
    right:24px;
    display:none !important;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    background:#fff;
    border:1px solid rgba(20,19,39,.16);
    border-radius:24px;
    padding:12px;
    box-shadow:0 18px 50px rgba(20,19,39,.18) !important;
    z-index:80;
  }
  .site-nav.open,
  .site-nav.is-open{
    display:flex !important;
  }
  .nav-link,
  .nav-drop-btn{
    width:100%;
    justify-content:center;
    min-height:44px;
    background:#f6f0ff;
  }
  .nav-drop-menu{
    position:static;
    width:100%;
    min-width:0;
    margin-top:8px;
    box-shadow:none !important;
  }
}


/* v20260501: Hero text width and content color alignment */
/* Give hero text more breathing room across all pages, roughly half the hero width on desktop. */
.viewer-hero > div,
.page-hero > div,
.home-hero-content,
.hero-copy {
  max-width: min(860px, 56vw);
}

/* Dark grey copy inside light body/content areas for better readability. */
.policy-card,
.content-panel,
.sources-panel,
.top-stories-bar,
.contact-card,
.contact-panel,
.media-card,
.app-card,
.stat-card,
.msc-panel,
.msc-source-card {
  color: #15132f;
}

.policy-card p,
.policy-card li,
.content-panel p,
.content-panel li,
.sources-panel,
.top-stories-bar p,
.contact-card p,
.contact-panel p,
.media-card p,
.app-card p,
.stat-card p,
.msc-panel p,
.msc-source-card li,
.msc-source-card span {
  color: #4f4a5f;
}

@media (max-width: 900px) {
  .viewer-hero > div,
  .page-hero > div,
  .home-hero-content,
  .hero-copy {
    max-width: 100%;
  }
}
/* v20260501-end-hero-text-width-body-align */


/* v20260502: home stats icon alignment fix */
.home-stats{
  align-items:stretch;
}

.home-stat{
  justify-content:flex-start;
}

.home-stat .stat-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:10px !important;
  flex:0 0 54px !important;
}

.home-stat .stat-icon img{
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  margin:0 !important;
}

.home-stat .stat-copy{
  flex:1 1 auto;
}

@media (max-width:480px){
  .home-stat .stat-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    padding:8px !important;
  }

  .home-stat .stat-icon img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }
}
/* v20260502-end-home-stats-icon-alignment-fix */


/* v20260502-final2: render home stat images large on the left side */
.home-stat{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:20px !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
}

.home-stat > .stat-icon{
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  max-width:86px !important;
  flex:0 0 86px !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

.home-stat > .stat-icon::before,
.home-stat > .stat-icon::after{
  content:none !important;
  display:none !important;
}

.home-stat > .stat-icon img{
  display:none !important;
}

.home-stat > .stat-icon-apps{
  background-image:url("/assets/apps.png") !important;
}

.home-stat > .stat-icon-store{
  background-image:url("/assets/appstore.png") !important;
}

.home-stat > .stat-icon-downloads{
  background-image:url("/assets/appsdown.png") !important;
}

@media (max-width:480px){
  .home-stat{
    gap:14px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  .home-stat > .stat-icon{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    max-width:60px !important;
    flex-basis:60px !important;
  }
}
/* v20260502-end-final2-home-stat-icons */


/* v20260502: latest articles auto-scroll carousel */
.sample-carousel-shell{
  overflow:hidden !important;
}

.sample-carousel{
  overflow:hidden !important;
  flex-wrap:nowrap !important;
  width:max-content;
  max-width:none;
  padding:4px 4px 14px;
  scrollbar-width:none !important;
  scroll-snap-type:none !important;
  cursor:default !important;
  will-change:transform;
}

.sample-carousel::-webkit-scrollbar{
  display:none !important;
}

.sample-carousel.is-autoscrolling{
  animation:latestSamplesScroll 55s linear infinite;
}

.sample-carousel-shell:hover .sample-carousel.is-autoscrolling{
  animation-play-state:paused;
}

.sample-carousel:active{
  cursor:default !important;
}

@keyframes latestSamplesScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media (prefers-reduced-motion:reduce){
  .sample-carousel.is-autoscrolling{
    animation:none !important;
    transform:none !important;
  }
}
/* v20260502-end-latest-articles-auto-scroll */

/* v20260502: full-width webviewer hero using each app's own image */
.viewer-hero{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:
    linear-gradient(100deg,rgba(20,19,39,.96),rgba(37,35,74,.82) 48%,rgba(37,35,74,.22)),
    var(--viewer-image) !important;
  background-size:cover !important;
  background-position:center right !important;
}

.viewer-hero > div{
  width:min(100% - 64px,var(--max)) !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
}

@media (max-width:780px){
  .viewer-hero{
    min-height:320px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background-position:center center !important;
  }

  .viewer-hero > div{
    width:min(100% - 40px,var(--max)) !important;
  }
}
/* v20260502-end-full-width-webviewer-hero */


/* v20260502: align webviewer hero text with body content width */
.viewer-hero > div{
  width:min(var(--home-wide),calc(100% - 48px)) !important;
  max-width:var(--home-wide) !important;
}

@media (max-width:1080px){
  .viewer-hero > div{
    width:min(100% - 32px,var(--home-wide)) !important;
  }
}

@media (max-width:780px){
  .viewer-hero > div{
    width:min(100% - 24px,var(--home-wide)) !important;
  }
}
/* v20260502-end-align-webviewer-hero-text */


/* v20260502-viewer-modern-body: modern viewer body styling for all webviewer pages */
.viewer-shell{
  --viewer-panel-bg:rgba(255,255,255,.88);
  --viewer-panel-border:rgba(20,19,39,.10);
  --viewer-soft-border:rgba(20,19,39,.12);
  --viewer-shadow:0 18px 50px rgba(20,19,39,.10);
  --viewer-shadow-sm:0 10px 30px rgba(20,19,39,.08);
  --viewer-surface:#ffffff;
  --viewer-warm:#fff8ea;
  --viewer-blue:#eef8ff;
  --viewer-purple:#f3edff;
  position:relative;
  padding-bottom:54px;
}

.viewer-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:260px;
  left:50%;
  width:100vw;
  height:calc(100% - 210px);
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 12% 4%, rgba(255,160,43,.20), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(130,92,255,.16), transparent 30%),
    linear-gradient(180deg, rgba(255,246,227,.94), rgba(255,255,255,.84) 42%, rgba(255,248,234,.75));
}

/* Viewer content containers */
.viewer-shell .top-stories-bar,
.viewer-shell .sources-panel,
.viewer-shell .content-panel{
  border:1px solid var(--viewer-panel-border);
  border-radius:30px;
  background:var(--viewer-panel-bg);
  box-shadow:var(--viewer-shadow) !important;
  backdrop-filter:blur(14px);
}

.viewer-shell .top-stories-bar{
  margin:26px 0 22px;
  padding:22px;
}

.viewer-shell .topbar-head{
  margin-bottom:16px;
}

.viewer-shell .topbar-title,
.viewer-shell .panel-title{
  font-size:clamp(24px,2vw,32px);
  letter-spacing:-.045em;
  text-transform:none;
}

.viewer-shell .topbar-subtitle,
.viewer-shell .panel-subtitle{
  font-size:15px;
  color:#696982;
}

.viewer-shell .btn.secondary,
.viewer-shell #reloadTopBtn{
  min-height:44px;
  padding:0 20px;
  border:1px solid rgba(20,19,39,.18);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 10px 24px rgba(20,19,39,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.viewer-shell .btn.secondary:hover,
.viewer-shell #reloadTopBtn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(255,143,31,.60);
  box-shadow:0 14px 30px rgba(20,19,39,.12) !important;
}

/* Top story carousel */
.viewer-shell .ticker-shell{
  border:1px solid var(--viewer-soft-border);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,250,240,.94), rgba(245,240,255,.72));
  padding:12px 0;
  overflow:hidden;
}

.viewer-shell .ticker-track{
  gap:14px;
}

.viewer-shell .ticker-card{
  min-width:400px;
  max-width:400px;
  border:1px solid rgba(20,19,39,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,19,39,.08) !important;
  padding:12px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.viewer-shell .ticker-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,143,31,.42);
  box-shadow:0 16px 34px rgba(20,19,39,.13) !important;
}

.viewer-shell .ticker-image{
  border-radius:16px;
  border:0;
}

.viewer-shell .ticker-source{
  color:#7c55ff;
  font-size:12px;
}

.viewer-shell .ticker-title{
  font-size:15px;
  line-height:1.35;
}

.viewer-shell .ticker-summary{
  color:#696982;
}

/* Filters and controls */
.viewer-shell .topbar{
  margin:0 0 16px;
  align-items:center;
  gap:14px;
}

.viewer-shell .tabs{
  gap:10px;
}

.viewer-shell .tab{
  border:1px solid rgba(20,19,39,.16);
  border-radius:999px;
  background:#fff;
  padding:11px 17px;
  color:#23233a;
  box-shadow:0 8px 20px rgba(20,19,39,.07) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.viewer-shell .tab:hover{
  transform:translateY(-1px);
  border-color:rgba(255,143,31,.50);
}

.viewer-shell .tab.active{
  border-color:transparent;
  background:linear-gradient(135deg,#ffb347,#ff8f1f);
  color:#151428;
  box-shadow:0 12px 28px rgba(255,143,31,.30) !important;
}

.viewer-shell #sourceSelect,
.viewer-shell .view-mode-select,
.viewer-shell #searchBox{
  border:1px solid rgba(20,19,39,.16);
  border-radius:18px;
  background:#fff;
  min-height:48px;
  color:#23233a;
  box-shadow:0 10px 24px rgba(20,19,39,.06) !important;
}

.viewer-shell #sourceSelect{
  flex:1 1 340px;
}

.viewer-shell .status{
  border:1px solid rgba(20,19,39,.10);
  border-radius:20px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--viewer-shadow-sm) !important;
  color:#6b6b84;
  padding:14px 18px;
}

/* Main body layout */
.viewer-shell .layout{
  grid-template-columns:minmax(230px,280px) minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.viewer-shell .sources-panel{
  padding:22px;
  position:sticky;
  top:104px;
  max-height:calc(100vh - 124px);
  overflow:hidden;
}

.viewer-shell .sources-panel .source-list{
  max-height:calc(100vh - 214px);
  overflow:auto;
  padding-right:4px;
  scrollbar-width:thin;
}

.viewer-shell .sources-panel .source-list::-webkit-scrollbar,
.viewer-shell .content-panel::-webkit-scrollbar{
  width:8px;
}

.viewer-shell .sources-panel .source-list::-webkit-scrollbar-thumb,
.viewer-shell .content-panel::-webkit-scrollbar-thumb{
  background:rgba(20,19,39,.20);
  border-radius:999px;
}

.viewer-shell .content-panel{
  padding:24px;
  min-height:520px;
}

.viewer-shell .panel-header{
  align-items:center;
  margin-bottom:24px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(20,19,39,.08);
}

.viewer-shell .viewer-actions-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.viewer-shell .compact-search{
  display:flex;
  align-items:center;
  gap:8px;
}

.viewer-shell .icon-tool-btn{
  min-width:44px;
  height:44px;
  border:1px solid rgba(20,19,39,.16);
  border-radius:15px;
  background:#fff;
  color:#23233a;
  box-shadow:0 8px 20px rgba(20,19,39,.07) !important;
  cursor:pointer;
}

.viewer-shell .refresh-source-btn{
  width:auto;
  padding:0 13px;
  font-size:0;
}

.viewer-shell .refresh-source-btn::before{
  content:"↻";
  font-size:18px;
  font-weight:900;
}

.viewer-shell .search-toggle{
  font-size:20px;
  line-height:1;
}

.viewer-shell .view-mode-select{
  min-width:174px;
}

/* Source list */
.viewer-shell .source-list{
  gap:9px;
}

.viewer-shell .source-item{
  border:1px solid rgba(20,19,39,.12);
  border-radius:18px;
  background:#fff;
  padding:13px 14px;
  box-shadow:none !important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.viewer-shell .source-item:hover{
  transform:translateX(2px) !important;
  border-color:rgba(255,143,31,.42);
  background:#fff8ea;
}

.viewer-shell .source-item.active{
  transform:none !important;
  border-color:rgba(80,171,255,.42);
  background:linear-gradient(135deg,#eef9ff,#f6fbff);
}

.viewer-shell .source-name{
  font-weight:850;
  font-size:14px;
}

.viewer-shell .source-kind{
  color:#7c55ff;
  font-size:11px;
  background:#f1ecff;
  padding:3px 7px;
  border-radius:999px;
}

/* Article cards */
.viewer-shell .feed-grid{
  gap:20px;
}

.viewer-shell .feed-grid.view-list{
  grid-template-columns:1fr;
}

.viewer-shell .feed-grid.view-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.viewer-shell .feed-grid.view-magazine{
  grid-template-columns:1fr;
}

.viewer-shell .feed-card{
  position:relative;
  border:1px solid rgba(20,19,39,.12);
  border-radius:28px;
  background:#fff;
  padding:16px;
  box-shadow:0 12px 32px rgba(20,19,39,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.viewer-shell .feed-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,143,31,.38);
  box-shadow:0 20px 42px rgba(20,19,39,.13) !important;
}

.viewer-shell .feed-card-top-image{
  border:0;
  border-radius:22px;
  aspect-ratio:16/10;
  margin-bottom:4px;
  background:linear-gradient(135deg,#f4f4f8,#fff8ea);
}

.viewer-shell .feed-thumb{
  transform:scale(1.001);
  transition:transform .22s ease;
}

.viewer-shell .feed-card:hover .feed-thumb{
  transform:scale(1.035);
}

.viewer-shell .feed-meta{
  font-size:12px;
  color:#74748b;
  gap:10px;
}

.viewer-shell .feed-tag{
  border:0;
  background:linear-gradient(135deg,#fff0d7,#f0eaff);
  color:#2a2942;
  padding:7px 10px;
  font-size:12px;
  max-width:72%;
}

.viewer-shell .feed-date{
  white-space:nowrap;
}

.viewer-shell .feed-title{
  font-size:clamp(20px,1.65vw,25px);
  line-height:1.18;
  letter-spacing:-.03em;
  color:#17162a;
}

.viewer-shell .feed-summary{
  color:#64647c;
  line-height:1.58;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.viewer-shell .feed-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#6f50ff;
  font-weight:900;
  text-decoration:none;
}

.viewer-shell .feed-link::after{
  content:"→";
  transition:transform .18s ease;
}

.viewer-shell .feed-link:hover::after{
  transform:translateX(3px);
}

.viewer-shell .empty,
.viewer-shell .guide-card{
  border:1px dashed rgba(20,19,39,.22);
  border-radius:24px;
  background:linear-gradient(135deg,#fffaf0,#f8f4ff);
  color:#696982;
}

/* Magazine layout makes the first card a feature story */
.viewer-shell .feed-grid.view-magazine .feed-card:first-child{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);
  align-items:center;
  gap:22px;
  padding:18px;
  background:linear-gradient(135deg,#ffffff,#fff8ea 62%,#f4efff);
}

.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-card-top-image{
  aspect-ratio:4/3;
  margin:0;
}

.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-title{
  font-size:clamp(28px,2.6vw,42px);
}

/* Radio cards */
.viewer-shell .radio-card .radio-logo-fade{
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,#eef8ff,#fff8ea);
}

.viewer-shell .radio-player{
  border-radius:999px;
}

/* Mobile and tablet refinement */
@media (max-width:1080px){
  .viewer-shell .layout{
    grid-template-columns:1fr;
  }

  .viewer-shell .sources-panel{
    position:relative;
    top:auto;
    max-height:none;
  }

  .viewer-shell .sources-panel .source-list{
    display:flex;
    gap:10px;
    overflow-x:auto;
    max-height:none;
    padding:0 0 6px;
  }

  .viewer-shell .source-item{
    flex:0 0 230px;
  }

  .viewer-shell .feed-grid.view-grid{
    grid-template-columns:1fr;
  }

  .viewer-shell .feed-grid.view-magazine .feed-card:first-child{
    grid-template-columns:1fr;
  }
}

@media (max-width:780px){
  .viewer-shell::before{
    top:220px;
  }

  .viewer-shell .top-stories-bar,
  .viewer-shell .sources-panel,
  .viewer-shell .content-panel{
    border-radius:24px;
  }

  .viewer-shell .top-stories-bar,
  .viewer-shell .content-panel,
  .viewer-shell .sources-panel{
    padding:18px;
  }

  .viewer-shell .topbar{
    display:grid;
  }

  .viewer-shell #sourceSelect,
  .viewer-shell .viewer-actions-bar,
  .viewer-shell .compact-search,
  .viewer-shell #searchBox,
  .viewer-shell .view-mode-select-wrap,
  .viewer-shell .view-mode-select{
    width:100%;
  }

  .viewer-shell .viewer-actions-bar{
    justify-content:stretch;
  }

  .viewer-shell .compact-search{
    flex:1 1 100%;
  }

  .viewer-shell .ticker-card{
    min-width:310px;
    max-width:310px;
  }

  .viewer-shell .ticker-image{
    width:58px;
    height:58px;
    flex-basis:58px;
  }

  .viewer-shell .feed-card{
    border-radius:24px;
  }
}

@media (max-width:480px){
  .viewer-shell{
    padding-bottom:30px;
  }

  .viewer-shell .ticker-card{
    min-width:280px;
    max-width:280px;
  }

  .viewer-shell .source-item{
    flex-basis:210px;
  }

  .viewer-shell .feed-title{
    font-size:20px;
  }

  .viewer-shell .feed-card-top-image{
    border-radius:18px;
  }
}
/* v20260502-end-viewer-modern-body */


/* v20260502-podcast-modern-controls */
.viewer-shell .feed-footer{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

.viewer-shell .podcast-controls{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  margin:10px 0 0;
  border-radius:999px;
  border:1px solid rgba(32, 27, 61, 0.12);
  background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(246,242,255,0.98));
  box-shadow:0 10px 24px rgba(23, 18, 48, 0.12);
}

.viewer-shell .podcast-controls.is-current{
  border-color:rgba(111, 80, 255, 0.22);
}

.viewer-shell .podcast-controls.is-playing{
  background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(241,236,255,0.98));
  box-shadow:0 12px 28px rgba(77, 56, 174, 0.16);
}

.viewer-shell .podcast-btn{
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  color:#26233f;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(31, 24, 58, 0.12), 0 4px 10px rgba(23, 18, 48, 0.10);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.viewer-shell .podcast-btn:hover{
  transform:translateY(-1px);
  background:#fff5e6;
  box-shadow:inset 0 0 0 1px rgba(31, 24, 58, 0.14), 0 10px 18px rgba(23, 18, 48, 0.14);
}

.viewer-shell .podcast-btn:active{
  transform:translateY(0);
}

.viewer-shell .podcast-btn.primary{
  width:46px;
  height:46px;
  background:linear-gradient(135deg, #ffbb4d, #ff8c3c);
  color:#ffffff;
  box-shadow:0 12px 24px rgba(255, 145, 51, 0.30), inset 0 0 0 1px rgba(255,255,255,0.15);
}

.viewer-shell .podcast-controls.is-playing .podcast-btn.primary{
  background:linear-gradient(135deg, #7b68ff, #5a47f5);
  box-shadow:0 12px 24px rgba(90, 71, 245, 0.28), inset 0 0 0 1px rgba(255,255,255,0.16);
}

.viewer-shell .podcast-btn-open{
  background:linear-gradient(135deg, #f1ebff, #ebe2ff);
  color:#6f50ff;
}

.viewer-shell .podcast-btn svg{
  width:18px;
  height:18px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.viewer-shell .podcast-btn.primary svg{
  width:20px;
  height:20px;
}

.viewer-shell .podcast-btn .icon-fill{
  fill:currentColor;
  stroke:none;
}

.viewer-shell .podcast-btn .icon-text{
  fill:currentColor;
  stroke:none;
  font-family:Arial, sans-serif;
  font-size:6px;
  font-weight:800;
  letter-spacing:.02em;
}

@media (max-width:780px){
  .viewer-shell .podcast-controls{
    gap:6px;
    padding:7px 8px;
    border-radius:22px;
    flex-wrap:wrap;
  }

  .viewer-shell .podcast-btn{
    width:36px;
    height:36px;
  }

  .viewer-shell .podcast-btn.primary{
    width:42px;
    height:42px;
  }
}
/* v20260502-end-podcast-modern-controls */


/* v20260502-toolbar-cleanup */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.viewer-shell .viewer-actions-bar{
  flex-wrap:nowrap;
  gap:12px;
}

.viewer-shell .compact-search{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex-direction:row-reverse;
  gap:10px;
  min-width:44px;
}

.viewer-shell #searchBox{
  width:0;
  min-width:0;
  padding:0;
  border-color:transparent;
  box-shadow:none !important;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transition:width .22s ease, opacity .18s ease, padding .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.viewer-shell .compact-search.open #searchBox,
.viewer-shell .compact-search:focus-within #searchBox{
  width:250px;
  min-width:250px;
  padding:0 16px;
  border-color:rgba(20,19,39,.16);
  box-shadow:0 10px 24px rgba(20,19,39,.06) !important;
  opacity:1;
  pointer-events:auto;
}

.viewer-shell .icon-tool-btn{
  width:44px;
  min-width:44px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0;
}

.viewer-shell .search-toggle::before{
  content:"⌕";
  font-size:18px;
  line-height:1;
  font-weight:700;
}

.viewer-shell .refresh-source-btn{
  width:44px;
  min-width:44px;
  padding:0;
}

.viewer-shell .refresh-source-btn::before{
  content:"↻";
  font-size:18px;
  line-height:1;
  font-weight:900;
}

.viewer-shell .view-mode-select-wrap{
  display:block;
  margin:0;
}

.viewer-shell .view-mode-select{
  min-width:190px;
  padding:0 40px 0 16px;
}

@media (max-width:900px){
  .viewer-shell .viewer-actions-bar{
    flex-wrap:wrap;
    justify-content:flex-start;
  }

  .viewer-shell .compact-search{
    order:1;
  }

  .viewer-shell .view-mode-select-wrap{
    order:3;
    width:100%;
  }

  .viewer-shell .view-mode-select{
    width:100%;
  }
}

@media (max-width:780px){
  .viewer-shell .compact-search,
  .viewer-shell .viewer-actions-bar{
    width:100%;
  }

  .viewer-shell .compact-search.open #searchBox,
  .viewer-shell .compact-search:focus-within #searchBox{
    width:calc(100% - 54px);
    min-width:0;
    flex:1 1 auto;
  }
}
/* v20260502-end-toolbar-cleanup */


/* v20260502-view-layout-final */
.viewer-shell .feed-grid{display:grid;}
.viewer-shell .feed-grid.view-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}

.viewer-shell .feed-grid.view-list{grid-template-columns:1fr !important;gap:14px;}
.viewer-shell .feed-grid.view-list .feed-card{display:grid !important;grid-template-columns:180px minmax(0,1fr);grid-template-areas:"image meta" "image title" "image summary" "image footer";align-items:start;gap:8px 18px;padding:16px;}
.viewer-shell .feed-grid.view-list .feed-card-top-image{grid-area:image;width:100%;aspect-ratio:4/3;margin:0;}
.viewer-shell .feed-grid.view-list .feed-meta{grid-area:meta;}
.viewer-shell .feed-grid.view-list .feed-title{grid-area:title;font-size:clamp(18px,1.45vw,22px) !important;}
.viewer-shell .feed-grid.view-list .feed-summary{grid-area:summary;-webkit-line-clamp:2;}
.viewer-shell .feed-grid.view-list .feed-footer{grid-area:footer;margin-top:0;}

.viewer-shell .feed-grid.view-magazine{grid-template-columns:1fr !important;gap:18px;}
.viewer-shell .feed-grid.view-magazine .feed-card,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child{display:grid !important;grid-template-columns:1fr !important;grid-template-areas:"image" "meta" "title" "summary" "footer";align-items:start;gap:14px;padding:18px;background:linear-gradient(135deg,#ffffff,#fff8ea 62%,#f4efff);}
.viewer-shell .feed-grid.view-magazine .feed-card-top-image,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-card-top-image{grid-area:image;width:100%;aspect-ratio:16/9;margin:0;}
.viewer-shell .feed-grid.view-magazine .feed-meta{grid-area:meta;align-self:start;}
.viewer-shell .feed-grid.view-magazine .feed-title,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-title{grid-area:title;font-size:clamp(24px,2vw,34px) !important;line-height:1.12;}
.viewer-shell .feed-grid.view-magazine .feed-summary{grid-area:summary;-webkit-line-clamp:4;}
.viewer-shell .feed-grid.view-magazine .feed-footer{grid-area:footer;margin-top:0;}

@media (max-width:900px){
  .viewer-shell .feed-grid.view-grid{grid-template-columns:1fr !important;}
  .viewer-shell .feed-grid.view-list .feed-card,
  .viewer-shell .feed-grid.view-magazine .feed-card,
  .viewer-shell .feed-grid.view-magazine .feed-card:first-child{grid-template-columns:1fr !important;grid-template-areas:"image" "meta" "title" "summary" "footer";}
}
@media (max-width:480px){
  .viewer-shell .feed-grid.view-list .feed-card-top-image,
  .viewer-shell .feed-grid.view-magazine .feed-card-top-image{aspect-ratio:16/9;}
}
/* v20260502-end-view-layout-final */


/* v20260502-magazine-stack-final */
.viewer-shell .feed-grid.view-magazine{
  grid-template-columns:1fr !important;
  gap:18px !important;
}

.viewer-shell .feed-grid.view-magazine .feed-card,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:14px !important;
  padding:18px !important;
  background:linear-gradient(135deg,#ffffff,#fff8ea 62%,#f4efff) !important;
}

.viewer-shell .feed-grid.view-magazine .feed-card-top-image,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-card-top-image{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  margin:0 !important;
  order:1 !important;
}

.viewer-shell .feed-grid.view-magazine .feed-meta,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-meta{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  order:2 !important;
}

.viewer-shell .feed-grid.view-magazine .feed-title,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-title{
  order:3 !important;
  font-size:clamp(24px,2vw,34px) !important;
  line-height:1.12 !important;
  margin:0 !important;
}

.viewer-shell .feed-grid.view-magazine .feed-summary,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-summary{
  order:4 !important;
  margin:0 !important;
  -webkit-line-clamp:4 !important;
}

.viewer-shell .feed-grid.view-magazine .feed-footer,
.viewer-shell .feed-grid.view-magazine .feed-card:first-child .feed-footer{
  order:5 !important;
  margin-top:0 !important;
}

@media (max-width:480px){
  .viewer-shell .feed-grid.view-magazine .feed-card,
  .viewer-shell .feed-grid.view-magazine .feed-card:first-child{
    padding:16px !important;
  }
}
/* v20260502-end-magazine-stack-final */


/* v20260502-media-controls-and-miniplayer */
.viewer-shell .podcast-controls{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  margin:10px 0 0;
  border-radius:999px;
  border:1px solid rgba(32, 27, 61, 0.12);
  background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(246,242,255,0.98));
  box-shadow:0 10px 24px rgba(23, 18, 48, 0.12);
}

.viewer-shell .podcast-controls.is-current{
  border-color:rgba(111, 80, 255, 0.25);
}

.viewer-shell .podcast-controls.is-playing{
  background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(241,236,255,0.98));
  box-shadow:0 12px 28px rgba(77, 56, 174, 0.16);
}

.viewer-shell .podcast-btn{
  width:42px;
  height:42px;
  padding:0;
  border:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:1px;
  background:#ffffff;
  color:#26233f;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(31, 24, 58, 0.12), 0 4px 10px rgba(23, 18, 48, 0.10);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.viewer-shell .podcast-btn:hover{
  transform:translateY(-1px);
  background:#fff5e6;
  box-shadow:inset 0 0 0 1px rgba(31, 24, 58, 0.14), 0 10px 18px rgba(23, 18, 48, 0.14);
}

.viewer-shell .podcast-btn:active{transform:translateY(0);}

.viewer-shell .podcast-btn.primary{
  width:48px;
  height:48px;
  background:linear-gradient(135deg, #ffbb4d, #ff8c3c);
  color:#ffffff;
  box-shadow:0 12px 24px rgba(255, 145, 51, 0.30), inset 0 0 0 1px rgba(255,255,255,0.15);
}

.viewer-shell .podcast-controls.is-playing .podcast-btn.primary{
  background:linear-gradient(135deg, #7b68ff, #5a47f5);
  box-shadow:0 12px 24px rgba(90, 71, 245, 0.28), inset 0 0 0 1px rgba(255,255,255,0.16);
}

.viewer-shell .podcast-btn-open{background:linear-gradient(135deg, #f1ebff, #ebe2ff); color:#6f50ff;}
.viewer-shell .podcast-btn-seek{width:50px; height:48px; border-radius:22px;}
.viewer-shell .podcast-btn-seek:hover{background:#f6f0ff; color:#5e49e8;}

.viewer-shell .podcast-btn svg{width:18px; height:18px; display:block; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
.viewer-shell .podcast-btn.primary svg{width:20px; height:20px;}
.viewer-shell .podcast-btn .icon-fill{fill:currentColor; stroke:none;}
.viewer-shell .podcast-btn .icon-text{fill:currentColor; stroke:none; font-family:Arial, sans-serif; font-size:6px; font-weight:800; letter-spacing:.02em;}
.viewer-shell .podcast-btn-label{display:block; font-size:10px; font-weight:800; line-height:1; letter-spacing:.02em; margin-top:-1px;}
.viewer-shell .podcast-btn.primary .podcast-btn-label{display:none;}
.viewer-shell .podcast-btn:not(.podcast-btn-seek) .podcast-btn-label{display:none;}

.global-audio-player{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:1000;
  display:grid;
  grid-template-columns:minmax(220px, 1.2fr) minmax(240px, 1.6fr) auto;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border-radius:24px;
  background:rgba(20,19,39,0.92);
  color:#fff;
  box-shadow:0 20px 50px rgba(8,8,20,.38);
  backdrop-filter:blur(14px);
}
.global-audio-player.hidden{display:none !important;}
.global-audio-copy{min-width:0; display:flex; flex-direction:column; gap:4px;}
.global-audio-copy span{font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.65); font-weight:700;}
.global-audio-copy strong{font-size:16px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.global-audio-progress{display:grid; gap:8px; min-width:0;}
.global-audio-time{display:flex; justify-content:space-between; gap:10px; font-size:12px; color:rgba(255,255,255,.75);}
.global-audio-seek{
  width:100%;
  appearance:none;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#ffb347 var(--progress,0%), rgba(255,255,255,.22) var(--progress,0%));
  outline:none;
  cursor:pointer;
}
.global-audio-seek::-webkit-slider-runnable-track{height:6px; border-radius:999px; background:transparent;}
.global-audio-seek::-webkit-slider-thumb{appearance:none; width:16px; height:16px; border-radius:50%; background:#fff; border:2px solid #ffb347; margin-top:-5px; box-shadow:0 2px 6px rgba(0,0,0,.25);}
.global-audio-seek::-moz-range-track{height:6px; border-radius:999px; background:rgba(255,255,255,.22);}
.global-audio-seek::-moz-range-progress{height:6px; border-radius:999px; background:#ffb347;}
.global-audio-seek::-moz-range-thumb{width:16px; height:16px; border:none; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.25);}
.global-audio-actions{display:flex; align-items:center; gap:8px; justify-self:end;}
.global-audio-btn{
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.12);
  color:#fff;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}
.global-audio-btn:hover{background:rgba(255,255,255,.2); transform:translateY(-1px);}
.global-audio-btn.primary{width:48px; height:48px; background:linear-gradient(135deg,#ffbb4d,#ff8c3c); color:#fff;}
.global-audio-btn.close{background:rgba(255,255,255,.08);}
.global-audio-btn svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
.global-audio-btn .icon-fill{fill:currentColor; stroke:none;}
.global-audio-btn .icon-text{fill:currentColor; stroke:none; font-family:Arial, sans-serif; font-size:6px; font-weight:800;}

body.has-global-player{padding-bottom:112px;}

@media (max-width:900px){
  .global-audio-player{grid-template-columns:1fr; gap:12px; left:12px; right:12px; bottom:12px; padding:14px;}
  .global-audio-actions{justify-self:start;}
}
@media (max-width:780px){
  .viewer-shell .podcast-controls{gap:6px; padding:8px 9px; flex-wrap:wrap; border-radius:22px;}
  .viewer-shell .podcast-btn{width:38px; height:38px;}
  .viewer-shell .podcast-btn.primary{width:42px; height:42px;}
  .viewer-shell .podcast-btn-seek{width:46px; height:42px;}
  .global-audio-copy strong{font-size:14px;}
  body.has-global-player{padding-bottom:142px;}
}
/* v20260502-end-media-controls-and-miniplayer */


/* v20260502-media-controls-ss01 */
.viewer-shell .podcast-controls{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:12px 0 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.viewer-shell .podcast-controls.is-current,
.viewer-shell .podcast-controls.is-playing{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.viewer-shell .podcast-btn{
  width:56px !important;
  height:56px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.46) !important;
  color:#2a2940 !important;
  box-shadow:0 8px 20px rgba(31,24,58,.10), inset 0 0 0 1px rgba(255,255,255,.22) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.viewer-shell .podcast-btn:hover{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,.68) !important;
  box-shadow:0 10px 24px rgba(31,24,58,.14), inset 0 0 0 1px rgba(255,255,255,.3) !important;
}

.viewer-shell .podcast-btn.primary{
  width:66px !important;
  height:66px !important;
  background:linear-gradient(135deg,#ffb34d,#ff9b39) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(255,155,57,.28), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}

.viewer-shell .podcast-controls.is-playing .podcast-btn.primary{
  background:linear-gradient(135deg,#ffb34d,#ff9b39) !important;
  color:#fff !important;
}

.viewer-shell .podcast-btn-seek,
.viewer-shell .podcast-btn-open,
.viewer-shell .podcast-btn-restart{
  width:56px !important;
  height:56px !important;
  border-radius:999px !important;
}

.viewer-shell .podcast-btn svg{
  width:24px !important;
  height:24px !important;
}

.viewer-shell .podcast-btn.primary svg{
  width:28px !important;
  height:28px !important;
}

.viewer-shell .podcast-btn-label{
  display:none !important;
}

.global-audio-player{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(30vw, 520px) !important;
  min-width:360px !important;
  max-width:calc(100vw - 24px) !important;
  bottom:18px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
  gap:10px !important;
  padding:14px 16px !important;
  border-radius:24px !important;
  background:rgba(20,19,39,.92) !important;
}

.global-audio-copy strong{font-size:15px !important;}
.global-audio-progress{gap:8px !important;}
.global-audio-actions{justify-self:center !important;gap:10px !important;}
.global-audio-btn{width:44px !important;height:44px !important;}
.global-audio-btn.primary{width:48px !important;height:48px !important;}

@media (max-width:1280px){
  .global-audio-player{width:min(42vw, 520px) !important;}
}

@media (max-width:900px){
  .viewer-shell .podcast-controls{gap:10px !important;}
  .viewer-shell .podcast-btn,
  .viewer-shell .podcast-btn-seek,
  .viewer-shell .podcast-btn-open,
  .viewer-shell .podcast-btn-restart{width:50px !important;height:50px !important;}
  .viewer-shell .podcast-btn.primary{width:58px !important;height:58px !important;}
  .global-audio-player{width:min(60vw, 520px) !important;min-width:320px !important;}
}

@media (max-width:640px){
  .global-audio-player{width:calc(100vw - 24px) !important;min-width:0 !important;left:12px !important;right:12px !important;transform:none !important;}
}
/* v20260502-end-media-controls-ss01 */


/* v20260502-radio-card-layout-lock */
.viewer-shell .radio-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px, 38%) !important;
  grid-template-areas:
    "title image"
    "footer image" !important;
  align-items:center !important;
  gap:18px 18px !important;
  padding:22px !important;
}

.viewer-shell .radio-card .feed-meta,
.viewer-shell .radio-card .feed-summary,
.viewer-shell .radio-card .radio-player{
  display:none !important;
}

.viewer-shell .radio-card .feed-title{
  grid-area:title !important;
  margin:0 !important;
  align-self:end !important;
  font-size:clamp(28px, 2.2vw, 40px) !important;
  line-height:1.08 !important;
  max-width:22ch !important;
}

.viewer-shell .radio-card .feed-footer{
  grid-area:footer !important;
  margin-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:12px !important;
}

.viewer-shell .radio-card .radio-logo-fade{
  grid-area:image !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  align-self:stretch !important;
  min-height:300px !important;
  width:100% !important;
  padding:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  position:relative !important;
  isolation:isolate !important;
}

.viewer-shell .radio-card .radio-logo-fade::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:46%;
  background:linear-gradient(to right,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.92) 26%,
    rgba(255,255,255,.55) 58%,
    rgba(255,255,255,0) 100%);
  z-index:2;
  pointer-events:none;
}

.viewer-shell .radio-card .radio-logo-img{
  width:118% !important;
  max-width:none !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:right center !important;
  opacity:1 !important;
  transform:translateX(2%) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  position:relative;
  z-index:1;
}

.viewer-shell .radio-card .feed-link{
  margin-top:2px !important;
}

/* make radio logo a bit smaller in 1x Magazine */
.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-fade{
  min-height:220px !important;
}

.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-fade::before{
  width:42% !important;
}

.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-img{
  width:88% !important;
  transform:none !important;
}

@media (max-width:900px){
  .viewer-shell .radio-card{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "image"
      "footer" !important;
  }

  .viewer-shell .radio-card .feed-title{
    max-width:none !important;
  }

  .viewer-shell .radio-card .radio-logo-fade{
    min-height:220px !important;
    justify-content:center !important;
  }

  .viewer-shell .radio-card .radio-logo-fade::before{
    width:36% !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    width:100% !important;
    transform:none !important;
    object-position:center !important;
  }
}
/* v20260502-end-radio-card-layout-lock */


/* v20260502-contact-refresh */
.contact-hero{
  --viewer-image:url('/assets/banner-notext.png');
  min-height:360px !important;
}

.contact-hero > div{
  width:min(var(--home-wide),calc(100% - 48px)) !important;
  max-width:var(--home-wide) !important;
}

.contact-layout-enhanced{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.62fr);
  gap:22px;
  margin-top:24px;
  align-items:start;
}

.contact-form-card,
.contact-side-card{
  position:relative;
  border:1px solid rgba(26,23,55,.14) !important;
  border-radius:32px !important;
  box-shadow:0 18px 44px rgba(18,16,41,.10) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,255,.96)) !important;
  padding:28px !important;
  overflow:hidden;
}

.contact-form-card::before,
.contact-side-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#ffb347,#7b61ff);
  opacity:.95;
}

.contact-form-card h2,
.contact-side-card h2{
  margin:0 0 18px;
  font-size:clamp(34px,3vw,48px);
  line-height:.96;
  letter-spacing:-.05em;
}

.contact-form-card .notice{
  margin-bottom:16px;
}

.contact-form-card .form-grid,
.contact-form-card .form-grid-gap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.contact-form-card .form-grid-gap,
.contact-message-row{
  margin-top:16px;
}

.contact-form-card label{
  margin:0 0 8px;
  color:#18163a;
  font-size:14px;
  font-weight:900;
}

.contact-form-card .input,
.contact-form-card select,
.contact-form-card textarea{
  width:100%;
  border:1px solid rgba(28,24,58,.18) !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#18163a !important;
  min-height:56px;
  padding:0 16px !important;
  box-shadow:0 6px 18px rgba(20,19,39,.06) !important;
}

.contact-form-card textarea{
  min-height:170px;
  padding:16px !important;
  resize:vertical;
}

.contact-form-card .input:focus,
.contact-form-card select:focus,
.contact-form-card textarea:focus{
  border-color:#7b61ff !important;
  box-shadow:0 0 0 4px rgba(123,97,255,.12),0 8px 20px rgba(20,19,39,.10) !important;
}

.contact-actions{
  margin-top:20px;
}

.contact-actions .btn.primary{
  min-height:50px;
  padding:0 22px;
  border-radius:999px;
  box-shadow:0 12px 28px rgba(255,162,59,.26);
}

.contact-side-card{
  background:linear-gradient(180deg,#fff,#f8f4ff 100%) !important;
}

.contact-info-list{
  display:grid;
  gap:14px;
}

.contact-side-card .info-box{
  padding:18px 18px 17px;
  border:1px solid rgba(28,24,58,.14) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fffaf0,#fff) !important;
  box-shadow:0 8px 18px rgba(20,19,39,.06);
}

.contact-side-card .info-box strong{
  display:block;
  margin-bottom:8px;
  color:#18163a;
  font-size:15px;
}

.contact-side-card .info-box p,
.contact-side-card .info-box a{
  color:#5a556c;
  line-height:1.7;
}

.contact-side-card .info-box a:hover{
  color:#4b39f4;
}

.contact-honeypot{
  display:none !important;
}

@media (max-width:1080px){
  .contact-layout-enhanced{
    grid-template-columns:1fr;
  }
}

@media (max-width:780px){
  .contact-hero{
    min-height:320px !important;
  }

  .contact-hero > div{
    width:min(100% - 24px,var(--home-wide)) !important;
  }

  .contact-form-card,
  .contact-side-card{
    padding:22px !important;
    border-radius:28px !important;
  }

  .contact-form-card .form-grid,
  .contact-form-card .form-grid-gap{
    grid-template-columns:1fr;
  }
}
/* v20260502-end-contact-refresh */


/* v20260502-contact-success-clean */
.contact-form-card .notice.success{
  border:0 !important;
  outline:0 !important;
  background:linear-gradient(135deg,#e9fff1,#f5fff8) !important;
  color:#135c37 !important;
  box-shadow:0 10px 24px rgba(32,168,104,.14) !important;
}
/* v20260502-end-contact-success-clean */


/* v20260503-privacy-hero-text-wide */
.viewer-hero.viewer-hero-text-wide > div{
  max-width:min(980px, calc(100% - 260px)) !important;
}

.viewer-hero.viewer-hero-text-wide .lead{
  max-width:980px !important;
}

@media (max-width:1080px){
  .viewer-hero.viewer-hero-text-wide > div{
    max-width:min(900px, calc(100% - 120px)) !important;
  }
}

@media (max-width:780px){
  .viewer-hero.viewer-hero-text-wide > div{
    max-width:none !important;
  }

  .viewer-hero.viewer-hero-text-wide .lead{
    max-width:none !important;
  }
}
/* v20260503-end-privacy-hero-text-wide */


/* v20260503-full-width-privacy-heroes */
.viewer-hero.viewer-hero-full-width{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.viewer-hero.viewer-hero-full-width > div{
  width:min(var(--home-wide), calc(100% - 48px)) !important;
  max-width:var(--home-wide) !important;
  margin:0 auto !important;
}

.viewer-hero.viewer-hero-full-width .lead{
  max-width:860px !important;
}

@media (max-width:1080px){
  .viewer-hero.viewer-hero-full-width > div{
    width:min(100% - 32px, var(--home-wide)) !important;
  }
}

@media (max-width:780px){
  .viewer-hero.viewer-hero-full-width > div{
    width:min(100% - 24px, var(--home-wide)) !important;
  }

  .viewer-hero.viewer-hero-full-width .lead{
    max-width:none !important;
  }
}
/* v20260503-end-full-width-privacy-heroes */


/* v20260503-media-phone-style */
.media-showcase{
  margin-top:28px;
}

.media-showcase .tab-bar{
  margin-bottom:18px;
}

.media-tab-panel{
  padding-top:6px;
}

.media-grid.media-grid-polished{
  grid-template-columns:minmax(320px, 430px) minmax(0, 1fr);
  gap:34px;
  align-items:center;
}

.media-card.media-card-phone,
.media-card.media-card-details{
  border:1px solid rgba(23,22,53,.14);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,247,255,.98));
  box-shadow:0 18px 42px rgba(17,16,40,.10);
}

.media-card.media-card-phone{
  padding:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:760px;
  background:linear-gradient(135deg,#fffefb 0%,#f7f3ff 100%);
}

.phone-stage{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.phone-shell{
  position:relative;
  width:min(100%, 360px);
  padding:14px;
  border-radius:44px;
  background:linear-gradient(180deg,#ffffff 0%,#f4f4f8 100%);
  border:1px solid rgba(19,18,42,.12);
  box-shadow:0 18px 40px rgba(16,15,38,.18), inset 0 1px 0 rgba(255,255,255,.9);
}

.phone-shell::before,
.phone-shell::after{
  content:"";
  position:absolute;
  top:132px;
  width:4px;
  background:rgba(31,29,59,.18);
  border-radius:99px;
}

.phone-shell::before{
  left:-3px;
  height:74px;
}

.phone-shell::after{
  right:-3px;
  height:94px;
}

.phone-speaker{
  position:absolute;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  width:112px;
  height:7px;
  border-radius:999px;
  background:rgba(34,31,67,.78);
  box-shadow:0 1px 1px rgba(255,255,255,.4);
  z-index:2;
}

.phone-screen{
  position:relative;
  border-radius:34px;
  overflow:hidden;
  background:#000;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

.video-frame.video-frame-phone{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#000 !important;
  overflow:hidden;
}

.video-frame.video-frame-phone video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:298 / 640;
  max-height:none;
  background:#000;
  object-fit:contain;
}

.media-card.media-card-details{
  padding:34px 36px;
}

.media-card.media-card-details .eyebrow{
  margin-bottom:14px;
}

.media-card.media-card-details h2{
  margin:0 0 14px;
  font-size:clamp(34px, 4vw, 56px);
  line-height:1.02;
  letter-spacing:-0.045em;
}

.media-card.media-card-details p{
  font-size:18px;
  line-height:1.72;
  color:#666178;
  max-width:720px;
}

.media-card.media-card-details .chip-row{
  gap:10px;
  margin-top:20px;
}

.media-card.media-card-details .chip{
  background:#fff7df;
  color:#171635;
  border:1px solid rgba(23,22,53,.10);
  padding:9px 13px;
  box-shadow:0 6px 16px rgba(22,20,49,.06);
}

.media-card.media-card-details .meta-list{
  margin-top:22px;
  gap:0;
}

.media-card.media-card-details .meta-row{
  padding:14px 0;
  border-bottom:1px solid rgba(23,22,53,.12);
}

.media-card.media-card-details .meta-row .label{
  color:#726d85;
  font-size:14px;
  font-weight:800;
}

.media-card.media-card-details .meta-row .value{
  color:#18163a;
  font-size:16px;
}

.media-card.media-card-details .actions{
  margin-top:28px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

@media (max-width:1080px){
  .media-grid.media-grid-polished{
    grid-template-columns:1fr;
    gap:24px;
  }

  .media-card.media-card-phone{
    min-height:auto;
  }
}

@media (max-width:780px){
  .media-card.media-card-phone,
  .media-card.media-card-details{
    border-radius:28px;
  }

  .media-card.media-card-phone{
    padding:18px;
  }

  .phone-shell{
    width:min(100%, 330px);
    border-radius:38px;
    padding:12px;
  }

  .phone-screen{
    border-radius:28px;
  }

  .media-card.media-card-details{
    padding:24px 22px;
  }

  .media-card.media-card-details h2{
    font-size:clamp(30px, 8vw, 42px);
  }

  .media-card.media-card-details p{
    font-size:17px;
  }
}
/* v20260503-end-media-phone-style */


/* v20260503-media-maw-hero */
.viewer-hero.media-hero-maw{
  background:
    linear-gradient(100deg,rgba(20,19,39,.96),rgba(37,35,74,.86) 48%,rgba(37,35,74,.24)),
    var(--viewer-image) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:cover, 34% auto !important;
  background-position:center center, right 7% center !important;
}

@media (max-width:1080px){
  .viewer-hero.media-hero-maw{
    background-size:cover, 40% auto !important;
    background-position:center center, right 4% center !important;
  }
}

@media (max-width:780px){
  .viewer-hero.media-hero-maw{
    background-size:cover, 56% auto !important;
    background-position:center center, right -12px top 34px !important;
  }
}
/* v20260503-end-media-maw-hero */



/* v20260504-home-stats-icons-mobile-hero */
.home-stat > .stat-icon{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  background-color:transparent !important;
}

@media (max-width:480px){
  .home-stat > .stat-icon{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    background-color:transparent !important;
  }
}

@media (max-width:780px){
  .hero-slider{
    display:block !important;
    width:100vw !important;
    min-height:560px !important;
    background:#222057 !important;
    overflow:hidden !important;
  }

  .hero-slide{
    display:flex !important;
    position:absolute !important;
    inset:0 !important;
    min-height:560px !important;
  }

  .hero-slide.active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .hero-media{
    display:block !important;
    visibility:visible !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:.42 !important;
    z-index:1 !important;
  }

  .hero-media img,
  .hero-media video{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center right !important;
    opacity:1 !important;
  }

  .hero-content{
    position:relative !important;
    z-index:3 !important;
  }
}
/* v20260504-end-home-stats-icons-mobile-hero */



/* v20260504-home-mobile-hero-spacing */
@media (max-width:780px){
  .hero-slider{
    min-height:500px !important;
  }

  .hero-slide{
    min-height:500px !important;
    align-items:flex-start !important;
    padding-top:14px !important;
    padding-bottom:48px !important;
  }

  .hero-content{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .slider-controls{
    bottom:16px !important;
  }
}

@media (max-width:480px){
  .hero-slider{
    min-height:490px !important;
  }

  .hero-slide{
    min-height:490px !important;
    padding-top:12px !important;
    padding-bottom:44px !important;
  }

  .slider-controls{
    bottom:14px !important;
  }
}
/* v20260504-end-home-mobile-hero-spacing */



/* v20260504-home-mobile-hero-bottom-tight */
@media (max-width:780px){
  .hero-slider{
    min-height:410px !important;
  }

  .hero-slide{
    min-height:410px !important;
    padding-top:10px !important;
    padding-bottom:38px !important;
  }

  .slider-controls{
    bottom:12px !important;
  }
}

@media (max-width:480px){
  .hero-slider{
    min-height:400px !important;
  }

  .hero-slide{
    min-height:400px !important;
    padding-top:8px !important;
    padding-bottom:36px !important;
  }

  .slider-controls{
    bottom:10px !important;
  }
}
/* v20260504-end-home-mobile-hero-bottom-tight */



/* v20260504-home-mobile-hero-auto-height */
@media (max-width:780px){
  .hero-slider{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .hero-slide{
    position:relative !important;
    inset:auto !important;
    display:none !important;
    min-height:0 !important;
    height:auto !important;
    padding:12px 20px 44px !important;
    align-items:flex-start !important;
  }

  .hero-slide.active{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .hero-content{
    padding:0 !important;
    margin:0 !important;
  }

  .slider-controls{
    position:absolute !important;
    left:20px !important;
    right:20px !important;
    bottom:12px !important;
  }
}

@media (max-width:480px){
  .hero-slide{
    padding:10px 12px 40px !important;
  }

  .slider-controls{
    left:12px !important;
    right:12px !important;
    bottom:10px !important;
  }
}
/* v20260504-end-home-mobile-hero-auto-height */



/* v20260504-mobile-menu-polish */
@media (max-width:780px){
  .site-nav{
    top:68px !important;
    left:12px !important;
    right:12px !important;
    display:none !important;
    align-items:center !important;
    gap:8px !important;
    padding:14px !important;
    border:1px solid rgba(23,22,53,.12) !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 14px 38px rgba(24,22,55,.12) !important;
  }

  .site-nav.open,
  .site-nav.is-open{
    display:flex !important;
  }

  .nav-link,
  .nav-drop,
  .nav-drop-btn{
    width:100% !important;
    text-align:center !important;
  }

  .nav-link,
  .nav-drop-btn{
    justify-content:center !important;
    min-height:44px !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#fff7df !important;
    color:#17142f !important;
    box-shadow:none !important;
  }

  .nav-link:hover,
  .nav-drop-btn:hover,
  .nav-link.active,
  .nav-drop.open > .nav-drop-btn{
    background:linear-gradient(135deg,#fff0ca,#f1eaff) !important;
    color:#111026 !important;
  }

  .nav-drop-menu{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    margin:8px 0 0 !important;
    padding:10px !important;
    display:none !important;
    gap:6px !important;
    border:1px solid rgba(23,22,53,.10) !important;
    border-radius:22px !important;
    background:#ffffff !important;
    box-shadow:none !important;
  }

  .nav-drop.open .nav-drop-menu{
    display:grid !important;
  }

  .nav-drop-menu a{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:42px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    text-align:center !important;
    background:#fff !important;
    color:#17142f !important;
    font-weight:760 !important;
  }

  .nav-drop-menu a:hover{
    background:#f3edff !important;
  }

  .drawer-backdrop{
    background:transparent !important;
    backdrop-filter:none !important;
  }
}
/* v20260504-end-mobile-menu-polish */



/* v20260504-mobile-menu-soft-shadow-center */
@media (max-width:780px){
  .site-nav,
  .site-nav.open,
  .site-nav.is-open{
    box-shadow:0 10px 28px rgba(20,19,39,.10) !important;
  }

  .site-nav,
  .site-nav *{
    text-align:center !important;
  }

  .nav-link,
  .nav-drop-btn,
  .nav-drop-menu a{
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
  }

  .nav-drop-menu{
    justify-items:center !important;
  }

  .nav-drop-menu a{
    width:100% !important;
  }
}
/* v20260504-end-mobile-menu-soft-shadow-center */



/* v20260504-media-mobile-tabs-hide-hero */
@media (max-width:780px){
  .viewer-hero.media-hero-maw{
    display:none !important;
  }

  .media-showcase{
    margin-top:18px !important;
  }

  .media-showcase .tab-bar{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    margin:0 0 18px !important;
    padding:6px !important;
    border:1px solid rgba(23,22,53,.12) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.86) !important;
    box-shadow:0 10px 28px rgba(20,19,39,.08) !important;
  }

  .media-showcase .tab-btn{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:0 8px !important;
    border-radius:16px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center !important;
    justify-content:center !important;
    box-shadow:none !important;
  }

  .media-showcase .tab-btn.active{
    box-shadow:0 8px 18px rgba(255,107,53,.22) !important;
  }
}

@media (max-width:380px){
  .media-showcase .tab-btn{
    font-size:10px !important;
    padding:0 6px !important;
  }
}
/* v20260504-end-media-mobile-tabs-hide-hero */



/* v20260504-webviewer-mobile-toolbar-clean */
@media (max-width:780px){
  .viewer-shell .content-panel{
    padding:20px 18px !important;
  }

  .viewer-shell .panel-header{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:12px !important;
    margin-bottom:18px !important;
    padding-bottom:16px !important;
  }

  .viewer-shell .panel-header > div:first-child{
    min-width:0 !important;
  }

  .viewer-shell .viewer-actions-bar{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .viewer-shell .view-mode-select-wrap,
  .viewer-shell .view-mode-select{
    display:none !important;
  }

  .viewer-shell .compact-search{
    order:2 !important;
    position:relative !important;
    display:inline-flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    min-width:44px !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
  }

  .viewer-shell .refresh-source-btn{
    order:1 !important;
  }

  .viewer-shell .icon-tool-btn{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    padding:0 !important;
    border-radius:15px !important;
    border:1px solid rgba(20,19,39,.13) !important;
    background:#fff !important;
    box-shadow:0 8px 20px rgba(20,19,39,.07) !important;
  }

  .viewer-shell #searchBox{
    position:absolute !important;
    top:52px !important;
    right:0 !important;
    z-index:10 !important;
    width:0 !important;
    min-width:0 !important;
    max-width:calc(100vw - 56px) !important;
    height:46px !important;
    padding:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  .viewer-shell .compact-search.open #searchBox,
  .viewer-shell .compact-search:focus-within #searchBox{
    width:min(300px, calc(100vw - 56px)) !important;
    min-width:min(300px, calc(100vw - 56px)) !important;
    padding:0 15px !important;
    opacity:1 !important;
    pointer-events:auto !important;
    border-color:rgba(20,19,39,.14) !important;
    box-shadow:0 12px 26px rgba(20,19,39,.12) !important;
  }
}

@media (max-width:420px){
  .viewer-shell .content-panel{
    padding:18px 16px !important;
  }

  .viewer-shell .panel-title{
    font-size:26px !important;
  }

  .viewer-shell .panel-subtitle{
    font-size:13px !important;
  }
}
/* v20260504-end-webviewer-mobile-toolbar-clean */



/* v20260504-all-hero-auto-height */
.page-hero,
.viewer-hero,
.viewer-hero.viewer-hero-full-width,
.viewer-hero.viewer-hero-text-wide,
.viewer-hero.media-hero-maw,
.media-contacts-page .viewer-hero{
  height:auto !important;
  min-height:0 !important;
}

.page-hero,
.viewer-hero{
  padding-top:clamp(42px, 5vw, 74px) !important;
  padding-bottom:clamp(42px, 5vw, 74px) !important;
}

@media (min-width:781px){
  .hero-slider{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .hero-slide{
    position:relative !important;
    inset:auto !important;
    display:none !important;
    min-height:0 !important;
    height:auto !important;
    padding-top:clamp(50px, 5vw, 72px) !important;
    padding-bottom:clamp(72px, 6vw, 92px) !important;
  }

  .hero-slide.active{
    display:grid !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .slider-controls{
    bottom:26px !important;
  }
}

@media (max-width:780px){
  .page-hero,
  .viewer-hero,
  .media-contacts-page .viewer-hero{
    height:auto !important;
    min-height:0 !important;
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .viewer-hero.media-hero-maw{
    display:none !important;
  }

  .hero-slider{
    height:auto !important;
    min-height:0 !important;
  }

  .hero-slide{
    min-height:0 !important;
    height:auto !important;
    padding-top:10px !important;
    padding-bottom:40px !important;
  }

  .slider-controls{
    bottom:10px !important;
  }
}
/* v20260504-end-all-hero-auto-height */



/* v20260504-show-media-hero-mobile */
@media (max-width:780px){
  .viewer-hero.media-hero-maw{
    display:grid !important;
    height:auto !important;
    min-height:0 !important;
    padding-top:34px !important;
    padding-bottom:34px !important;
    margin-bottom:18px !important;
    background:
      linear-gradient(100deg,rgba(20,19,39,.96),rgba(37,35,74,.86) 54%,rgba(37,35,74,.35)),
      var(--viewer-image) !important;
    background-repeat:no-repeat,no-repeat !important;
    background-size:cover, 54% auto !important;
    background-position:center center, right -10px center !important;
  }

  .viewer-hero.media-hero-maw > div{
    width:min(100% - 24px,var(--home-wide)) !important;
    max-width:none !important;
  }

  .viewer-hero.media-hero-maw h1{
    max-width:420px !important;
  }

  .viewer-hero.media-hero-maw .lead{
    max-width:420px !important;
  }
}
/* v20260504-end-show-media-hero-mobile */



/* v20260504-header-and-home-hero-body-align */
:root{
  --mits-body-width:var(--home-wide, 1480px);
  --mits-body-gutter:48px;
}

/* Align the header logo/menu container with the main body content on all pages. */
.site-header .site-wrap,
.site-header-inner{
  width:min(var(--mits-body-width), calc(100% - var(--mits-body-gutter))) !important;
  max-width:var(--mits-body-width) !important;
}

/* Home page only: align the hero copy and slider dots with the body/header left edge. */
@media (min-width:781px){
  body:has(.hero-slider) .hero-content{
    margin-left:max(calc(var(--mits-body-gutter) / 2), calc((100vw - var(--mits-body-width)) / 2)) !important;
  }

  body:has(.hero-slider) .slider-controls{
    left:max(calc(var(--mits-body-gutter) / 2), calc((100vw - var(--mits-body-width)) / 2)) !important;
  }
}

@media (max-width:1080px){
  :root{
    --mits-body-gutter:32px;
  }
}

@media (max-width:780px){
  :root{
    --mits-body-gutter:24px;
  }

  .site-header .site-wrap,
  .site-header-inner{
    width:100% !important;
    max-width:none !important;
  }

  body:has(.hero-slider) .hero-content{
    margin-left:0 !important;
  }
}
/* v20260504-end-header-and-home-hero-body-align */



/* v20260504-home-and-media-sources-hero-align */
@media (min-width:781px){
  /* Home only: remove the extra slide padding from the left side, then align copy to body/header edge. */
  body:has(.hero-slider) .hero-slide{
    padding-left:0 !important;
  }

  body:has(.hero-slider) .hero-content{
    margin-left:max(24px, calc((100vw - var(--home-wide, 1480px)) / 2)) !important;
  }

  body:has(.hero-slider) .slider-controls{
    left:max(24px, calc((100vw - var(--home-wide, 1480px)) / 2)) !important;
  }

  /* Media Sources Contacts only: align hero text container to the same width/start as the body card. */
  .media-contacts-page .viewer-hero > div{
    width:min(1540px, calc(100% - 48px)) !important;
    max-width:1540px !important;
    margin:0 auto !important;
  }

  .media-contacts-page .viewer-hero h1,
  .media-contacts-page .viewer-hero .lead{
    max-width:1040px !important;
  }
}

@media (max-width:1080px) and (min-width:781px){
  body:has(.hero-slider) .hero-content{
    margin-left:24px !important;
  }

  body:has(.hero-slider) .slider-controls{
    left:24px !important;
  }

  .media-contacts-page .viewer-hero > div{
    width:min(100% - 48px, 1540px) !important;
  }
}
/* v20260504-end-home-and-media-sources-hero-align */



/* v20260504-media-sources-logo-hero-body-align */
@media (min-width:781px){
  .media-contacts-page{
    --msc-align-width:1540px;
    --msc-align-gutter:48px;
  }

  .media-contacts-page .site-header .site-wrap,
  .media-contacts-page .site-header-inner{
    width:min(var(--msc-align-width), calc(100% - var(--msc-align-gutter))) !important;
    max-width:var(--msc-align-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .media-contacts-page .viewer-hero{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .media-contacts-page .viewer-hero > div{
    width:min(var(--msc-align-width), calc(100% - var(--msc-align-gutter))) !important;
    max-width:var(--msc-align-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .media-contacts-page .viewer-hero h1,
  .media-contacts-page .viewer-hero .lead{
    max-width:1040px !important;
  }

  .media-contacts-page .msc-wrap{
    width:min(var(--msc-align-width), calc(100% - var(--msc-align-gutter))) !important;
    max-width:var(--msc-align-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:1080px) and (min-width:781px){
  .media-contacts-page{
    --msc-align-gutter:48px;
  }
}

@media (max-width:780px){
  .media-contacts-page .site-header .site-wrap,
  .media-contacts-page .site-header-inner{
    width:100% !important;
    max-width:none !important;
  }
}
/* v20260504-end-media-sources-logo-hero-body-align */



/* v20260504-media-sources-precise-left-align */
@media (min-width:781px){
  .media-contacts-page{
    --msc-page-left: max(88px, calc((100vw - 1540px) / 2));
    --msc-page-width: calc(100vw - (var(--msc-page-left) * 2));
  }

  .media-contacts-page .site-header .site-wrap,
  .media-contacts-page .site-header-inner,
  .media-contacts-page .viewer-hero > div,
  .media-contacts-page .msc-wrap{
    width:var(--msc-page-width) !important;
    max-width:1540px !important;
    margin-left:var(--msc-page-left) !important;
    margin-right:var(--msc-page-left) !important;
  }

  .media-contacts-page .viewer-hero{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .media-contacts-page .viewer-hero h1,
  .media-contacts-page .viewer-hero .lead{
    max-width:1040px !important;
  }
}

@media (max-width:1280px) and (min-width:781px){
  .media-contacts-page{
    --msc-page-left: 56px;
  }
}

@media (max-width:980px) and (min-width:781px){
  .media-contacts-page{
    --msc-page-left: 32px;
  }
}
/* v20260504-end-media-sources-precise-left-align */



/* v20260504-media-sources-body-back-align */
@media (min-width:781px){
  .media-contacts-page{
    --msc-page-left: max(88px, calc((100vw - 1540px) / 2));
    --msc-page-width: calc(100vw - (var(--msc-page-left) * 2));
  }

  .media-contacts-page .site-header .site-wrap,
  .media-contacts-page .site-header-inner,
  .media-contacts-page .viewer-hero > div,
  .media-contacts-page .msc-wrap{
    width:var(--msc-page-width) !important;
    max-width:1540px !important;
    margin-left:var(--msc-page-left) !important;
    margin-right:var(--msc-page-left) !important;
  }

  .media-contacts-page .msc-summary,
  .media-contacts-page .msc-panel{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    justify-self:stretch !important;
  }

  .media-contacts-page .viewer-hero{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .media-contacts-page .viewer-hero h1,
  .media-contacts-page .viewer-hero .lead{
    max-width:1040px !important;
  }
}

@media (max-width:1280px) and (min-width:781px){
  .media-contacts-page{
    --msc-page-left:56px;
  }
}

@media (max-width:980px) and (min-width:781px){
  .media-contacts-page{
    --msc-page-left:32px;
  }
}
/* v20260504-end-media-sources-body-back-align */



/* v20260504-media-sources-wrapper-final-align */
@media (min-width:781px){
  .media-contacts-page{
    --msc-align-left:max(88px, calc((100vw - 1540px) / 2));
    --msc-align-width:min(1540px, calc(100vw - (var(--msc-align-left) * 2)));
  }

  /* The media-sources page was inside a centred .site-wrap, which was adding another offset.
     Make that wrapper full width so the hero and body can share one real page alignment. */
  .media-contacts-page .site-main > .site-wrap.viewer-shell{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .media-contacts-page .site-header .site-wrap,
  .media-contacts-page .site-header-inner,
  .media-contacts-page .viewer-hero > div,
  .media-contacts-page .msc-wrap{
    width:var(--msc-align-width) !important;
    max-width:1540px !important;
    margin-left:var(--msc-align-left) !important;
    margin-right:auto !important;
  }

  .media-contacts-page .viewer-hero{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .media-contacts-page .msc-summary,
  .media-contacts-page .msc-panel{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .media-contacts-page .viewer-hero h1,
  .media-contacts-page .viewer-hero .lead{
    max-width:1040px !important;
  }
}

@media (max-width:1280px) and (min-width:781px){
  .media-contacts-page{
    --msc-align-left:56px;
  }
}

@media (max-width:980px) and (min-width:781px){
  .media-contacts-page{
    --msc-align-left:32px;
  }
}

@media (max-width:780px){
  .media-contacts-page .site-main > .site-wrap.viewer-shell{
    width:min(100% - 24px, var(--max)) !important;
    max-width:var(--max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
/* v20260504-end-media-sources-wrapper-final-align */



/* v20260504-privacy-policy-heading-size */
.policy-card h2,
.policy-body h2,
.privacy-policy-page h2,
body.policy-page h2,
body.privacy-page h2{
  font-size:clamp(30px, 2.9vw, 48px) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
}

@media (max-width:780px){
  .policy-card h2,
  .policy-body h2,
  .privacy-policy-page h2,
  body.policy-page h2,
  body.privacy-page h2{
    font-size:clamp(26px, 7vw, 36px) !important;
    line-height:1.12 !important;
  }
}
/* v20260504-end-privacy-policy-heading-size */



/* v20260504-privacy-policy-heading-size-50 */
.policy-card h2,
.policy-body h2,
.privacy-policy-page h2,
body.policy-page h2,
body.privacy-page h2{
  font-size:clamp(22px, 1.9vw, 32px) !important;
  line-height:1.16 !important;
  letter-spacing:-.025em !important;
}

@media (max-width:780px){
  .policy-card h2,
  .policy-body h2,
  .privacy-policy-page h2,
  body.policy-page h2,
  body.privacy-page h2{
    font-size:clamp(22px, 5.2vw, 28px) !important;
    line-height:1.18 !important;
  }
}
/* v20260504-end-privacy-policy-heading-size-50 */



/* v20260504-radio-card-complete-logo-description */
.viewer-shell .radio-card{
  grid-template-columns:minmax(280px,.9fr) minmax(340px,.85fr) !important;
  grid-template-areas:
    "content image"
    "footer image" !important;
  align-items:center !important;
  gap:18px 22px !important;
  min-height:0 !important;
  padding:18px 20px !important;
}

.viewer-shell .radio-card .feed-title{
  grid-area:content !important;
  align-self:end !important;
  margin:0 0 8px !important;
  font-size:clamp(22px,1.7vw,30px) !important;
  line-height:1.12 !important;
  max-width:22ch !important;
}

.viewer-shell .radio-card .feed-summary{
  display:block !important;
  grid-area:content !important;
  align-self:start !important;
  margin:52px 0 0 !important;
  max-width:52ch !important;
  color:#67627f !important;
  font-size:15px !important;
  line-height:1.55 !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}

.viewer-shell .radio-card .feed-meta,
.viewer-shell .radio-card .radio-player{
  display:none !important;
}

.viewer-shell .radio-card .feed-footer{
  grid-area:footer !important;
  margin-top:10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:12px !important;
}

.viewer-shell .radio-card .radio-logo-fade{
  grid-area:image !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  min-height:210px !important;
  max-height:240px !important;
  width:100% !important;
  padding:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  position:relative !important;
  isolation:isolate !important;
}

.viewer-shell .radio-card .radio-logo-fade::before{
  display:none !important;
  content:none !important;
}

.viewer-shell .radio-card .radio-logo-img{
  width:100% !important;
  max-width:420px !important;
  height:100% !important;
  max-height:240px !important;
  object-fit:contain !important;
  object-position:center center !important;
  opacity:1 !important;
  transform:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  position:relative !important;
  z-index:1 !important;
}

.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-fade{
  min-height:190px !important;
  max-height:220px !important;
}

.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-img{
  width:100% !important;
  max-width:380px !important;
  transform:none !important;
}

@media (max-width:900px){
  .viewer-shell .radio-card{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "image"
      "content"
      "footer" !important;
    gap:14px !important;
    padding:16px !important;
  }

  .viewer-shell .radio-card .radio-logo-fade{
    min-height:150px !important;
    max-height:180px !important;
    justify-content:center !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    width:100% !important;
    max-width:260px !important;
    max-height:170px !important;
    object-position:center !important;
  }

  .viewer-shell .radio-card .feed-title{
    max-width:none !important;
    margin:0 0 6px !important;
    font-size:22px !important;
  }

  .viewer-shell .radio-card .feed-summary{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
    -webkit-line-clamp:3 !important;
  }

  .viewer-shell .radio-card .feed-footer{
    margin-top:4px !important;
  }
}

@media (max-width:480px){
  .viewer-shell .radio-card{
    padding:14px !important;
  }

  .viewer-shell .radio-card .radio-logo-fade{
    min-height:130px !important;
    max-height:160px !important;
    border-radius:18px !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    max-width:220px !important;
    max-height:150px !important;
  }
}
/* v20260504-end-radio-card-complete-logo-description */



/* v20260504-radio-card-title-description-edge-fix */
.viewer-shell .radio-card{
  grid-template-columns:minmax(280px,1fr) minmax(300px,420px) !important;
  grid-template-areas:
    "title image"
    "summary image"
    "footer image" !important;
  align-items:center !important;
  gap:8px 24px !important;
  padding:0 0 0 22px !important;
  min-height:250px !important;
  overflow:hidden !important;
}

.viewer-shell .radio-card .feed-title{
  grid-area:title !important;
  align-self:end !important;
  margin:0 !important;
  padding-top:24px !important;
  font-size:clamp(22px,1.7vw,30px) !important;
  line-height:1.12 !important;
  max-width:24ch !important;
  position:relative !important;
  z-index:3 !important;
}

.viewer-shell .radio-card .feed-summary{
  grid-area:summary !important;
  align-self:start !important;
  display:block !important;
  margin:0 !important;
  max-width:58ch !important;
  color:#67627f !important;
  font-size:15px !important;
  line-height:1.55 !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:3 !important;
}

.viewer-shell .radio-card .feed-footer{
  grid-area:footer !important;
  align-self:start !important;
  margin:8px 0 22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:12px !important;
  position:relative !important;
  z-index:3 !important;
}

.viewer-shell .radio-card .radio-logo-fade{
  grid-area:image !important;
  align-self:stretch !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:100% !important;
  height:100% !important;
  min-height:250px !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 22px 22px 0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
}

.viewer-shell .radio-card .radio-logo-fade::before{
  display:none !important;
  content:none !important;
}

.viewer-shell .radio-card .radio-logo-img{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  transform:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-fade,
.viewer-shell .feed-grid.view-magazine .radio-card .radio-logo-img{
  min-height:230px !important;
  max-height:none !important;
}

@media (max-width:900px){
  .viewer-shell .radio-card{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "image"
      "title"
      "summary"
      "footer" !important;
    gap:10px !important;
    padding:0 0 16px 0 !important;
    min-height:0 !important;
  }

  .viewer-shell .radio-card .radio-logo-fade{
    min-height:170px !important;
    max-height:190px !important;
    border-radius:22px 22px 0 0 !important;
    justify-content:center !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    width:100% !important;
    max-width:none !important;
    height:190px !important;
    max-height:190px !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .viewer-shell .radio-card .feed-title{
    max-width:none !important;
    margin:0 !important;
    padding:4px 16px 0 !important;
    font-size:22px !important;
  }

  .viewer-shell .radio-card .feed-summary{
    margin:0 !important;
    padding:0 16px !important;
    font-size:14px !important;
    line-height:1.5 !important;
    -webkit-line-clamp:3 !important;
  }

  .viewer-shell .radio-card .feed-footer{
    margin:4px 0 0 !important;
    padding:0 16px !important;
  }
}

@media (max-width:480px){
  .viewer-shell .radio-card .radio-logo-fade{
    min-height:145px !important;
    max-height:165px !important;
    border-radius:18px 18px 0 0 !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    height:165px !important;
    max-height:165px !important;
  }
}
/* v20260504-end-radio-card-title-description-edge-fix */



/* v20260504-radio-card-auto-height-image-crop */
.viewer-shell .radio-card{
  min-height:0 !important;
  height:auto !important;
  align-items:stretch !important;
}

.viewer-shell .radio-card .radio-logo-fade{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:1.15 / 1 !important;
  align-self:stretch !important;
}

.viewer-shell .radio-card .radio-logo-img{
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.viewer-shell .radio-card .feed-title{
  padding-top:0 !important;
  align-self:end !important;
}

.viewer-shell .radio-card .feed-footer{
  align-self:start !important;
}

@media (min-width:901px){
  .viewer-shell .radio-card{
    grid-template-rows:auto auto auto !important;
  }

  .viewer-shell .radio-card .radio-logo-fade{
    min-height:270px !important;
  }
}

@media (max-width:900px){
  .viewer-shell .radio-card{
    height:auto !important;
    min-height:0 !important;
    align-items:stretch !important;
  }

  .viewer-shell .radio-card .radio-logo-fade{
    min-height:190px !important;
    max-height:none !important;
    height:auto !important;
    aspect-ratio:16 / 7 !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

@media (max-width:480px){
  .viewer-shell .radio-card .radio-logo-fade{
    min-height:185px !important;
    aspect-ratio:16 / 7 !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    height:100% !important;
    max-height:none !important;
  }
}
/* v20260504-end-radio-card-auto-height-image-crop */



/* v20260504-radio-mobile-logo-larger */
@media (max-width:900px){
  .viewer-shell .radio-card .radio-logo-fade{
    min-height:230px !important;
    max-height:none !important;
    aspect-ratio:16 / 8.5 !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

@media (max-width:480px){
  .viewer-shell .radio-card .radio-logo-fade{
    min-height:225px !important;
    max-height:none !important;
    aspect-ratio:16 / 8.5 !important;
  }

  .viewer-shell .radio-card .radio-logo-img{
    height:100% !important;
    max-height:none !important;
  }
}

@media (max-width:380px){
  .viewer-shell .radio-card .radio-logo-fade{
    min-height:205px !important;
  }
}
/* v20260504-end-radio-mobile-logo-larger */



/* v20260504-radio-controls-nowrap-restart-icon */
.viewer-shell .podcast-btn-replay{
  background:linear-gradient(135deg,#fff7ea,#ffffff) !important;
  color:#211c3a !important;
}

.viewer-shell .podcast-btn-replay svg{
  width:23px !important;
  height:23px !important;
  stroke-width:2.5 !important;
}

.viewer-shell .podcast-btn-replay .icon-fill{
  fill:currentColor !important;
  stroke:none !important;
}

@media (max-width:900px){
  .viewer-shell .radio-card .feed-footer{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .viewer-shell .radio-card .podcast-controls{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:12px 0 0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .viewer-shell .radio-card .podcast-btn{
    flex:0 0 48px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }

  .viewer-shell .radio-card .podcast-btn.primary{
    flex-basis:58px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
  }

  .viewer-shell .radio-card .podcast-btn-open{
    background:#ffffff !important;
  }
}

@media (max-width:420px){
  .viewer-shell .radio-card .podcast-controls{
    gap:6px !important;
  }

  .viewer-shell .radio-card .podcast-btn{
    flex-basis:44px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  .viewer-shell .radio-card .podcast-btn.primary{
    flex-basis:54px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
  }
}

@media (max-width:360px){
  .viewer-shell .radio-card .podcast-controls{
    gap:5px !important;
  }

  .viewer-shell .radio-card .podcast-btn{
    flex-basis:40px !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }

  .viewer-shell .radio-card .podcast-btn.primary{
    flex-basis:50px !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
}
/* v20260504-end-radio-controls-nowrap-restart-icon */