/* Preserve the approved hub palette and type inside the shared page shell. */
.listen-shell{
  color-scheme:dark;
  --ink:#05060b;
  --ink-raised:#090a10;
  --gold:#edbe63;
  --gold-soft:#d5a853;
  --paper:#f7f1e6;
  --paper-dim:#c8c0b1;
  --line:rgba(237,190,99,.28);
  --line-strong:rgba(237,190,99,.58);
  --font-display:"Cinzel",Georgia,serif;
  --font-serif:"Cormorant Garamond",Georgia,serif;
  --font-ui:"Inter",Arial,sans-serif;
}

.listen-shell{
  position:relative;z-index:1;display:grid;place-items:start center;
  flex:1 0 auto;width:100%;min-width:0;
  color:var(--paper);font-family:var(--font-ui);font-size:16px;line-height:normal;
  text-rendering:optimizeLegibility;
  padding:max(30px,env(safe-area-inset-top)) max(20px,calc(env(safe-area-inset-right) + 20px)) max(34px,env(safe-area-inset-bottom)) max(20px,calc(env(safe-area-inset-left) + 20px));
}
.listen-artifact{width:100%;max-width:760px;text-align:center}

.listen-intro{margin:clamp(34px,6vh,62px) auto clamp(30px,5vh,48px)}
.listen-emblem{
  display:block;width:52px;height:auto;margin:0 auto 18px;
  filter:drop-shadow(0 0 13px rgba(237,190,99,.28));
}
.listen-eyebrow{
  margin:0;color:var(--gold);font-size:.68rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
}
.listen-shell h1{
  margin:13px 0 0;font-family:var(--font-display);font-size:clamp(1.85rem,7.5vw,2.7rem);
  font-weight:500;line-height:1.12;letter-spacing:.075em;text-transform:uppercase;
}
.listen-lede{
  margin:14px auto 0;max-width:390px;color:var(--paper-dim);font-family:var(--font-serif);
  font-size:clamp(1.16rem,4.8vw,1.4rem);line-height:1.42;
}

.listen-links{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.listen-link{
  display:grid;grid-template-columns:26px 1fr 20px;align-items:center;gap:14px;
  min-height:58px;padding:13px 18px;color:var(--paper);background:rgba(9,10,16,.78);
  border:1px solid var(--line);border-radius:4px;text-align:left;text-decoration:none;
  font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  transition:border-color .22s ease,color .22s ease,background-color .22s ease,transform .22s ease;
}
.listen-icon{display:block;width:23px;height:23px;fill:currentColor;color:var(--gold-soft)}
.listen-arrow{
  display:block;width:16px;height:16px;justify-self:end;fill:none;color:rgba(247,241,230,.52);
  transition:color .22s ease,transform .22s ease;
}
.listen-arrow path{
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.listen-link:hover{
  color:#fffaf0;border-color:var(--line-strong);background:rgba(16,15,18,.94);transform:translateY(-1px);
}
.listen-link:hover .listen-arrow{color:var(--gold);transform:translate(1px,-1px)}
.listen-link:focus-visible{
  outline:2px solid var(--gold);outline-offset:4px;
}

.listen-more{
  width:min(100%,620px);margin:clamp(26px,4vh,38px) auto 0;
  border-top:1px solid rgba(237,190,99,.17);border-bottom:1px solid rgba(237,190,99,.17);
}
.listen-more summary{
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 12px;
  color:rgba(247,241,230,.56);cursor:pointer;list-style:none;font-size:.64rem;font-weight:600;
  letter-spacing:.19em;text-transform:uppercase;transition:color .22s ease;
}
.listen-more summary::-webkit-details-marker{display:none}
.listen-more summary::marker{content:""}
.listen-more summary:hover{color:var(--paper)}
.listen-more summary:focus-visible,.listen-secondary-link:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px;
}
.listen-more-chevron{
  display:block;width:14px;height:14px;fill:none;color:var(--gold-soft);
  transition:transform .22s ease;
}
.listen-more-chevron path{
  fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;
}
.listen-more[open] .listen-more-chevron{transform:rotate(180deg)}
.listen-secondary-links{display:grid;margin:0;padding:0 12px 8px;list-style:none}
.listen-secondary-links li+li{border-top:1px solid rgba(237,190,99,.09)}
.listen-secondary-link{
  display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:12px;min-height:44px;
  padding:8px 10px;color:rgba(247,241,230,.68);text-decoration:none;text-align:left;
  font-size:.7rem;font-weight:500;letter-spacing:.11em;text-transform:uppercase;
  transition:color .22s ease,background-color .22s ease;
}
.listen-secondary-icon{display:block;width:17px;height:17px;fill:currentColor;color:rgba(213,168,83,.72)}
.listen-secondary-arrow{width:14px;height:14px;color:rgba(247,241,230,.34)}
.listen-secondary-link:hover{color:var(--paper);background:rgba(237,190,99,.035)}
.listen-secondary-link:hover .listen-secondary-arrow{color:var(--gold)}
.listen-secondary-technical{
  margin-top:8px;padding-top:8px;border-top:1px solid rgba(237,190,99,.17)!important;
}
.listen-secondary-technical .listen-secondary-link{
  color:rgba(247,241,230,.46);font-size:.62rem;letter-spacing:.15em;
}


@media(min-width:700px){
  .listen-shell{padding-top:clamp(46px,7vh,76px);padding-bottom:clamp(46px,7vh,76px)}
  .listen-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listen-link{min-height:62px;padding-inline:21px}
  .listen-secondary-links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .listen-secondary-links li{border-top:1px solid rgba(237,190,99,.09)}
  .listen-secondary-link{gap:8px;padding-inline:8px;font-size:.63rem;letter-spacing:.08em}
  .listen-secondary-technical{grid-column:1/-1}
  .listen-secondary-technical .listen-secondary-link{max-width:210px;margin-inline:auto}
}

@media(max-width:360px){
  .listen-shell{padding-inline:max(14px,calc(env(safe-area-inset-left) + 14px)) max(14px,calc(env(safe-area-inset-right) + 14px))}
  .listen-link{gap:11px;padding-inline:14px;font-size:.76rem;letter-spacing:.1em}
  .listen-intro{margin-top:26px}
}

@media(max-height:700px) and (min-width:600px){
  .listen-shell{padding-top:24px;padding-bottom:28px}
  .listen-intro{margin:22px auto 24px}
  .listen-emblem{width:42px;margin-bottom:12px}
  .listen-links{gap:7px}
  .listen-link{min-height:50px;padding-block:10px}
  .listen-more{margin-top:18px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

@media(forced-colors:active){
  .listen-link{border:1px solid ButtonText}
  .listen-link:focus-visible,.listen-more summary:focus-visible,.listen-secondary-link:focus-visible{outline:3px solid Highlight}
}


/* Keep footer navigation at the 44px target floor at every viewport. */
.footer-legal a{min-height:44px;display:inline-flex;align-items:center}
.footer-news .fn-consent a{min-height:44px;display:inline-flex;align-items:center}