/* ET-HOST radio-directory ? companion to the public 2026 landing page */
.radio-directory-page{background:#edf6fc;color:#082443}
.radio-directory-page .rd-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 28%,#195ba4 0%,transparent 52%),linear-gradient(125deg,#051c36,#0c315e 62%,#07549f);color:#fff;padding:82px 0 76px}
.radio-directory-page .rd-hero:before{content:"";position:absolute;inset:auto 0 0;height:110px;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 8px,#0089de 8px 13px,transparent 13px 20px);mask-image:linear-gradient(to top,#000,transparent)}
.radio-directory-page .rd-hero-inner{position:relative;z-index:1;max-width:1180px}
.radio-directory-page .rd-kicker{display:inline-flex;padding:8px 14px;border-radius:40px;background:#18629d8f;color:#cdeaff;letter-spacing:.13em;font-size:11px;font-weight:800}
.radio-directory-page .rd-hero h1{max-width:890px;margin:17px 0 15px;color:#fff;font-size:clamp(35px,5.2vw,68px);letter-spacing:-.045em;line-height:1.08}
.radio-directory-page .rd-hero h1 em{color:#12b7f4;font-style:normal}
.radio-directory-page .rd-hero p{max-width:700px;color:#dae9f9;font-size:clamp(15px,1.7vw,19px);line-height:1.7}
.radio-directory-page .rd-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.radio-directory-page .rd-hero-meta span{border:1px solid #60baff52;border-radius:11px;padding:9px 15px;background:#ffffff10;font-size:13px;color:#dceeff}
.radio-directory-page .rd-hero-meta b{font-size:18px;color:white}
.radio-directory-page .rd-section{max-width:1240px;padding-top:48px;padding-bottom:86px}
.radio-directory-page .rd-toolbar{display:flex;gap:25px;justify-content:space-between;align-items:end;margin-bottom:25px}
.radio-directory-page .rd-toolbar h2{font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.035em;margin:0 0 10px}
.radio-directory-page .rd-toolbar p{margin:0;color:#55708a;font-size:14px;line-height:1.6}
.radio-directory-page .rd-search{width:min(100%,310px);display:flex;flex-direction:column;gap:7px;flex-shrink:0;font-size:12px;font-weight:750;color:#234c74}
.radio-directory-page .rd-search input{display:block;min-height:46px;width:100%;padding:10px 15px;border:1px solid #c9dcf0;border-radius:12px;background:#fff;color:#102b49;outline-offset:3px;font:inherit;font-weight:500}
.radio-directory-page .rd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.radio-directory-page .rd-pair{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(116px,1fr);min-width:0;min-height:225px;gap:0;border:1px solid #cfdef0;border-radius:19px;background:#fff;box-shadow:0 10px 28px #173d6512;overflow:hidden;transition:box-shadow .18s,transform .18s}
.radio-directory-page .rd-pair:hover{box-shadow:0 16px 38px #12395724;transform:translateY(-2px)}
.radio-directory-page .rd-pair[hidden]{display:none!important}
.radio-directory-page .rd-player{min-width:0;position:relative;padding:22px 18px 16px;background:linear-gradient(145deg,#0c2c4e,#07213f 86%);color:#fff;display:flex;flex-direction:column;align-items:stretch}
.radio-directory-page .rd-live-dot{width:8px;height:8px;border-radius:50%;background:#47e7a7;box-shadow:0 0 14px #47e7a788;position:absolute;right:19px;top:20px}
.radio-directory-page .rd-type{letter-spacing:.12em;font-size:10px;color:#7bbfe8;font-weight:800}
.radio-directory-page .rd-player h3{font-size:clamp(16px,1.5vw,20px);overflow-wrap:anywhere;margin:11px 0 4px;color:#fff;font-weight:800;line-height:1.2}
.radio-directory-page .rd-subtitle{font-size:12px;color:#bdd1e4;margin:0 0 16px}
.radio-directory-page .rd-player audio{width:100%;height:40px;max-width:100%;margin:auto 0 14px}
.radio-directory-page .rd-laut-launch{width:100%;padding:11px 12px;border-radius:11px;border:1px solid #248ee1;background:#1268be;color:#fff;font-weight:700;cursor:pointer;margin:auto 0 14px}
.radio-directory-page .rd-unavailable{min-height:40px;display:flex;align-items:center;font-size:12px;color:#c1d2e2;margin:auto 0 14px}
.radio-directory-page .rd-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff21;padding-top:12px}
.radio-directory-page .rd-votes{color:#b2d9fb;font-size:12px;font-weight:750}
.radio-directory-page .rd-bottom form{margin:0}
.radio-directory-page .rd-vote{border:1px solid #4cbbef;border-radius:9px;background:#0a82d5;color:#fff;font-size:12px;font-weight:800;padding:8px 11px;cursor:pointer}
.radio-directory-page .rd-vote:hover{background:#02a4f3}
.radio-directory-page .rd-logo{position:relative;min-width:0;display:flex;justify-content:center;align-items:center;padding:16px;text-decoration:none;overflow:hidden;background:linear-gradient(135deg,#ecf7ff,#fff 80%)}
.radio-directory-page .rd-logo img{max-width:100%;max-height:153px;object-fit:contain;transition:transform .22s ease}
.radio-directory-page .rd-logo:hover img,.radio-directory-page .rd-logo:focus-visible img{transform:scale(1.08)}
.radio-directory-page .rd-logo-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#095b9d,#095b9de0);font-weight:800;color:#fff;padding:13px 5px;font-size:13px;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
.radio-directory-page .rd-logo:hover .rd-logo-overlay,.radio-directory-page .rd-logo:focus-visible .rd-logo-overlay{opacity:1;transform:translateY(0)}
.radio-directory-page .rd-fallback{width:90px;height:90px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(135deg,#1178df,#15bdf3);font-size:56px;color:white;box-shadow:0 12px 24px #1178df35}
.radio-directory-page .rd-empty,.radio-directory-page .rd-notice{margin:15px 0 20px;padding:14px 19px;border-radius:11px;border:1px solid #bfd6eb;background:#fff;color:#0b426a}
.radio-directory-page .rd-vote-hint{margin-top:22px;color:#5d7286;font-size:12px;line-height:1.65}
.radio-directory-page .rd-laut-modal{position:fixed;inset:0;background:#041225c9;z-index:5000;display:grid;place-items:center;padding:15px}
.radio-directory-page .rd-laut-box{width:min(100%,490px);border-radius:18px;background:#fff;color:#0e3459;padding:22px;box-shadow:0 20px 80px #0009}
.radio-directory-page .rd-laut-box header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.radio-directory-page .rd-laut-box iframe{width:100%;height:150px;border:0}
.radio-directory-page .rd-laut-box button{border:0;border-radius:9px;padding:8px 12px;background:#073b72;color:#fff;cursor:pointer}
@media(max-width:1040px){.radio-directory-page .rd-grid{grid-template-columns:minmax(0,1fr)}.radio-directory-page .rd-pair{grid-template-columns:minmax(0,1.4fr) minmax(145px,1fr)}}
@media(max-width:660px){.radio-directory-page .rd-hero{padding:48px 0}.radio-directory-page .rd-section{padding-top:32px}.radio-directory-page .rd-toolbar{flex-direction:column;align-items:stretch}.radio-directory-page .rd-search{width:100%}.radio-directory-page .rd-pair{grid-template-columns:minmax(0,1.25fr) minmax(95px,1fr);min-height:206px}.radio-directory-page .rd-player{padding:17px 10px 12px}.radio-directory-page .rd-logo{padding:8px}.radio-directory-page .rd-bottom{align-items:flex-start}.radio-directory-page .rd-votes{font-size:10px}.radio-directory-page .rd-vote{padding:7px 8px;font-size:11px}.radio-directory-page .rd-logo-overlay{opacity:1;transform:none;font-size:11px;padding:8px}}
@media(prefers-reduced-motion:reduce){.radio-directory-page .rd-pair,.radio-directory-page .rd-logo img,.radio-directory-page .rd-logo-overlay{transition:none;transform:none!important}}

.radio-directory-page .rd-live-dot.is-unavailable{background:#7b8fa3;box-shadow:none}