body{margin:0}header,main{max-width:1140px}header{position:relative;border-bottom:1px solid var(--line)}header .brand{margin-inline-end:auto}header #theme{font-size:20px}.fm-search summary{cursor:pointer;list-style:none;padding:7px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;min-height:44px}.fm-search summary::-webkit-details-marker{display:none}.fm-search>div{position:absolute;z-index:7;top:calc(100% + 4px);inset-inline-end:16px;width:min(390px,calc(100% - 32px));padding:12px;background:var(--card);border-radius:15px;border:1px solid var(--line);box-shadow:0 10px 40px #102f4120}.reader-search{display:flex;gap:6px}.reader-search input{min-width:0;flex:1;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px}
.fm-edition{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(18px,3vw,38px);align-items:start}.hero{background:radial-gradient(ellipse at 0 100%,#1b7393,transparent 65%),linear-gradient(130deg,#103a48,#102a40);border-radius:20px}.hero .bars{color:#abdb77;gap:4px;overflow:hidden}.hero button{min-width:145px}.fm-section-title,.fm-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}.fm-section-title h2,.fm-tools h2{margin:0}.fm-section-title{margin:24px 0 6px;border-top:2px solid var(--ink);padding-top:10px}.fm-news .fm-section-title{margin-top:0}.fm-section-title a,.fm-tools a{color:var(--ink);font-weight:bold;text-underline-offset:5px;font-size:14px;white-space:nowrap}.fm-news .story{background:transparent;border:0;margin:0;padding:13px 0;border-radius:0;border-bottom:1px solid var(--line)}.fm-news .story img{width:25%;height:70px;object-fit:cover}.fm-news h3{font-size:1.07rem}.fm-onair-title{font-size:1rem;margin:10px 0 4px}#onair{padding:8px 12px;border-inline-start:4px solid #83aa3d}.settings{justify-content:space-between;font-size:.875rem}.fm-zone,.fm-tools p{margin:0;color:var(--sub)}.fm-fixtures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.fm-fixture{margin:0;padding:16px;background:var(--card);border-top:3px solid #83aa3d}.fm-fixture h3{font-size:1rem;margin:8px 0}.fm-fixture small,.fm-fixture time{color:var(--sub)}.fm-tools{padding:18px 22px;border-radius:15px;background:var(--card);border:1px solid var(--line);margin:22px 0}.fm-tools h2{font-size:1.2rem}.fm-tools a{background:#1b648c;color:white;padding:9px 16px;text-decoration:none;border-radius:10px}.fm-footer{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);padding:16px 0}.fm-footer a{color:var(--sub);font-size:14px}nav{box-shadow:0 -6px 24px #1034450b}@media(max-width:740px){.fm-edition,.fm-fixtures{grid-template-columns:1fr}.fm-fixture{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 7px;padding:10px 12px}.fm-fixture small{grid-column:1/-1}.fm-fixture h3{margin:2px 0}.fm-tools{flex-wrap:wrap}.fm-news .fm-section-title{margin-top:4px}.hero{padding:22px}.settings select{min-height:44px}}

/* Keep intrinsic content (especially the 55 waveform bars) inside the phone grid. */
@media(max-width:740px){
  .fm-edition,.fm-fixtures{grid-template-columns:minmax(0,1fr)}
  .fm-listen,.fm-news,.fm-fixture,.hero,.hero .bars{min-inline-size:0}
  .hero .bars{display:grid;grid-template-columns:repeat(55,minmax(0,1fr));column-gap:clamp(1px,.5vw,3px)}
  .hero .bars i{width:100%;max-width:4px;justify-self:center}
  .fm-section-title,.fm-fixture h3,.story h3{overflow-wrap:anywhere}
  body>nav{left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  body>nav a{width:auto;min-width:0}
  header .brand{min-width:0}
}