/* Complete navigation and large-catalog layouts, shared by the three concepts. */
.scale-caption{font-size:12px;color:var(--muted);margin:10px 0}.sidebar-sections{border-top:1px solid var(--line);padding-top:16px}.sidebar .side-bottom{padding-top:20px}.sidebar{min-width:0}.sidebar a{font-size:13px}.app-header{gap:18px}.header-tools{gap:10px}.header-tools .global-search{padding:10px}.active-filter-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.active-filter-tags:empty{margin:0}.active-filter-tags button{background:var(--field);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px}.advanced-filters input[type=range]{width:100%;accent-color:var(--accent)}.genre-list button{flex-shrink:0}.radio-card h2,.card-copy p{overflow-wrap:anywhere}.catalog-pagination{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.page-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-links a{min-width:42px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;padding:0 8px;font-size:13px}.page-links a[aria-current=page]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.page-tools,.page-tools form{display:flex;gap:12px;align-items:flex-end}.page-tools label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.page-tools select,.page-tools input{width:85px;min-height:40px;background:var(--field);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:8px}.page-tools button{min-height:40px;font-size:12px;padding:8px 12px}.app-footer{display:flex;flex-wrap:wrap;gap:14px 24px;padding:35px 0 8px;margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.app-footer a:hover{color:var(--accent)}.menu-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);width:min(840px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:20px;padding:35px;overflow:auto}.menu-dialog::backdrop{background:#05070dbb;backdrop-filter:blur(8px)}.menu-identity{display:flex;gap:15px;align-items:center;padding-right:30px;margin-bottom:30px}.menu-identity p{font-size:12px;margin-top:5px}.full-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.full-menu h2{font-size:12px;color:var(--muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}.full-menu a{display:block;padding:9px 0;font-size:14px}.full-menu a:hover{color:var(--accent)}.full-menu small{color:var(--muted)}.menu-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.menu-status-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;color:var(--muted);font-size:11px}.menu-status-links a:last-child{color:var(--accent)}.genre-picker-list,.genre-directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:24px 0}.genre-picker-list{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-picker-list a,.genre-directory-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;overflow-wrap:anywhere}.genre-picker-list a:hover,.genre-directory-list a:hover{color:var(--accent)}.genre-picker-list svg,.genre-directory-list svg{width:16px}.genre-alphabet{display:flex;flex-wrap:wrap;gap:5px;margin:24px 0}.genre-alphabet button{min-width:38px;min-height:44px;border-radius:8px;font-size:13px}.genre-alphabet button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.genre-directory-count{font-size:13px}.extra-view>.search-box{max-width:620px}.extra-view h1{max-width:850px}.extra-view .section-description{margin-top:12px}.extra-view .page-heading{margin-bottom:28px}.editorial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.editorial-list h2{margin:16px 0}.editorial-list .text-button{margin-top:20px}.reading-content{max-width:800px;font-size:18px;line-height:1.8}.reading-content p+p{margin-top:24px}.account-security{margin-top:24px}.account-security p{margin:12px 0 20px}.history-row{display:grid;grid-template-columns:80px 1fr 50px;padding:18px 0;border-bottom:1px solid var(--line);gap:15px;font-size:14px}.history-row>span,.history-row small{color:var(--muted)}.help-list-v4 details,.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-weight:700}.faq-list details p{margin-top:14px;max-width:800px}.help-support{margin-top:30px}.empty-compact{padding:22px;color:var(--muted)}.station-utilities{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px}.station-utilities .text-button{font-size:12px;min-height:30px}.rating-caption{color:var(--muted);font-size:11px}.station-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.connection-state{display:flex;align-items:center;gap:6px;font-size:11px;padding:10px 0;color:var(--muted)}.connection-state i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.chat-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:5px 0;flex-wrap:wrap}.chat-tabs button{font-size:11px;min-height:36px}.chat-tabs button[aria-pressed=true]{color:var(--accent)}.chat-form{gap:4px}.chat-form input{min-width:0;flex:1}.chat-form>.text-button{font-size:24px;width:30px}.chat-panel .panel-heading h2{font-size:17px}.chat-panel .panel-heading .text-button{font-size:11px}.message .text-button{font-size:11px;min-height:32px}.station-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.material-sample{background:var(--field);border:1px solid var(--line);border-radius:12px;padding:20px}.material-sample h3{font-size:17px;margin:10px 0}.material-sample p{font-size:13px;margin-bottom:18px}.material-sample .secondary-button{font-size:12px}.gallery-placeholder{aspect-ratio:16/9;background:var(--field);display:grid;place-items:center;padding:30px;text-align:center;color:var(--muted);border-radius:12px}.status-pill{border:1px solid var(--line);border-radius:10px;padding:14px;font-size:13px}.comment-tools{display:flex;gap:20px}.comment-reply{margin:12px 0 8px 20px;border-left:2px solid var(--accent);padding-left:16px;font-size:13px}.comment-attachments{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:12px}.comment-attachments label{font-size:12px;max-width:100%}.comment-attachments input{font-size:12px;max-width:240px}.comment-attachments .secondary-button{font-size:12px}.owner-team{border-top:1px solid var(--line);padding-top:30px;margin-top:30px}.owner-team h2{margin-bottom:20px}.owner-team .check-field{margin:12px 0}.team-demo-row{display:flex;gap:18px;align-items:center;margin:25px 0;flex-wrap:wrap}.team-demo-row p{font-size:12px}.team-demo-row>div:last-child{display:flex;gap:12px}.danger-text{color:#e98888}.appearance-files,.widget-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.appearance-files label,.widget-dimensions label{display:grid;gap:8px;font-size:13px}.appearance-files input,.appearance-files select,.widget-dimensions input,.widget-dimensions select,.share-url{min-width:0;max-width:100%;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px}.appearance-files input[type=color]{height:46px;width:100%}.widget-code{width:100%;min-height:100px;background:var(--field);color:var(--ink);border:1px solid var(--line);padding:14px;resize:vertical;font-size:12px}.share-url{width:100%;margin:20px 0}.light-widget{background:#f7f8fa!important;color:#172129!important}.station-genre-fields{border:0;margin:0;padding:0;min-width:0}.station-genre-fields legend{font-size:13px;margin-bottom:10px}.station-genre-fields>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.station-genre-fields input{min-width:0;width:100%}.mixer-panel{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.mixer-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.mixer-channels>div{display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--field);border-radius:12px;font-size:13px}.mixer-channels input{width:100%;accent-color:var(--accent)}.mixer-channels button{font-size:11px}.mixer-channels button[aria-pressed=true],.recording-controls button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.recording-controls,.audio-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.audio-tools{margin-bottom:24px}.audio-tools>*{font-size:12px}.file-label{cursor:pointer}.file-label input{display:none}.local-audio-status{color:var(--muted)}
@media(min-width:761px){.variant-b .active-filter-tags{grid-column:2;grid-row:3}.variant-b .catalog-layout{grid-column:2;grid-row:4/span 3}.variant-b .genre-list{grid-column:1;grid-row:3/span 2}.variant-b .advanced-filters{grid-column:1;grid-row:5}.variant-b .scale-caption{grid-column:1/-1}.variant-b .catalog-view>.catalog-footer{grid-column:1/-1}.variant-b .catalog-pagination{display:block}.variant-b .page-tools{margin-top:18px}.variant-b .top-nav,.variant-c .top-nav{margin-left:10px;gap:18px}}
@media(max-width:1050px){.top-nav,.variant-b .top-nav,.variant-c .top-nav{display:none}.genre-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.full-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-header,.variant-b .app-header,.variant-c .app-header{padding:10px 16px;gap:10px}.app-header>.icon-button{width:32px}.brand{font-size:20px}.brand>b{width:30px;height:30px;font-size:28px;margin-right:6px}.header-tools{gap:2px}.header-tools>[data-global-search]{display:none}.header-tools .icon-button{width:36px}.mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted);min-height:52px}.scale-caption{font-size:11px}.catalog-pagination{margin-top:24px;gap:18px}.page-links{gap:3px}.page-links a{min-width:38px;padding:0 5px;font-size:12px}.page-tools{gap:15px;width:100%;justify-content:space-between}.page-tools form{gap:7px}.page-tools input{width:65px}.page-tools select{width:70px}.app-footer{gap:15px 20px;margin-top:25px;padding-top:25px}.menu-dialog{padding:26px 20px;width:calc(100vw - 20px);border-radius:16px}.menu-identity{margin-bottom:25px}.menu-identity strong{font-size:14px}.full-menu{gap:25px 18px}.full-menu a{font-size:13px;min-height:44px}.full-menu h2{font-size:10px;margin-bottom:6px}.menu-actions>*{font-size:12px}.genre-picker-list,.genre-directory-list{gap:0 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.genre-picker-list a,.genre-directory-list a{font-size:12px}.genre-alphabet{gap:2px}.genre-alphabet button{min-width:32px}.editorial-list{grid-template-columns:1fr}.extra-view .page-heading h1{font-size:28px}.history-row{grid-template-columns:45px 1fr;font-size:12px;gap:10px}.history-row small{display:none}.station-utilities{width:100%;margin-top:0;gap:8px 16px}.station-stats{gap:20px 10px}.station-stats span{font-size:10px}.station-material-grid{grid-template-columns:1fr}.team-demo-row>div:last-child{flex-wrap:wrap}.appearance-files,.widget-dimensions{grid-template-columns:1fr}.station-genre-fields>div{grid-template-columns:1fr}.mixer-channels{gap:8px}.mixer-channels>div{padding:12px 8px;font-size:11px}.mixer-channels .secondary-button{padding:8px}.mixer-channels .text-button{font-size:10px}.recording-controls .secondary-button{font-size:12px}.station-identity>p{overflow-wrap:anywhere}.variant-b .card-copy{overflow-wrap:anywhere}.reading-content{font-size:16px}.app-header .account-button{width:36px;padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.sidebar-sections{display:grid;gap:3px}.sidebar-sections a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:7px}.sidebar-sections a:hover{background:var(--field);color:var(--accent)}
.broadcast-details,.autodj-options{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.broadcast-details details{margin-top:24px}.broadcast-details summary{cursor:pointer;font-size:14px}.broadcast-details input,.autodj-options input[type=number]{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:12px;width:100%}.autodj-options label{margin:14px 0}.autodj-options .field{max-width:250px}
@media(min-width:761px){.variant-b .catalog-toolbar{align-self:start}.variant-b .filter-open{min-height:52px}}
.genre-list,.section-tabs{scrollbar-width:none}.genre-list::-webkit-scrollbar,.section-tabs::-webkit-scrollbar{display:none}@media(max-width:760px){.catalog-types,.variant-b .catalog-types{display:grid;grid-template-columns:.85fr 1fr 1.5fr;gap:9px;overflow:visible}.catalog-types button,.variant-b .catalog-types button{white-space:normal;font-size:12px;min-height:54px;line-height:1.35;text-align:left;padding:12px 0}.genre-list .all-genres-button{border-color:var(--accent);color:var(--accent)}}

.station-seo-links{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.station-seo-links h2{font-size:20px;margin-bottom:15px}.station-seo-links>div{display:flex;gap:15px 25px;flex-wrap:wrap}.station-seo-links a,.seo-directory-link{font-size:14px;color:var(--accent);line-height:1.7}.seo-directory-link{display:inline-block;margin:0 0 25px}.station-seo-links a:hover{text-decoration:underline}
/* Help centre: grouped questions, accessible disclosure controls. */
.help-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 44px}.help-topics a{display:grid;grid-template-columns:1fr auto;gap:22px;padding:22px;border:1px solid #dfe4f0;border-radius:18px;background:#fff;text-decoration:none;color:#182033;transition:border-color .18s,transform .18s}.help-topics a:hover{border-color:#3151ff;transform:translateY(-2px)}.help-topics a>span{grid-column:1/-1;color:#5267ba;font-size:12px;letter-spacing:.08em}.help-topics strong{font-size:17px;font-weight:600;line-height:1.35}.help-topics b{color:#3151ff;font-weight:400}.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start;max-width:1200px}.help-group{scroll-margin-top:100px;margin-bottom:32px}.help-group>h2{display:flex;align-items:center;gap:14px;font-size:20px;line-height:1.4;margin:0 0 14px}.help-group>h2>span{font-size:11px;color:#6d7baa;border:1px solid #dfe4f0;border-radius:8px;padding:5px 7px;font-weight:500}.help-article{background:#fff;border:1px solid #e1e5ef;border-radius:14px;margin:10px 0;overflow:hidden}.help-article summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;cursor:pointer;font-size:16px;font-weight:550;line-height:1.5;color:#1d263d;min-height:68px}.help-article summary::-webkit-details-marker{display:none}.help-article summary::marker{content:''}.help-article summary:focus-visible,.help-topics a:focus-visible{outline:3px solid #3151ff;outline-offset:3px}.help-toggle{width:28px;height:28px;border-radius:50%;background:#f0f3ff;flex:none;position:relative;color:#3151ff}.help-toggle:before,.help-toggle:after{content:'';position:absolute;background:currentColor;width:10px;height:1.5px;left:9px;top:13px}.help-toggle:after{transform:rotate(90deg)}.help-article[open]{border-color:#b7c4ff}.help-article[open] .help-toggle{background:#3151ff;color:white}.help-article[open] .help-toggle:after{display:none}.help-answer{padding:0 22px 22px;max-width:760px}.help-answer p{font-size:15px;line-height:1.8;color:#667086;margin:0}.help-support.content-panel{position:sticky;top:100px;border:1px solid #dbe2fc;border-radius:22px;background:linear-gradient(145deg,#edf1ff,#fff);padding:28px}.help-support-mark{display:grid;place-items:center;width:52px;height:52px;background:#3151ff;color:white;border-radius:17px;font-size:28px;margin-bottom:30px}.help-support h2{font-size:25px;line-height:1.2;margin:10px 0 14px}.help-support .section-description{font-size:14px;line-height:1.75;margin-bottom:24px}.help-support .primary-button{display:flex;justify-content:center;text-decoration:none;font-size:13px;padding:14px}.help-support-footer{border-top:1px solid #dfe4f0;margin-top:26px;padding-top:22px}.help-support-footer h3{font-size:14px;margin:0 0 8px}.help-support-footer p{font-size:13px;line-height:1.7;color:#758096;margin:0}@media(max-width:850px){.help-topics{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 30px;gap:10px}.help-layout{grid-template-columns:1fr;gap:10px}.help-support.content-panel{position:static;max-width:none}.help-topics a{padding:17px;gap:14px}.help-topics strong{font-size:15px}.help-article summary{padding:17px 16px;font-size:15px;min-height:68px}.help-answer{padding:0 16px 18px}.help-answer p{font-size:14px}.help-group>h2{font-size:19px}.help-support-mark{margin-bottom:18px}.help-group{scroll-margin-top:80px}}@media(prefers-reduced-motion:reduce){.help-topics a{transition:none}}
.d-skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}