/* Shared responsive components: content determines height in every language. */
:root{--nav-h:82px}
body{padding-bottom:calc(var(--nav-space,82px) + 24px)}#rd-toast{bottom:calc(var(--nav-space,82px) + 14px)}
html{scroll-padding-top:85px}body{line-height:1.5}
.topbar{direction:ltr}#header-clocks{max-width:48%}#local-clock{font-family:inherit;white-space:normal;text-align:right;overflow-wrap:anywhere}
main h2{font-size:20px;line-height:1.35;margin:5px 0 8px;overflow-wrap:anywhere}main>p{font-size:13px;color:#b3c1d5}
.bottom-nav{height:auto;min-height:var(--nav-h);align-items:stretch}.nav-btn{min-width:0;padding:8px 3px;justify-content:center;gap:5px;line-height:1.35}.nav-btn span:last-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:11px}.nav-symbol{font-size:23px}
.rd-select,.picker-option,.menu-button,.map-station{text-align:start}
.filter-grid{grid-template-columns:1fr}.toolbar>*{min-width:0}.toolbar .btn{flex:1 1 120px}.btn{max-width:100%;height:auto;min-width:0}.btn.primary{font-weight:600}
.field input,.field textarea{font-family:inherit;font-size:15px}.field textarea{min-height:95px;resize:vertical}.field small{line-height:1.5}.field:has(input[type=search]){margin:12px 0}
input[dir=ltr],textarea[dir=ltr],bdi{unicode-bidi:isolate}input[type=checkbox]{width:21px!important}
bdi[dir=ltr]{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.technical{direction:ltr;unicode-bidi:isolate;display:inline-block;overflow-wrap:anywhere}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
dialog{width:min(560px,calc(100vw - 24px));padding:20px;overflow:auto}dialog h2{overflow-wrap:anywhere}dialog p{overflow-wrap:anywhere;font-size:14px;color:#b3c1d5}dialog .dialog-actions{position:static;padding:14px 0 0}.dialog-actions .btn{flex:1 1 110px}.dialog-actions .small{flex:0 1 auto;margin-inline-start:auto}
.picker-options{max-height:50dvh;overflow:auto;padding:3px}.picker-option{font:inherit}.picker-option span{overflow-wrap:anywhere}
.picker-option[aria-pressed=true]{border-color:var(--accent);background:#173432}.picker-option[aria-pressed=true] .picker-indicator{border-color:var(--accent);color:var(--accent)}
.entry-title{border:0;color:var(--text);background:transparent;text-align:start;font:inherit;font-size:16px;font-weight:650;width:100%;padding:4px 0;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.entry-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--accent)}.entries{display:grid;gap:10px}.entry{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px;min-width:0}.entry p{margin:7px 0;font-size:13px;color:#b3c1d5}.entry .btn{font-size:13px}.list-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.list-tabs .btn{padding:14px 10px}.full{width:100%}
.error{color:var(--danger)!important;white-space:normal;font-size:13px}.count{display:block;margin:10px 0;font-size:12px}.small-print{font-size:12px;line-height:1.5}.detail-rows{display:grid;gap:10px}.detail-row{display:flex;flex-direction:column;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.detail-row>span{font-size:12px;color:var(--muted)}.detail-row>strong{font-size:14px;font-weight:500}.detail-actions{display:grid;gap:8px;margin-top:15px}.card-open{border:0;background:none;color:inherit;text-align:start;padding:0;cursor:pointer;width:100%}.card-main .station{display:block}.card-side{cursor:default}.fav-btn{margin:0}.card-freq{direction:ltr;justify-self:start}.fav-btn{justify-self:end}.results{margin:12px 0}.rec-chip{max-width:100%}
.range-row{display:flex;gap:8px;align-items:start;flex-wrap:wrap;padding:7px 0}.range-row .btn{flex:1}.separator{border:0;border-top:1px solid var(--border);margin:18px 0}.menu-button{font:inherit;font-size:15px}.menu-button b{margin-inline-start:auto;margin-left:0}.loading{padding:30px}.map-station{white-space:normal}.section-actions{display:grid;gap:8px;margin:12px 0}#rd-toast{pointer-events:none}
[dir=rtl] .fav-btn{grid-column:2}[dir=rtl] .card-side{text-align:right}[dir=rtl] .leaflet-container{direction:ltr}[dir=rtl] .leaflet-control{direction:ltr}
@media(min-width:600px){.filter-grid{grid-template-columns:1fr 1fr}.detail-actions{grid-template-columns:1fr 1fr}.section-actions{grid-template-columns:1fr 1fr}}
@media(max-width:360px){main{padding:12px}.list-tabs{grid-template-columns:1fr}.brand h1{font-size:13px}.brand-sub{font-size:11px}dialog{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}