@font-face{font-family:Inter;src:url("media/inter.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Montserrat;src:url("media/montserrat.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}

:root{
  color-scheme:light;
  --red:#d71920;
  --red-dark:#9f1118;
  --ink:#111;
  --muted:#555;
  --line:#e7e4e4;
  --soft:#f5f5f5;
  --paper:#fff;
  --yellow:#f5a524;
  --service-bg:#f9c9c8;
  --shell:1240px;
  --gutter:clamp(18px,4vw,55px);
  --section:clamp(42px,6vw,84px);
  --gap:clamp(16px,2.3vw,30px);
  --player-height:76px;
  --player-gap:14px;
  --player-inset:clamp(8px,3vw,24px);
  --player-clearance:calc(var(--player-height) + 2 * var(--player-gap) + env(safe-area-inset-bottom));
  --radius:15px;
  --shadow:0 12px 32px rgb(17 17 17 / 10%);
  --font:Inter,system-ui,sans-serif;
  --display:Montserrat,Inter,system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:60px;scroll-padding-bottom:var(--player-clearance)}
body{margin:0;padding-bottom:var(--player-clearance);background:var(--paper);color:var(--ink);font:400 1rem/1.55 var(--font)}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:.2em}
button,input{font:inherit}
button,summary{cursor:pointer}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:4px}
[hidden]{display:none!important}
h1,h2,h3,p,ul{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.12;letter-spacing:-.038em}
h1{font-size:clamp(2.45rem,6.2vw,5.3rem)}
h2{font-size:clamp(1.72rem,3.2vw,2.75rem)}
h3{font-size:clamp(1.08rem,1.8vw,1.48rem)}
.wrap{width:min(calc(100% - 2 * var(--gutter)),var(--shell));margin-inline:auto}
.icon{width:1.25em;height:1.25em;flex:none;vertical-align:middle}
.visually-hidden,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;inset:8px auto auto 8px;z-index:30;padding:10px 16px;background:var(--paper);color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:0 17px;border:1px solid transparent;border-radius:7px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.button-red{background:var(--red);color:#fff}
.button-red:hover{background:var(--red-dark)}
.button-white{background:#fff;color:var(--red-dark)}
.button-white:hover{background:#f5f5f5}
.button .icon{width:1.28em;height:1.28em}
.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit}
.icon-button:hover{background:var(--soft)}
.icon-button .icon{width:22px;height:22px}

.site-header{position:relative;z-index:5;background:var(--paper)}
.service-bar{background:var(--service-bg)}
.service-inner{display:flex;justify-content:flex-end;align-items:center;gap:17px;min-height:40px;font-size:.82rem}
.socials{display:flex;align-items:center;gap:3px}
.socials a,.socials span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;text-decoration:none}
.socials a:hover{background:rgb(17 17 17 / 9%)}
.socials [aria-disabled=true]{opacity:.53}
.service-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-weight:650;text-decoration:none}
.service-link:hover{text-decoration:underline}
.service-link strong{margin-inline-start:.14em}
.traffic-symbol{position:relative;display:inline-flex;margin-inline-start:7px}
.traffic-badge{position:absolute;inset-block-start:-6px;inset-inline-start:-8px;display:grid;place-items:center;min-inline-size:15px;block-size:15px;padding-inline:3px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:.64rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.service-demo{padding-inline-start:12px;border-inline-start:1px solid rgb(17 17 17 / 25%);font-size:.72rem}
.main-header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(10px,2.1vw,32px);min-height:90px}
.brand{display:flex;align-items:center;justify-self:start;min-width:0}
.brand img,.footer-brand img{width:clamp(125px,13vw,183px);height:auto}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.25vw,20px)}
.nav-group{position:relative;display:flex;align-items:center;white-space:nowrap}
.nav-link{font-size:.95rem;font-weight:750;padding-block:14px;text-decoration:none}
.nav-link:hover,.nav-link[aria-current=page]{color:var(--red-dark)}
.nav-disclosure summary{display:grid;place-items:center;width:25px;height:38px;color:var(--muted)}
.nav-disclosure summary .icon{width:14px;height:14px}
.nav-popover{position:absolute;top:100%;left:0;z-index:2;display:grid;min-width:172px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
.nav-child{display:block;padding:9px 12px;border-radius:5px;text-decoration:none;font-size:.9rem}
.nav-child:hover,.nav-child[aria-current=page]{background:var(--soft);color:var(--red-dark)}
.header-actions{display:flex;align-items:center;gap:8px}
.header-search{position:relative}
.header-search .search-form{position:absolute;z-index:3;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 36px));padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}
.search-form{display:flex;align-items:stretch;gap:8px;width:min(100%,620px)}
.search-form input[type=search]{width:100%;min-width:0;padding:9px 12px;border:1px solid #aaa;border-radius:6px;background:#fff;color:var(--ink)}
.search-form input::placeholder{color:var(--muted)}
.menu-toggle,.mobile-socials{display:none}

.ticker{position:relative;z-index:4;width:100%;background:var(--ink);color:#fff}
.ticker-fixed{position:sticky;top:0}
.ticker-inner{display:flex;align-items:center;gap:clamp(10px,2vw,24px);min-height:46px}
.ticker-label{display:inline-flex;align-items:center;gap:6px;flex:none;color:#fff;font-size:.75rem;font-weight:800}
.ticker-label .icon{color:var(--yellow)}
.ticker-window{min-width:0;overflow:hidden}
.ticker-link{display:inline-flex;align-items:center;gap:9px;padding:10px 0;color:inherit;font-size:.84rem;text-decoration:none}
.ticker-link:hover{text-decoration:underline}
.ticker-moving .ticker-link{white-space:nowrap;animation:ticker-scroll 18s linear infinite}
.ticker-moving:hover .ticker-link,.ticker-moving:focus-within .ticker-link,.ticker[data-paused] .ticker-link{animation-play-state:paused}
.ticker-control{flex:none;margin-inline-start:auto;padding:6px 9px;background:transparent;color:#fff;border:1px solid #777;border-radius:4px;font-size:.72rem}
@keyframes ticker-scroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}

.hero{padding-top:18px}
.hero-stage{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(24px,4vw,60px);
  min-height:360px;
  padding:26px clamp(26px,3.2vw,43px);
  border-radius:var(--radius);
  background:#fcf7f5;
  color:var(--ink);
}
.hero-stage::before{
  position:absolute;
  inset:0;
  z-index:-2;
  border-radius:inherit;
  background:url("media/hero-koeln-abendrot.png") center bottom / cover no-repeat;
  content:"";
}
.hero-hearts{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
}
.hero-hearts span{
  position:absolute;
  inset-inline-start:var(--x);
  inset-block-end:var(--y);
  width:var(--size);
  aspect-ratio:1;
  background:var(--red);
  opacity:.17;
  transform:translateX(var(--drift)) rotate(-45deg);
  animation:hero-heart-rise var(--duration) linear var(--delay) infinite;
}
.hero-hearts span::before,.hero-hearts span::after{
  position:absolute;
  width:100%;
  height:100%;
  border-radius:50%;
  background:inherit;
  content:"";
}
.hero-hearts span::before{top:-50%;left:0}
.hero-hearts span::after{top:0;left:50%}
.hero-hearts span:nth-child(1){--x:7%;--y:54%;--size:12px;--drift:15px;--duration:11s;--delay:-6s}
.hero-hearts span:nth-child(2){--x:28%;--y:32%;--size:24px;--drift:-14px;--duration:15s;--delay:-5s}
.hero-hearts span:nth-child(3){--x:43%;--y:64%;--size:15px;--drift:19px;--duration:12s;--delay:-8s}
.hero-hearts span:nth-child(4){--x:52%;--y:42%;--size:38px;--drift:-9px;--duration:17s;--delay:-7s}
.hero-hearts span:nth-child(5){--x:64%;--y:74%;--size:11px;--drift:11px;--duration:13s;--delay:-10s}
.hero-hearts span:nth-child(6){--x:87%;--y:63%;--size:31px;--drift:7px;--duration:16s;--delay:-10s}
.hero-hearts span:nth-child(7){--x:94%;--y:41%;--size:16px;--drift:8px;--duration:14s;--delay:-4s}
@keyframes hero-heart-rise{
  from{
    inset-block-end:-70px;
    opacity:0;
    transform:rotate(-45deg);
  }
  15%,85%{opacity:.17}
  to{
    inset-block-end:calc(100% + 24px);
    opacity:0;
    transform:translateX(var(--drift)) rotate(-45deg);
  }
}
.hero-content{min-width:0}
.hero-status{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:12px;font-size:.82rem}
.hero-status-live{display:inline-flex;align-items:center;gap:8px;font-weight:800}
.hero-example{padding-inline-start:10px;border-inline-start:1px solid rgb(159 17 24 / 27%);color:var(--red-dark);font-size:.75em;font-weight:600}
.live-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgb(215 25 32 / 20%)}
.hero-status .live-dot{width:7px;height:7px;background:var(--red);box-shadow:0 0 0 3px rgb(215 25 32 / 15%)}
.hero h1{max-inline-size:15ch;font-size:clamp(2.65rem,5vw,4.25rem);line-height:1.02;overflow-wrap:anywhere}
.hero-host{margin-top:10px;font-weight:700;font-size:clamp(1rem,1.7vw,1.35rem)}
.hero-time{display:flex;align-items:baseline;gap:7px;margin-top:5px;font-size:.9rem}
.hero-time .icon{align-self:flex-start;margin-top:.18em}
.hero-hours{white-space:nowrap}
.hero-live{margin-top:16px;background:var(--red-dark);color:var(--paper)}
.hero-live:hover{background:#641014}
.hero-live:focus-visible{outline-color:var(--red-dark)}
.hero-media{display:grid;grid-template-rows:minmax(0,1fr) auto;align-self:stretch;justify-self:end;gap:10px;width:min(100%,375px)}
.hero-portrait{
  position:relative;
  isolation:isolate;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:7px;
  min-height:120px;
  overflow:hidden;
  border:1px solid rgb(159 17 24 / 16%);
  border-radius:12px;
  background:rgb(255 255 255 / 63%);
}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-initials{
  display:grid;
  place-items:center;
  width:74px;
  aspect-ratio:1;
  border:1px solid rgb(159 17 24 / 20%);
  border-radius:50%;
  background:rgb(255 255 255 / 68%);
  color:var(--red-dark);
  font:800 1.8rem/1 var(--display);
}
.hero-photo-note{color:var(--red-dark);font-size:.72rem;font-weight:650}
.hero-track{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:7px 12px 7px 7px;
  border-radius:9px;
  background:var(--paper);
  color:var(--ink);
}
.hero-track img{width:44px;height:44px;border-radius:5px;object-fit:cover}
.hero-track-details{display:grid;gap:2px;min-width:0;line-height:1.18}
.hero-track-details strong,.hero-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-track-label{color:var(--red-dark);font-weight:800;font-size:.65rem}
.hero-track-artist{color:var(--muted);font-size:.79rem}
.hero-audio-icon{display:flex;align-items:center;gap:3px;color:var(--red-dark)}
.hero-audio-icon i{width:2px;height:8px;border-radius:2px;background:currentColor}
.hero-audio-icon i:nth-child(2){height:14px}
.hero-audio-icon i:nth-child(3){height:10px}

.home-section{padding-block:var(--section)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:clamp(16px,2.5vw,28px)}
.section-head h2{min-width:0;overflow-wrap:anywhere}
.text-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;color:var(--red-dark);font-size:.9rem;font-weight:800;text-decoration:none}
.text-link:hover{text-decoration:underline}
.section-head .text-link{flex:none}
.news-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--gap)}
.story-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.story-link{display:block;height:100%;color:inherit;text-decoration:none}
.story-link:focus-visible{outline-offset:-4px}
.story-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--soft)}
.story-copy{position:relative;display:grid;align-content:start;gap:8px;padding:17px 20px 23px}
.story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:.74rem}
.story-meta>span{color:var(--red-dark);font-weight:800}
.story-meta time{color:var(--muted)}
.story-copy p{color:var(--muted);font-size:.89rem;line-height:1.5}
.story-arrow{position:absolute;right:13px;bottom:12px;display:grid;place-items:center;width:25px;height:25px;color:var(--red-dark)}
.story-copy h3,.story-copy p{padding-inline-end:9px}
.story-link:hover h3{color:var(--red-dark);text-decoration:underline;text-decoration-thickness:1.5px}
.story-lead{grid-row:span 2}
.story-lead h3{font-size:clamp(1.45rem,2.6vw,2.2rem)}
.news-grid .story-card:not(.story-lead) .story-link{display:grid;grid-template-columns:36% minmax(0,1fr)}
.news-grid .story-card:not(.story-lead) .story-image{height:100%;aspect-ratio:auto}
.news-grid .story-card:not(.story-lead) .story-copy{padding:15px 16px 24px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.actions-section .card-grid,.inner-page .card-grid:has(.story-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.actions-section .story-image{aspect-ratio:2 / 1}
.music-section{background:#fafafa}
.music-section .story-image[src$="station.webp"]{object-position:center 38%}

.local-section{padding:0 0 var(--section)}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0;padding:clamp(17px,2.8vw,32px);border:1px solid var(--line);border-radius:var(--radius);background:#fafafa}
.service-card-heading{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}
.service-card-heading h2{font-size:clamp(1.15rem,2vw,1.56rem)}
.service-card-heading>span,.demo-note{color:var(--muted);font-size:.73rem}
.weather-value,.traffic-count{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.weather-value>.icon,.traffic-count>.icon{width:29px;height:29px;color:var(--red-dark)}
.weather-value strong{font-family:var(--display);font-size:2.55rem;line-height:1.12}
.service-card p,.service-card li{font-size:.88rem}
.service-card .text-link{margin-top:auto}
.traffic-card ul{display:grid;gap:5px;padding:0;list-style:none}
.traffic-card li{display:flex;align-items:baseline;gap:8px}
.traffic-card li strong{flex:none}
.traffic-card li span{color:var(--muted)}
.program-section{padding-top:0}
.program-section .section-head{margin-bottom:4px}
.program-section .demo-note{margin-bottom:14px}
.show-list{display:grid;gap:6px;padding:0;list-style:none}
.show-row>a{display:grid;grid-template-columns:116px 64px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:8px 16px;border:1px solid var(--line);border-radius:9px;text-decoration:none}
.show-row>a:hover{background:var(--soft)}
.show-row time{color:var(--red-dark);font-weight:800;font-variant-numeric:tabular-nums;font-size:.95rem}
.show-row time span{color:var(--muted);font-size:.83rem;font-weight:600}
.show-row img{width:64px;height:48px;object-fit:cover;border-radius:5px;background:var(--soft)}
.show-row a>div{display:grid;gap:2px}
.show-row a>div span{color:var(--muted);font-size:.83rem}
.show-arrow{color:var(--red-dark)}

.site-footer{padding:40px 0 18px;background:#fafafa;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--gap)}
.footer-grid nav,.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:.9rem}
.footer-grid nav a,.footer-social>a{text-decoration:none}
.footer-grid nav a:hover,.footer-social>a:hover{text-decoration:underline}
.footer-brand p{margin-top:10px;color:var(--muted);font-size:.86rem}
.footer-social>a{overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:30px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}

.player{
  position:fixed;
  inset-inline:max(var(--player-inset),env(safe-area-inset-left)) max(var(--player-inset),env(safe-area-inset-right));
  bottom:calc(var(--player-gap) + env(safe-area-inset-bottom));
  z-index:12;
  max-inline-size:770px;
  min-height:var(--player-height);
  margin-inline:auto;
  border-radius:16px;
  background:var(--ink);
  color:#fff;
  box-shadow:0 8px 28px rgb(17 17 17 / 25%);
}
.player-inner{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;width:auto;min-height:var(--player-height);margin-inline:0;padding-inline:clamp(8px,2vw,18px)}
.player-play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;text-decoration:none}
.player-play:hover{background:var(--red-dark)}
.player-play .icon{width:25px;height:25px}
.player-cover{width:46px;height:46px;object-fit:cover;border-radius:6px;background:#333}
.player-track,.player-program>div{display:grid;min-width:0;line-height:1.28}
.player-track strong,.player-program strong,.player-track>span,.player-program>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-track>span,.player-program>div>span{color:#d2d2d2;font-size:.75rem}
.player-program{display:flex;align-items:center;gap:12px;padding-inline-start:17px;border-inline-start:1px solid #555;font-size:.92rem}
.player-volume{display:flex;align-items:center;gap:4px}
.player-volume input{width:82px;accent-color:var(--red);cursor:pointer}
.player-volume .icon-button:hover{background:#333}
.player-message{position:absolute;right:0;bottom:calc(100% + 12px);max-width:min(400px,100%);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:var(--shadow);font-size:.85rem}

.inner-page{min-height:50vh;padding:clamp(28px,5vw,58px) 0 var(--section)}
.inner-page h1{max-width:19ch;font-size:clamp(2rem,5.7vw,4.65rem);margin-bottom:14px}
.back-link{display:inline-block;margin-bottom:20px;color:var(--red-dark);font-weight:750;font-size:.88rem}
.page-intro{max-width:66ch;margin-bottom:25px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.2rem)}
.detail-shell{max-width:800px}
.detail-shell>.story-meta{margin-bottom:10px}
.detail-image{width:100%;max-height:470px;object-fit:cover;border-radius:var(--radius);background:var(--soft)}
.detail-body{display:grid;justify-items:start;gap:13px;margin-top:20px}
.detail-time{display:flex;align-items:center;gap:8px;font-weight:700}
.search-results{display:grid;gap:12px;max-width:650px;margin-top:20px;padding:0;list-style:none}
.search-results li{padding-bottom:9px;border-bottom:1px solid var(--line)}
.search-results p,.search-empty{color:var(--muted)}
.search-empty{margin-top:20px}

@media(max-width:1020px){
  .main-header{gap:12px}
  .main-nav{gap:8px}
  .nav-link{font-size:.86rem}
  .nav-disclosure summary{width:20px}
  .header-live{padding-inline:12px}
}
@media(max-width:850px){
  .main-header{grid-template-columns:minmax(0,1fr) auto;min-height:72px}
  .main-nav{grid-column:1 / -1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;padding-bottom:8px}
  .header-actions{grid-column:2;grid-row:1}
  [data-enhanced] .main-nav{display:none}
  [data-enhanced] .menu-toggle{display:grid}
  [data-enhanced] .main-nav[data-open]{position:absolute;top:100%;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));display:grid;gap:0;padding:7px var(--gutter) 16px;background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow)}
  .nav-group{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--line);white-space:normal}
  .nav-link{font-size:1rem}
  .nav-disclosure summary{width:44px;height:48px}
  .nav-popover{position:static;margin:0 0 8px;min-width:0;border:0;box-shadow:none}
  .nav-disclosure[open]{display:contents}
  .nav-disclosure[open] summary{grid-column:2;grid-row:1}
  .nav-disclosure[open] .nav-popover{grid-column:1 / -1;grid-row:2}
  .mobile-socials{display:flex;margin-top:10px}
  .mobile-socials a,.mobile-socials span{width:44px;height:44px}
  .service-socials{display:none}
  .hero-stage{gap:20px;padding:25px}
  .hero h1{font-size:clamp(2.25rem,5.8vw,3.1rem)}
  .news-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);grid-template-rows:auto auto}
  .news-grid .story-card:not(.story-lead) .story-link{display:block}
  .news-grid .story-card:not(.story-lead) .story-image{height:auto;aspect-ratio:2.6 / 1}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  :root{--player-height:66px;--player-gap:9px}
  .service-inner{min-height:39px;gap:clamp(8px,3.2vw,15px);font-size:.76rem}
  .service-link{min-height:42px}
  .service-demo{font-size:.68rem;padding-inline-start:8px}
  .main-header{min-height:66px}
  .main-header .brand img{width:clamp(104px,29vw,155px)}
  .header-actions{gap:3px}
  .header-actions .button{min-height:43px;padding-inline:9px;font-size:.82rem}
  .header-actions .icon-button{width:38px}
  .header-actions .icon-button .icon{width:20px}
  .header-search .search-form{right:-54px}
  .ticker-inner{gap:9px;min-height:46px}
  .ticker-label{gap:4px;font-size:.64rem}
  .ticker-link{gap:4px;font-size:.72rem;line-height:1.3}
  .ticker-link .icon{display:none}
  .hero{padding-top:14px}
  .hero-stage{grid-template-columns:minmax(0,1fr) minmax(58px,24%);gap:12px;min-height:0;padding:17px;border-radius:12px}
  .hero-stage::before{inset:23% 0 0;background-position:59% bottom;mask-image:linear-gradient(transparent,#000 34%)}
  .hero-hearts span{width:calc(var(--size) * .72)}
  .hero-content{grid-column:1;grid-row:1}
  .hero-status{gap:4px 7px;margin-bottom:8px;font-size:.72rem}
  .hero-example{padding-inline-start:7px}
  .hero h1{font-size:clamp(1.6rem,6.6vw,2.6rem)}
  .hero-host{margin-top:6px;font-size:1rem}
  .hero-time{font-size:.79rem}
  .hero-live{margin-top:13px;min-height:43px;font-size:.9rem}
  .hero-media{display:contents}
  .hero-portrait{grid-column:2;grid-row:1;aspect-ratio:1;min-height:0;gap:3px;border-radius:9px}
  .hero-initials{width:clamp(30px,9vw,52px);font-size:clamp(.88rem,3.7vw,1.3rem)}
  .hero-photo-note{font-size:.61rem}
  .hero-track{grid-column:1 / -1;grid-row:2;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;min-height:49px;padding:6px 10px 6px 6px}
  .hero-track img{width:36px;height:36px}
  .hero-track strong{font-size:.88rem}
  .hero-track-label{font-size:.61rem}
  .hero-track-artist{font-size:.74rem}
  .section-head{align-items:center}
  .section-head .text-link{font-size:.76rem}
  .section-head .text-link .icon{width:15px;height:15px}
  .news-grid,.service-grid,.card-grid,.actions-section .card-grid,.inner-page .card-grid:has(.story-card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .story-lead{grid-row:auto}
  .news-grid .story-card:not(.story-lead) .story-link{display:grid;grid-template-columns:33% minmax(0,1fr)}
  .news-grid .story-card:not(.story-lead) .story-image{height:100%;aspect-ratio:auto}
  .story-copy,.news-grid .story-card:not(.story-lead) .story-copy{padding:12px 12px 20px}
  .story-copy p{font-size:.82rem}
  .story-arrow{right:5px;bottom:5px}
  .card-grid .story-image{aspect-ratio:2 / 1}
  .show-row>a{grid-template-columns:65px 45px minmax(0,1fr) 18px;gap:8px;padding:8px}
  .show-row img{width:45px;height:41px}
  .show-row time{font-size:.85rem;line-height:1.25}
  .show-row time span{display:block;font-size:.76rem}
  .show-row a>div strong{font-size:.88rem}
  .show-row a>div span{font-size:.75rem}
  .show-arrow .icon{width:16px;height:16px}
  .footer-grid{gap:22px 12px}
  .footer-bottom{font-size:.69rem}
  .player-inner{grid-template-columns:44px 37px minmax(0,1fr) auto;gap:8px}
  .player-play{width:44px;height:44px}
  .player-cover{width:37px;height:37px}
  .player-track strong{font-size:.88rem}
  .player-track>span{font-size:.67rem}
  .player-program{display:none}
  .player-volume input{width:56px}
  .player-volume .icon-button{width:32px}
  .player-volume .icon-button .icon{width:19px}
}
@media(max-width:365px){
  .service-inner{gap:6px}
  .main-header{gap:8px}
  .main-header .brand img{width:100%;max-width:105px}
  .header-actions .icon-button{width:38px}
  .header-actions .menu-toggle{width:42px}
  .header-actions .button{padding-inline:6px}
  .hero-time{font-size:.75rem;gap:5px}
  .player-volume input{width:44px}
  .section-head{display:grid;justify-items:start;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}