/* MUSIC FM Classic — generated stylesheet bundle. See AUDIT-AND-DEPLOY.md. */

/* ===== BEGIN site.css ===== */
:root{--navy:#041327;--navy2:#071d37;--blue:#147cff;--cyan:#59c7ff;--turq:#25c8c3;--purple:#7c67d9;--red:#e94355;--ink:#2f3742;--muted:#667085;--line:#e4e9f0;--soft:#f6f8fb;--white:#fff;--container:1240px;--shadow:0 10px 28px rgba(13,47,95,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);color:var(--ink);background:#fff;line-height:1.45}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.site-header{background:#fff;position:relative;z-index:50}.utility-bar{background:var(--navy2);color:#dfeaff;font-size:13px}.utility-inner,.brand-inner,.nav-inner{display:flex;align-items:center;justify-content:space-between}.utility-inner{height:34px}.utility-links,.utility-actions{display:flex;align-items:center;gap:20px}.utility-links a:hover,.user-link:hover{color:#fff}.icon-btn{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}.brand-row{border-bottom:1px solid var(--line)}.brand-inner{height:86px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:74px;height:74px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:28px;letter-spacing:.5px;color:var(--navy)}.brand-copy small{margin-top:7px;color:var(--muted);font-size:12px}.brand-tools{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.brand-tools strong{color:var(--ink)}.now-label{color:var(--red);font-weight:800}.hamburger{display:none;width:36px;height:36px;border:0;background:transparent;padding:7px;cursor:pointer}.hamburger span{display:block;height:2px;background:var(--navy);margin:5px 0}.main-nav{border-bottom:1px solid var(--line);box-shadow:0 4px 14px rgba(9,35,72,.03)}.nav-inner{height:46px;gap:22px;justify-content:flex-start;overflow:hidden}.nav-inner>a,.more-link{font-size:15px;font-weight:700;white-space:nowrap;position:relative}.nav-inner>a:after{content:"";position:absolute;right:0;left:100%;height:3px;background:var(--blue);bottom:-14px;transition:.18s}.nav-inner>a:hover:after,.nav-inner>a.active:after{left:0}.more-link{margin-right:auto;border:0;background:none;cursor:pointer;color:var(--ink)}.mega-menu{position:absolute;z-index:45;right:0;left:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s}.mega-menu.open{transform:none;opacity:1;pointer-events:auto}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding:34px 0 42px}.mega-grid h3{margin:0 0 13px;color:var(--navy);font-size:18px}.mega-grid a{display:block;padding:5px 0;color:#465064}.mega-grid a:hover{color:var(--blue)}.search-overlay{position:fixed;inset:0;background:rgba(8,25,50,.72);z-index:100;display:grid;place-items:start center;padding-top:12vh;opacity:0;pointer-events:none;transition:.2s}.search-overlay.open{opacity:1;pointer-events:auto}.search-box{width:min(780px,calc(100% - 28px));background:#fff;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25);position:relative}.search-box>button{position:absolute;left:18px;top:12px;border:0;background:none;font-size:34px}.search-box label{font-weight:800;font-size:22px}.search-field{display:flex;margin-top:16px}.search-field input{flex:1;border:1px solid var(--line);padding:16px;font-size:17px}.search-field button{border:0;background:var(--blue);color:white;padding:0 26px;font-weight:800}.search-box p{color:var(--muted);font-size:13px}.ad-slot{height:116px;background:#f7f7f7;display:grid;place-items:center;color:#a2a8b1;font-size:11px;margin-bottom:26px}.top-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(370px,.9fr);gap:18px;border-bottom:1px solid var(--line);padding-bottom:24px}.lead-story>a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);background:#fff;min-height:430px}.lead-story img{height:100%;min-height:430px}.lead-copy{padding:26px 26px 20px;background:linear-gradient(180deg,#fff,#fbfcfe);display:flex;flex-direction:column;justify-content:flex-end}.kicker{color:var(--blue);font-weight:800;font-size:13px}.kicker.red{color:var(--red)}.lead-copy h1{font-size:38px;line-height:1.08;margin:8px 0 12px;letter-spacing:-.6px}.lead-copy p{font-size:17px;color:#4d596d;margin:0 0 18px}.meta{font-size:12px;color:#7b8595}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.secondary-card{border-bottom:1px solid var(--line);padding-bottom:12px}.secondary-card img{height:135px}.secondary-card h2{font-size:17px;line-height:1.18;margin:5px 0 7px}.portal-row{display:grid;grid-template-columns:1.05fr 1.7fr 1.05fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.panel{border-top:5px solid var(--navy);padding-top:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h2{font-size:22px;margin:0;color:var(--navy)}.panel-head a{font-size:12px;color:var(--blue);font-weight:700}.ticker-item{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:13px}.ticker-item time{font-weight:800;color:var(--red)}.hot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hot-grid img{height:82px}.hot-grid strong{display:block;font-size:13px;line-height:1.25;margin-top:5px}.red-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.interesting-box ol{list-style:none;padding:0;margin:0}.interesting-box li a{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #edf0f4;font-size:13px}.interesting-box li span{font-weight:900;font-size:18px;color:#c6ccd5}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;padding-top:24px}.section-block{padding:0 0 30px;margin-bottom:26px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;border-top:6px solid var(--navy);padding-top:10px;margin-bottom:14px}.section-heading h2{font-size:28px;margin:0;color:var(--navy)}.section-heading a{font-size:13px;font-weight:700;color:var(--blue)}.section-block.alt .section-heading{border-color:var(--turq)}.section-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.section-lead img{height:290px}.section-lead h3{font-size:27px;line-height:1.1;margin:10px 0 6px}.section-lead p{color:#596476;margin:0 0 8px}.section-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-side article{border-bottom:1px solid var(--line);padding-bottom:10px}.section-side img{height:100px}.section-side h3{font-size:15px;line-height:1.2;margin:6px 0}.wide-strip{background:linear-gradient(100deg,var(--navy2),var(--navy),#15539b);color:white;padding:28px 30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.wide-strip span{font-size:12px;color:var(--cyan);font-weight:800}.wide-strip h2{margin:4px 0 3px;font-size:26px}.wide-strip p{margin:0;color:#cfdded}.wide-strip a{border:1px solid rgba(255,255,255,.6);padding:9px 15px;font-weight:700}.sidebar{display:flex;flex-direction:column;gap:22px}.side-card{border-top:5px solid var(--navy);padding-top:10px}.chart-row{display:grid;grid-template-columns:28px 1fr 36px 28px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.chart-row>b{font-size:22px;color:var(--navy)}.chart-row div{display:flex;flex-direction:column}.chart-row strong{font-size:14px}.chart-row span{font-size:12px;color:var(--muted)}.chart-row em{font-style:normal;font-size:12px;color:var(--turq)}.chart-row button{border:0;background:var(--soft);width:28px;height:28px}.newsletter{background:var(--soft);border:0;padding:20px}.newsletter h3{font-size:22px;margin:6px 0}.newsletter p{color:var(--muted);font-size:13px}.newsletter input{width:100%;border:1px solid var(--line);background:#fff;padding:11px}.newsletter button{width:100%;border:0;background:var(--navy);color:#fff;padding:11px;margin-top:7px;font-weight:800}.community-preview>a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.community-preview b{font-size:13px;color:var(--blue)}.community-preview p{font-size:13px;margin:3px 0}.community-preview span{font-size:11px;color:var(--muted)}.ad-rect{height:250px;background:#f5f5f5;display:grid;place-items:center;color:#aaa;font-size:11px}.site-footer{background:var(--navy2);color:#d5e0ee;margin-top:56px}.footer-top{padding:44px 0;display:grid;grid-template-columns:230px 1fr;gap:60px}.footer-brand img{width:115px}.footer-brand span{display:block;margin-top:10px;color:#9fb4cd;font-size:13px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer-columns h4{color:white;margin:0 0 11px}.footer-columns a{display:block;padding:4px 0;font-size:13px;color:#b9c8da}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);font-size:12px}.footer-bottom .container{height:54px;display:flex;align-items:center;justify-content:space-between}.mobile-bottom{display:none}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:50px;padding-top:38px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:22px}.article-page>h1{font-size:48px;line-height:1.08;margin:8px 0 12px;letter-spacing:-.7px}.article-deck{font-size:21px;color:#566174;margin:0 0 16px}.article-meta{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;color:var(--muted)}.share{margin-right:auto}.article-hero{height:480px;margin-top:22px}.caption{font-size:11px;color:var(--muted);margin-top:5px}.article-body{max-width:710px;margin:26px auto 0;font-size:18px;line-height:1.75}.article-body h2{font-size:30px;line-height:1.2;margin-top:34px}.article-body blockquote{border-right:5px solid var(--blue);padding:8px 18px;margin:26px 0;font-size:25px;font-weight:700;color:var(--navy)}.article-body img{margin:28px 0;height:390px}.rank-line{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.rank-line b{font-size:22px;color:#c0c7d0}.rank-line span{font-size:14px;line-height:1.25}.related{margin-top:44px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards-4 img{height:150px}.cards-4 h3{font-size:16px;line-height:1.25;margin:8px 0}.listing-page{padding-top:34px}.page-title{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.page-title>span{color:var(--blue);font-weight:800;font-size:13px}.page-title h1{font-size:46px;line-height:1;margin:5px 0 8px;color:var(--navy)}.page-title p{font-size:18px;color:var(--muted);margin:0}.listing-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.category-lead{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.category-lead img{height:310px}.category-lead h2{font-size:31px;line-height:1.1;margin:8px 0}.category-lead p{color:var(--muted)}.list-row{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.list-row img{height:130px}.list-row h3{font-size:22px;line-height:1.15;margin:5px 0}.list-row p{margin:0 0 7px;color:var(--muted)}.music-feature{background:linear-gradient(120deg,#edf5ff,#fff);display:grid;grid-template-columns:1fr 450px;align-items:center;margin-bottom:28px}.music-feature>div{padding:36px}.music-feature h2{font-size:38px;line-height:1.08;margin:8px 0}.music-feature img{height:340px}.primary-btn{border:0;background:var(--blue);color:white;padding:10px 20px;font-weight:800;cursor:pointer}.album-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.album-card{position:relative}.album-card img{aspect-ratio:1/1}.album-card h3{font-size:16px;margin:7px 0 0}.album-card p{font-size:13px;color:var(--muted);margin:2px 0}.album-card>span{position:absolute;left:9px;top:120px;background:var(--blue);color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.album-grid.big{grid-template-columns:repeat(6,1fr)}.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.artist-card{border-bottom:1px solid var(--line);padding-bottom:12px}.artist-card img{height:245px}.artist-card h3{font-size:20px;margin:7px 0 0}.artist-card span{font-size:12px;color:var(--muted)}.artist-hero{background:linear-gradient(100deg,#eaf4ff,#fff);padding:34px 0;margin-bottom:34px}.artist-hero .container{display:grid;grid-template-columns:330px 1fr;align-items:center;gap:38px}.artist-hero img{height:330px}.artist-hero h1{font-size:50px;margin:6px 0}.artist-hero p{font-size:19px;color:var(--muted);max-width:700px}.artist-stats{display:flex;gap:24px;margin-top:18px}.artist-stats span{color:var(--muted)}.artist-stats b{display:block;font-size:24px;color:var(--navy)}.song-list{border-top:1px solid var(--line)}.song-list>a{display:grid;grid-template-columns:34px 54px 1fr 44px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.song-list img{width:54px;height:54px}.song-list>a>b{font-size:18px;color:#a7b0bc}.song-list>a>div{display:flex;flex-direction:column}.song-list>a span{font-size:12px;color:var(--muted)}.song-list button{border:0;background:#eef4fb;width:36px;height:36px}.song-list.large>a{grid-template-columns:40px 64px 1fr 60px 44px;padding:11px 0}.song-list.large img{width:64px;height:64px}.duration{font-variant-numeric:tabular-nums}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.playlist-grid>a{background:var(--soft)}.playlist-grid img{height:220px}.playlist-grid div{position:relative;padding:14px}.playlist-grid h3{margin:0;font-size:20px}.playlist-grid p{margin:3px 0;color:var(--muted)}.playlist-grid :is(button,.playlist-play-icon){position:absolute;left:14px;top:-26px;width:48px;height:48px;border-radius:50%;border:0;background:var(--blue);color:#fff}.chart-table{border-top:5px solid var(--navy)}.chart-table-row{display:grid;grid-template-columns:50px 70px 1fr 60px 88px 44px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.chart-table-row>b{font-size:28px;color:var(--navy)}.chart-table-row img{width:70px;height:70px}.chart-table-row div{display:flex;flex-direction:column}.chart-table-row em{font-style:normal;color:var(--turq);font-weight:800}.chart-table-row button{border:1px solid var(--blue);color:var(--blue);background:#fff;padding:7px}.chart-table-row .play{border:0;background:#eef4fb;height:38px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.composer{background:var(--soft);padding:18px;margin-bottom:16px}.composer textarea{display:block;width:100%;height:90px;border:1px solid var(--line);margin:10px 0;padding:10px;resize:vertical}.post{border:1px solid var(--line);padding:18px;margin-bottom:14px}.post-user{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-weight:800}.post-user>div:last-child{display:flex;flex-direction:column}.post-user span{font-size:11px;color:var(--muted)}.post p{font-size:17px}.post-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:10px}.post-actions button{border:0;background:transparent;color:var(--muted)}.side-card label{display:block;padding:6px 0}.full{width:100%;margin-top:10px}.online-users{display:grid;grid-template-columns:1fr 1fr;gap:8px}.online-users span{font-size:13px}.online-users i{width:7px;height:7px;background:#27b36a;border-radius:50%;display:inline-block;margin-left:5px}.simple-page{padding-top:34px}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;font-weight:700;gap:6px}.contact-form label:nth-child(n+3){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);padding:12px;background:#fff}.contact-form button{justify-self:start}.contact-grid aside{display:flex;flex-direction:column;gap:16px}.contact-card{background:var(--soft);padding:22px}.contact-card h3{margin-top:0;color:var(--navy)}.contact-card a{color:var(--blue);font-weight:700}.prose{max-width:820px;font-size:18px;line-height:1.8}.faq{max-width:840px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq p{color:var(--muted)}
@media(max-width:1100px){.nav-inner{gap:15px}.nav-inner>a:nth-of-type(n+10){display:none}.top-grid{grid-template-columns:1.35fr .85fr}.lead-story>a{grid-template-columns:1fr}.lead-story img{min-height:300px;height:300px}.lead-copy{padding:18px}.lead-copy h1{font-size:31px}.portal-row{grid-template-columns:1fr 1fr}.interesting-box{grid-column:1/-1}.content-layout,.listing-grid,.community-layout{grid-template-columns:minmax(0,1fr) 260px}.album-grid,.album-grid.big{grid-template-columns:repeat(4,1fr)}.artist-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{padding-bottom:64px}.container{width:min(100% - 24px,var(--container))}.utility-bar{display:none}.brand-inner{height:60px}.brand{gap:7px}.brand img{width:44px;height:44px}.brand-copy b{font-size:20px}.brand-copy small,.brand-tools{display:none}.hamburger{display:block}.main-nav{overflow:auto}.nav-inner{height:39px;overflow-x:auto;scrollbar-width:none;gap:18px}.nav-inner>a{font-size:13px}.nav-inner>a:nth-of-type(n+7){display:none}.more-link{margin-right:0}.mega-menu{position:fixed;top:60px;bottom:64px;overflow:auto}.mega-grid{grid-template-columns:1fr 1fr;gap:24px;padding:22px 0}.ad-slot{height:70px;margin-bottom:14px}.top-grid{display:block}.lead-story>a{display:block;min-height:auto}.lead-story img{height:235px;min-height:0}.lead-copy{padding:14px 0 18px;background:#fff}.lead-copy h1{font-size:29px}.lead-copy p{font-size:15px}.secondary-grid{grid-template-columns:1fr 1fr;gap:12px}.secondary-card img{height:105px}.secondary-card h2{font-size:15px}.portal-row{display:block;padding-top:18px}.panel{margin-bottom:20px}.hot-grid img{height:90px}.interesting-box{margin-bottom:0}.content-layout{display:block;padding-top:8px}.sidebar{margin-top:26px}.section-heading h2{font-size:24px}.section-grid{display:block}.section-lead img{height:220px}.section-lead h3{font-size:23px}.section-side{margin-top:14px}.section-side img{height:95px}.wide-strip{padding:20px;display:block}.wide-strip h2{font-size:22px}.wide-strip a{display:inline-block;margin-top:12px}.site-footer{margin-top:40px}.footer-top{display:block;padding:30px 0}.footer-brand{display:block;margin-bottom:25px}.footer-columns{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom .container{height:auto;padding:15px 0;display:block}.footer-bottom span{display:block}.mobile-bottom{position:fixed;z-index:80;bottom:0;right:0;left:0;height:64px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);font-size:20px}.mobile-bottom span{font-size:10px;margin-top:2px}.article-layout{display:block;padding-top:24px}.article-side{display:none}.article-page>h1{font-size:34px}.article-deck{font-size:18px}.article-meta{flex-wrap:wrap}.share{margin-right:0;width:100%}.article-hero{height:245px}.article-body{font-size:17px}.article-body h2{font-size:25px}.article-body blockquote{font-size:21px}.article-body img{height:230px}.cards-4{grid-template-columns:1fr 1fr}.cards-4 img{height:115px}.page-title h1{font-size:36px}.page-title p{font-size:16px}.listing-grid{display:block}.category-lead{display:block}.category-lead img{height:220px}.category-lead h2{font-size:27px}.list-row{grid-template-columns:130px 1fr;gap:12px}.list-row img{height:94px}.list-row h3{font-size:17px}.list-row p{display:none}.music-feature{display:block}.music-feature>div{padding:22px}.music-feature h2{font-size:29px}.music-feature img{height:220px}.album-grid,.album-grid.big{grid-template-columns:repeat(2,1fr);gap:14px}.album-card>span{top:calc(100vw / 2 - 78px)}.artist-grid{grid-template-columns:repeat(2,1fr);gap:14px}.artist-card img{height:190px}.artist-hero{padding:20px 0}.artist-hero .container{grid-template-columns:120px 1fr;gap:16px}.artist-hero img{height:160px}.artist-hero h1{font-size:34px}.artist-hero p{font-size:14px}.artist-stats{gap:12px}.artist-stats b{font-size:18px}.song-list.large>a{grid-template-columns:32px 54px 1fr 34px}.song-list.large .duration{display:none}.playlist-grid{grid-template-columns:1fr 1fr;gap:12px}.playlist-grid img{height:170px}.chart-table-row{grid-template-columns:34px 52px 1fr 34px;gap:7px}.chart-table-row img{width:52px;height:52px}.chart-table-row em,.chart-table-row button:not(.play){display:none}.community-layout{display:block}.contact-grid{display:block}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.contact-grid aside{margin-top:22px}.search-box{padding:26px 18px}.search-field button{padding:0 16px}}
@media(max-width:390px){.lead-copy h1{font-size:27px}.secondary-grid{grid-template-columns:1fr}.secondary-card{display:grid;grid-template-columns:120px 1fr;gap:10px}.secondary-card img{height:84px}.secondary-card .kicker,.secondary-card .meta{display:none}.secondary-card h2{margin:4px 0}.section-side{grid-template-columns:1fr}.section-side article a{display:grid;grid-template-columns:120px 1fr;gap:9px}.section-side img{height:76px}.footer-columns{grid-template-columns:1fr 1fr}.artist-grid{grid-template-columns:1fr 1fr}.artist-card img{height:165px}.playlist-grid img{height:145px}}

/* MUSIC FM unified token aliases — canonical MUSIC FM */
:root{--navy:#041327;--navy2:#071d37;--blue:#147cff;--cyan:#59c7ff;--turq:#25c8c3;--purple:#7c67d9;--red:#e94355;--ink:#17243a;--muted:#667085;--line:#e4e9f0;--soft:#f6f8fb;--white:#fff;--container:1240px;--shadow:0 10px 30px rgba(3,19,39,.045)}
/* ===== END site.css ===== */

/* ===== BEGIN musicfm-portal.css ===== */
 :root{
  --mf-navy:#041327;
  --mf-navy-2:#071d37;
  --mf-blue:#147cff;
  --mf-sky:#59c7ff;
  --mf-turquoise:#25c8c3;
  --mf-purple:#7c67d9;
  --mf-red:#e94355;
  --mf-charcoal:#2f3742;
  --mf-gray:#667085;
  --mf-light-gray:#f6f8fb;
  --mf-white:#ffffff;
  --mf-accent:#59c7ff;
  --mf-ink:#17243a;
  --mf-muted:#667085;
  --mf-line:#e4e9f0;
  --mf-soft:#f6f8fb;
  --mf-card:#ffffff;
  --mf-container:1312px;
  --mf-shadow:0 10px 28px rgba(13,47,95,.08);
  --mf-ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--mf-soft)}
body{margin:0;background:var(--mf-soft);color:var(--mf-ink);font-family:var(--mf-font,"IBM Plex Sans Hebrew",Arial,sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font-family:inherit}
img{max-width:100%}
svg{display:block}
.svg-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}
.mf-container{width:min(var(--mf-container),calc(100% - 42px));margin-inline:auto}
.site-shell{min-height:100vh}
main{min-height:60vh}

/* ===== Header rebuilt to the exact news-portal rhythm ===== */
.site-header{position:relative;z-index:100;background:#fff;border:0}
.mf-utility{height:50px;background:#f6f8fb;border-bottom:1px solid #e4e9f0;color:#2f3742;font-size:14px}
.mf-utility-inner{height:100%;display:flex;align-items:center;justify-content:space-between;direction:rtl}
.utility-date,.utility-networks{display:flex;align-items:center;gap:10px;white-space:nowrap}
.utility-date strong{font-weight:800}
.utility-date .weather{display:flex;align-items:center;gap:7px;color:#757d88;margin-right:18px}
.utility-date .weather svg{width:24px;height:24px}
.utility-networks{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);direction:ltr;font-weight:700}
.utility-networks i{height:20px;width:2px;background:#041327;display:block}
.utility-networks span{font-weight:500;color:#667085}

.mf-mainbar{height:84px;background:var(--mf-navy);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.mf-mainbar-inner{height:100%;display:grid;grid-template-columns:136px minmax(0,1fr) 86px;align-items:center;gap:24px}
.mf-logo{justify-self:start;display:flex;align-items:center;transition:transform .35s var(--mf-ease)}
.mf-logo:hover{transform:translateY(-1px) scale(1.015)}
.mf-logo img{display:block;width:112px;height:auto;object-fit:contain}
.mf-mainnav{display:flex;align-items:center;justify-content:flex-start;gap:38px;min-width:0;height:100%;white-space:nowrap;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-weight:700;font-size:18px}
.mf-mainnav>a,.mf-more{position:relative;height:100%;display:flex;align-items:center;border:0;background:none;color:#fff;padding:0;cursor:pointer;font-weight:700;transition:color .2s ease,transform .2s ease}
.mf-mainnav>a::after{content:"";position:absolute;right:0;left:0;bottom:0;height:4px;background:var(--mf-accent);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--mf-ease)}
.mf-mainnav>a:hover::after,.mf-mainnav>a.active::after{transform:scaleX(1)}
.mf-mainnav>a:hover{color:#fff}
.mf-more{color:var(--mf-accent);gap:8px;font-size:18px}
.mf-more svg{width:20px;height:20px;transition:transform .28s var(--mf-ease)}
.mf-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.mf-actions{justify-self:end;display:flex;align-items:center;gap:10px;direction:ltr}
.mf-search{width:46px;height:46px;border:0;border-radius:50%;background:var(--mf-accent);color:#041327;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(89,199,255,.35);transition:transform .25s var(--mf-ease),box-shadow .25s ease}
.mf-search:hover{transform:scale(1.06);box-shadow:0 0 0 8px rgba(89,199,255,.09)}
.mf-search svg{width:23px;height:23px}
.mf-menu-mobile{display:none;width:42px;height:42px;border:0;background:transparent;color:#fff;place-items:center}
.mf-menu-mobile svg{width:25px;height:25px}

body.scrolled .site-header{position:sticky;top:-50px;box-shadow:0 5px 20px rgba(0,0,0,.13)}
body.scrolled .mf-mainbar{height:68px;transition:height .25s var(--mf-ease)}

/* ===== Mega menu ===== */
.mega-menu{display:block;position:fixed;z-index:95;top:134px;right:0;left:0;background:#fff;border-bottom:1px solid var(--mf-line);box-shadow:0 22px 46px rgba(23,30,44,.14);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .24s ease,transform .28s var(--mf-ease),visibility .24s}
.mega-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
body.scrolled .mega-menu{top:68px}
.mega-shell{padding:0 0 34px}
.mega-head{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececef;margin-bottom:26px}
.mega-head strong{font-size:28px;font-weight:900;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.mega-head button{border:0;background:#f6f8fb;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#1e2737}
.mega-head svg{width:20px;height:20px}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;padding:0}
.mega-grid>div{padding-left:20px;border-left:1px solid #ececef}
.mega-grid>div:last-child{border-left:0}
.mega-grid h3{margin:0 0 12px;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:18px;font-weight:900;color:var(--mf-navy)}
.mega-grid a{display:block;padding:6px 0;color:#404755;font-weight:600;transition:transform .2s ease,color .2s ease}
.mega-grid a:hover{color:var(--mf-red);transform:translateX(-4px)}

/* ===== Search ===== */
.search-overlay{position:fixed;z-index:160;inset:0;background:rgba(13,18,29,.72);backdrop-filter:blur(8px);display:grid;place-items:start center;padding-top:9vh;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s}
.search-overlay.open{opacity:1;visibility:visible}
.premium-search{position:relative;background:#fff;width:min(760px,calc(100% - 28px));padding:44px 48px 40px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:translateY(-12px) scale(.985);transition:transform .3s var(--mf-ease)}
.search-overlay.open .premium-search{transform:translateY(0) scale(1)}
.search-close{position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:50%;border:0;background:#f6f8fb;color:#1d2431;display:grid;place-items:center;cursor:pointer}
.search-close svg{width:18px;height:18px}
.premium-search small{display:block;color:var(--mf-red);font-weight:800;margin-bottom:3px}
.premium-search label{display:block;font-size:36px;font-weight:900;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);line-height:1.15;margin-bottom:24px}
.search-field{display:flex;height:58px;border:2px solid var(--mf-navy);background:#fff}
.search-field input{flex:1;border:0;outline:0;padding:0 18px;font-size:18px;min-width:0}
.search-field button{border:0;background:var(--mf-accent);color:#041327;padding:0 24px;display:flex;align-items:center;gap:8px;font-weight:900;cursor:pointer}
.search-field button svg{width:20px;height:20px}
.search-trends{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;font-size:14px}
.search-trends>span{font-weight:800;color:#5c6472}
.search-trends a{background:#f6f8fb;padding:7px 12px;border-radius:999px;font-weight:700}
.search-trends a:hover{background:#e9f4ff}

/* ===== Home hero ===== */
.home-stage{padding-top:24px;padding-bottom:54px}
.mf-hero-board{display:grid;grid-template-columns:36% 64%;grid-template-rows:438px auto;background:#fff;border:1px solid #d7dde6;box-shadow:0 8px 24px rgba(13,47,95,.045);overflow:hidden}
.mf-lead-copy{grid-column:1;grid-row:1;padding:38px 38px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;background:#fff;overflow:hidden;min-width:0}
.mf-tag{display:inline-flex;align-items:center;background:var(--mf-red);color:#fff;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-weight:900;font-size:16px;line-height:1;padding:6px 10px;margin-bottom:16px}
.mf-lead-copy h1{margin:0 0 14px;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:43px;line-height:1.055;letter-spacing:-1.45px;font-weight:900;color:#17191f;text-wrap:balance}
.mf-lead-copy p{margin:0;font-family:"IBM Plex Sans Hebrew",var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:20px;line-height:1.42;letter-spacing:-.15px;color:#3e4653;max-width:100%}
.mf-meta{margin-top:15px;font-size:13px;color:#7a828d}
.mf-meta strong{color:#222834}
.mf-lead-image{grid-column:2;grid-row:1;display:block;overflow:hidden;position:relative;background:#041327}
.mf-lead-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,47,95,.09),transparent 28%);pointer-events:none}
.mf-lead-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s var(--mf-ease),filter .4s ease}
.mf-lead-image:hover img{transform:scale(1.012);filter:saturate(1.025)}
.mf-mini-grid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));direction:rtl;border-top:1px solid #d7dde6;margin:0;width:100%;background:#fff}
.mf-mini-card{direction:rtl;border-left:1px solid #d7dde6;padding:14px 14px 15px;min-width:0;background:#fff;transition:background .2s ease}
.mf-mini-card:last-child{border-left:0}
.mf-mini-card>a{display:flex;flex-direction:column;height:100%;min-width:0}
.mf-mini-card:hover{background:#fbfcfe}
.mini-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e9f4ff}
.mini-media::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgba(7,22,43,.12));pointer-events:none}
.mini-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--mf-ease)}
.mf-mini-card:hover .mini-media img{transform:scale(1.025)}
.mini-media span{position:absolute;z-index:1;bottom:0;right:0;background:var(--mf-red);color:#fff;font-weight:900;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:14px;padding:5px 9px;line-height:1.05}


.mf-mini-card:nth-child(4) .mini-media span{background:var(--mf-turquoise);color:#082542}
.mf-mini-card h2{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:19px;line-height:1.22;letter-spacing:-.35px;margin:11px 0 8px;font-weight:900;color:#171b23;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:46px}
.mf-mini-card small{display:block;margin-top:auto;color:#7a828d;font-size:12px;font-variant-numeric:tabular-nums}


/* ===== Breaking ticker ===== */
.flash-strip{height:74px;margin-top:26px;background:#fff;border-top:4px solid var(--mf-navy);display:grid;grid-template-columns:126px minmax(0,1fr) 146px;align-items:center;box-shadow:0 1px 0 var(--mf-line);overflow:hidden}
.flash-title{height:100%;display:flex;align-items:center;gap:9px;padding:0 20px;border-left:1px solid #e0e2e5;font-size:19px}
.flash-title i{width:9px;height:9px;border-radius:50%;background:var(--mf-red);box-shadow:0 0 0 0 rgba(236,51,72,.45);animation:mfPulse 1.9s infinite}
@keyframes mfPulse{0%{box-shadow:0 0 0 0 rgba(236,51,72,.45)}70%{box-shadow:0 0 0 8px rgba(236,51,72,0)}100%{box-shadow:0 0 0 0 rgba(236,51,72,0)}}
.flash-track{display:flex;align-items:center;overflow:hidden;min-width:0}
.flash-track a{display:flex;align-items:center;gap:12px;min-width:270px;padding:0 18px;border-left:1px solid #e7e8ea;font-weight:700;transition:color .2s ease}
.flash-track a:hover{color:var(--mf-red)}
.flash-track time{font-weight:900;color:var(--mf-red);font-variant-numeric:tabular-nums}
.flash-track span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flash-all{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;color:var(--mf-navy)}
.flash-all svg{width:18px;height:18px;transform:rotate(180deg)}

/* ===== Hot / interesting ===== */
.pulse-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;margin-top:30px}
.pulse-panel{background:#fff;border-top:5px solid var(--mf-navy);padding:0 18px 18px}
.portal-title{height:68px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #e2e4e7;padding-bottom:10px;margin-bottom:14px}
.portal-title h2{margin:0;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:31px;font-weight:900;letter-spacing:-1px}
.portal-title span{font-size:13px;color:#7b828d}
.mf-hot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mf-hot-grid a{display:block;min-width:0}
.mf-hot-grid img{height:118px;object-fit:cover;border:0;background:#eef5fb;transition:transform .4s var(--mf-ease),filter .3s ease}
.mf-hot-grid strong{display:block;font-size:16px;line-height:1.3;margin-top:8px;font-weight:800}
.mf-hot-grid a:hover img{transform:translateY(-2px);filter:saturate(1.08)}
.interesting-panel{border-top-color:var(--mf-red)}
.interesting-panel ol{list-style:none;margin:0;padding:0}
.interesting-panel li+li{border-top:1px solid #e5e7ea}
.interesting-panel a{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;padding:11px 0}
.interesting-panel b{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:26px;font-weight:900;color:#c5c8ce}
.interesting-panel span{font-weight:800;line-height:1.25}
.interesting-panel a:hover span{color:var(--mf-red)}

/* ===== Main sections ===== */
.mf-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:30px;margin-top:32px;align-items:start}
.mf-section{background:#fff;border-top:5px solid var(--mf-navy);padding:0 18px 22px;margin:0 0 28px;box-shadow:0 1px 0 #dadce0}
.mf-section-heading{height:74px;margin:0 0 16px;border-top:0;padding-top:0;border-bottom:1px solid #e1e3e6;display:flex;align-items:center;justify-content:space-between}
.mf-section-heading>div{display:flex;align-items:center;gap:10px}
.mf-section-heading i{width:9px;height:28px;background:var(--mf-red);display:block}
.mf-section-heading h2{margin:0;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:34px;font-weight:900;letter-spacing:-1px}
.mf-section-heading>a{display:flex;align-items:center;gap:4px;font-weight:800;color:#58606d;font-size:14px}
.mf-section-heading>a svg{width:17px;height:17px;transform:rotate(180deg)}
.mf-section-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}
.mf-section-lead>a{display:grid;grid-template-columns:1.2fr .8fr;background:#f6f8fb;height:100%}
.mf-section-lead img{width:100%;height:100%;min-height:306px;object-fit:cover}
.mf-section-lead .story-copy{padding:20px 18px}
.mf-section-lead h3{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:27px;line-height:1.08;letter-spacing:-.6px;margin:8px 0 9px;font-weight:900}
.mf-section-lead p{margin:0 0 12px;color:#555d6a;font-size:16px;line-height:1.4}
.mf-section-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mf-section-side article{border-bottom:1px solid #dfe1e5;padding-bottom:10px}
.mf-section-side article a{display:block}
.mf-section-side img{width:100%;height:118px;object-fit:cover;transition:transform .35s var(--mf-ease)}
.mf-section-side article:hover img{transform:scale(1.02)}
.mf-section-side h3{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:17px;line-height:1.2;margin:7px 0 4px;font-weight:900}
.mf-wide-strip{background:var(--mf-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin:0 0 28px;overflow:hidden;position:relative}
.mf-wide-strip::after{content:"";position:absolute;left:-80px;top:-130px;width:290px;height:290px;border:38px solid rgba(89,199,255,.08);border-radius:50%}
.mf-wide-strip span{color:var(--mf-accent);font-weight:900}
.mf-wide-strip h2{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:29px;line-height:1.1;margin:5px 0;font-weight:900}
.mf-wide-strip p{margin:0;color:#d5d9e0}
.mf-wide-strip>a{z-index:1;display:flex;align-items:center;gap:7px;background:var(--mf-accent);color:#17243a;padding:11px 16px;font-weight:900}
.mf-wide-strip svg{width:18px;height:18px;transform:rotate(180deg)}

.mf-sidebar{position:sticky;top:86px;display:flex;flex-direction:column;gap:22px}
.mf-side-card{background:#fff;border:0;border-top:5px solid var(--mf-navy);box-shadow:0 1px 0 #d9dce0;padding:16px}
.mf-side-card .panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e2e5;padding-bottom:10px;margin-bottom:8px}
.mf-side-card .panel-head h2{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:23px;font-weight:900;margin:0}
.mf-side-card .panel-head a{font-size:12px;color:#6e7683;font-weight:700}
.mf-side-card .chart-row{display:grid;grid-template-columns:32px 1fr 30px 34px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e5e6e8}
.mf-side-card .chart-row>b{font-size:22px;color:#bbc0c8;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.mf-side-card .chart-row div{display:flex;flex-direction:column;min-width:0}
.mf-side-card .chart-row strong,.mf-side-card .chart-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-side-card .chart-row span{font-size:12px;color:#757d8a}
.mf-side-card .chart-row em{font-style:normal;color:#10a58f;font-weight:900;font-size:12px}
.mf-side-card .chart-row .chart-row-play{border:0;background:#edf5ff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--mf-navy)}
.mf-side-card .chart-row .chart-row-play svg{width:14px;height:14px}
.mf-side-card.newsletter{border-top-color:var(--mf-red);background:#fff}
.mf-side-card.newsletter h3{font-size:25px;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);line-height:1.05;margin:7px 0 8px}
.mf-side-card.newsletter p{color:#6d7481;margin:0 0 12px}
.mf-side-card.newsletter input{width:100%;height:42px;border:1px solid #cfd3d9;padding:0 11px;margin-bottom:8px}
.mf-side-card.newsletter button{width:100%;height:42px;border:0;background:var(--mf-navy);color:#fff;font-weight:900;cursor:pointer}
.mf-side-card.community-preview>a{display:block;padding:10px 0;border-bottom:1px solid #e5e6e8}
.mf-side-card.community-preview p{font-size:14px;margin:4px 0}
.mf-side-card.community-preview span{font-size:11px;color:#818895}
.mf-ad{background:#eef2f6;color:#999da5;border:0;height:250px;display:grid;place-items:center;font-size:11px;letter-spacing:.05em}

/* ===== Inner pages get the same editorial language ===== */
.inner-page main{background:#fff}
.inner-page .container{width:min(1180px,calc(100% - 42px))}
.inner-page .listing-page,.inner-page .simple-page,.inner-page .article-layout{padding-top:38px;padding-bottom:54px}
.inner-page .page-title{border-bottom:5px solid var(--mf-navy);padding-bottom:18px;margin-bottom:26px}
.inner-page .page-title>span{color:var(--mf-red);font-weight:900}
.inner-page .page-title h1{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:54px;line-height:1;margin:5px 0 6px;font-weight:900;letter-spacing:-1.6px}
.inner-page .page-title p{font-size:18px;color:#69717d;margin:0}
.inner-page .category-lead{background:#f6f8fb;border:0;display:grid;grid-template-columns:1.25fr .75fr;gap:0;margin-bottom:26px}
.inner-page .category-lead img{width:100%;height:350px;object-fit:cover}
.inner-page .category-lead>div{padding:26px}
.inner-page .category-lead h2{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:35px;line-height:1.05;font-weight:900;margin:8px 0}
.inner-page .list-row{border-bottom:1px solid #dfe1e4;padding:16px 0}
.inner-page .list-row h3{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-weight:900}
.inner-page .article-page>h1{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:55px;line-height:1.01;letter-spacing:-1.8px;font-weight:900}
.inner-page .article-deck{font-size:22px;line-height:1.42;color:#3e4551}
.inner-page .article-body{font-size:19px;line-height:1.85}
.inner-page .article-body h2{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-weight:900;font-size:32px}
.inner-page .article-body blockquote{border-right:6px solid var(--mf-red);background:#f6f8fb;margin:26px 0;padding:20px 24px;font-size:25px;font-weight:800}
.inner-page .side-card{border-top:5px solid var(--mf-navy);background:#fbfcfe}

/* ===== Footer ===== */
.mf-footer{background:var(--mf-navy-2);color:#fff;margin-top:0;border:0}
.mf-footer-top{display:grid;grid-template-columns:260px 1fr;gap:70px;padding:46px 0 40px}
.footer-lead{border-left:1px solid rgba(255,255,255,.13);padding-left:30px}
.footer-wordmark{display:flex;align-items:baseline;gap:5px;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-weight:900;font-size:33px;letter-spacing:-1.5px}
.footer-wordmark b{color:var(--mf-accent)}
.footer-lead p{font-size:14px;line-height:1.6;color:#bfc6d2;max-width:220px}
.footer-social{display:flex;gap:8px;margin-top:18px}
.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.26);border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px;transition:background .2s ease,color .2s ease}
.footer-social a:hover{background:var(--mf-accent);color:#071d37;border-color:var(--mf-accent)}
.mf-footer .footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.mf-footer .footer-columns h4{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:17px;margin:0 0 10px;color:#fff}
.mf-footer .footer-columns a{display:block;color:#c8ced8;padding:4px 0;font-size:14px}
.mf-footer .footer-columns a:hover{color:var(--mf-accent)}
.mf-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:#071a35}
.mf-footer .footer-bottom>div{height:56px;display:flex;align-items:center;justify-content:space-between;color:#9da7b7;font-size:12px}
.mobile-bottom{display:none}

/* ===== Motion ===== */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s var(--mf-ease),transform .55s var(--mf-ease)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* ===== Responsive ===== */
@media(max-width:1280px){
  .mf-mainnav{gap:24px;font-size:16px}
  .mf-mainbar-inner{grid-template-columns:118px minmax(0,1fr) 74px;gap:16px}
  .mf-logo img{width:100px}
  .mf-lead-copy h1{font-size:39px}
  .mf-lead-copy p{font-size:18px}
  .mf-hero-board{grid-template-rows:410px auto}
  .mf-mini-grid{width:100%}
  .mf-content-layout{grid-template-columns:minmax(0,1fr) 285px}
}
@media(max-width:1080px){
  .mf-mainnav{gap:18px;font-size:15px;overflow-x:auto;scrollbar-width:none}
  .mf-mainnav>a:nth-of-type(7),.mf-mainnav>a:nth-of-type(8),.mf-mainnav>a:nth-of-type(9){display:none}
  .mf-hero-board{grid-template-columns:39% 61%;grid-template-rows:370px auto}
  .mf-lead-copy{padding:28px 24px}
  .mf-lead-copy h1{font-size:34px}
  .mf-lead-copy p{font-size:17px}
  .mf-mini-grid{width:100%}
  .mf-mini-card h2{font-size:16px;min-height:39px}
  .pulse-grid{grid-template-columns:1fr}
  .mf-content-layout{grid-template-columns:1fr}
  .mf-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}
  .mf-ad{display:none}
}
@media(max-width:760px) and (hover:none){
  body{padding-bottom:66px}
  .mf-container{width:min(100% - 24px,var(--mf-container))}
  .mf-utility{height:34px}
  .utility-date{font-size:11px;gap:6px}
  .utility-date .weather{display:none}
  .utility-networks{font-size:11px;gap:7px}
  .utility-networks i{height:14px}
  .mf-mainbar{height:62px}
  .mf-mainbar-inner{grid-template-columns:1fr auto;gap:8px;display:grid}
  .mf-logo{grid-column:1;justify-self:start}
  .mf-logo img{width:78px}
  .mf-mainnav{display:none}
  .mf-actions{grid-column:2;display:flex;gap:4px}
  .mf-search{width:39px;height:39px}
  .mf-search svg{width:20px;height:20px}
  .mf-menu-mobile{display:grid}
  body.scrolled .site-header{top:-34px}
  body.scrolled .mf-mainbar{height:58px}
  .mega-menu{top:96px;bottom:66px;overflow:auto}
  body.scrolled .mega-menu{top:58px}
  .mega-shell{padding-bottom:24px}
  .mega-head{height:58px;margin-bottom:14px}
  .mega-head strong{font-size:23px}
  .mega-grid{grid-template-columns:1fr 1fr;gap:20px}
  .mega-grid>div{border:0;padding:0}
  .premium-search{padding:36px 18px 24px}
  .premium-search label{font-size:28px}
  .search-field{height:52px}
  .search-field button span{display:none}
  .search-field button{padding:0 17px}
  .home-stage{padding-top:14px}
  .mf-hero-board{display:flex;flex-direction:column;border:0;background:transparent}
  .mf-lead-image{order:1;height:238px;background:#e9f4ff}
  .mf-lead-copy{order:2;padding:18px 16px 20px;background:#fff;border:1px solid #d8dade;border-top:0}
  .mf-tag{font-size:14px;margin-bottom:8px}
  .mf-lead-copy h1{font-size:30px;line-height:1.06;letter-spacing:-.8px}
  .mf-lead-copy p{font-size:16px;line-height:1.4;max-width:none}
  .mf-mini-grid{order:3;width:100%;grid-template-columns:1fr 1fr;margin-top:12px;border:1px solid #d7d7d9;direction:rtl}
  .mf-mini-card{border:0!important;border-bottom:1px solid #d7d7d9!important;padding:9px}
  .mf-mini-card:nth-child(odd){border-left:1px solid #d7d7d9!important}
  .mf-mini-card h2{font-size:15px;line-height:1.22;min-height:37px}
  .mini-media span{font-size:12px;padding:3px 5px}
  .flash-strip{height:auto;min-height:64px;margin-top:16px;grid-template-columns:86px 1fr;padding:0}
  .flash-title{padding:0 12px;font-size:15px}
  .flash-track{height:60px;overflow:auto;scrollbar-width:none}
  .flash-track a{min-width:260px;padding:0 12px;font-size:13px}
  .flash-all{display:none}
  .pulse-grid{margin-top:18px;gap:16px}
  .pulse-panel{padding:0 12px 14px}
  .portal-title{height:57px}
  .portal-title h2{font-size:26px}
  .portal-title span{font-size:11px}
  .mf-hot-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mf-hot-grid img{height:102px}
  .mf-hot-grid strong{font-size:14px}
  .mf-content-layout{display:block;margin-top:18px}
  .mf-section{padding:0 12px 15px;margin-bottom:18px}
  .mf-section-heading{height:60px;margin-bottom:12px}
  .mf-section-heading h2{font-size:27px}
  .mf-section-grid{display:block}
  .mf-section-lead>a{display:block}
  .mf-section-lead img{min-height:0;height:220px}
  .mf-section-lead .story-copy{padding:14px 2px 10px}
  .mf-section-lead h3{font-size:24px}
  .mf-section-side{grid-template-columns:1fr 1fr;gap:10px}
  .mf-section-side img{height:90px}
  .mf-section-side h3{font-size:14px}
  .mf-wide-strip{padding:20px;display:block}
  .mf-wide-strip h2{font-size:24px}
  .mf-wide-strip>a{display:inline-flex;margin-top:14px}
  .mf-sidebar{display:block;margin-top:18px}
  .mf-side-card{margin-bottom:14px}
  .inner-page .container{width:min(100% - 24px,1180px)}
  .inner-page .listing-page,.inner-page .simple-page,.inner-page .article-layout{padding-top:22px}
  .inner-page .page-title h1{font-size:39px}
  .inner-page .category-lead{display:block}
  .inner-page .category-lead img{height:220px}
  .inner-page .category-lead>div{padding:16px}
  .inner-page .category-lead h2{font-size:27px}
  .inner-page .article-page>h1{font-size:38px}
  .inner-page .article-deck{font-size:18px}
  .mf-footer-top{display:block;padding:32px 0}
  .footer-lead{border:0;padding:0;margin-bottom:28px}
  .mf-footer .footer-columns{grid-template-columns:1fr 1fr;gap:22px}
  .mf-footer .footer-bottom>div{height:auto;min-height:60px;display:block;padding:14px 0}
  .mf-footer .footer-bottom span{display:block}
  .mobile-bottom{position:fixed;z-index:150;bottom:0;right:0;left:0;height:66px;background:#fff;border-top:1px solid #d7dae0;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 22px rgba(18,28,47,.08)}
  .mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#041327;font-weight:700;font-size:10px;gap:2px}
  .mobile-bottom svg{width:21px;height:21px}
}
@media(max-width:430px){
  .mf-mini-grid{grid-template-columns:1fr 1fr}
  .mf-mini-card h2{font-size:14px}
  .mf-hot-grid{grid-template-columns:1fr 1fr}
  .mf-section-side{grid-template-columns:1fr}
  .mf-section-side article a{display:grid;grid-template-columns:118px 1fr;gap:9px;align-items:start}
  .mf-section-side img{height:76px}
  .mf-section-side h3{margin-top:0}
}
/* Icon cleanup across music pages */
.playlist-grid :is(button,.playlist-play-icon) svg,.song-list button svg,.chart-table-row .play svg,.album-play svg,.icon-primary svg{width:16px;height:16px}
.icon-primary{display:inline-flex!important;align-items:center;gap:8px}
.album-card .album-play{display:grid;place-items:center}
.footer-social a svg{width:17px;height:17px}

/* ===== MUSIC FM brand layer ===== */
.mf-utility{background:var(--mf-light-gray);color:var(--mf-charcoal)}
.utility-links{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700;font-size:13px}
.utility-links a{color:var(--mf-gray);transition:color .2s ease}
.utility-links a:hover{color:var(--mf-blue)}
.utility-links i{display:block;width:1px;height:16px;background:var(--mf-line)}

.mf-mainbar{background:linear-gradient(90deg,var(--mf-navy-2),var(--mf-navy));box-shadow:0 1px 0 rgba(255,255,255,.07) inset}
.mf-mainbar-inner{grid-template-columns:190px minmax(0,1fr) 76px}
.mf-logo{gap:10px;min-width:180px}
.mf-logo img{width:48px;height:48px;flex:0 0 48px}
.mf-wordmark{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;column-gap:4px;line-height:.9;direction:ltr;color:#fff;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.mf-wordmark b,.mf-wordmark strong{font-size:24px;letter-spacing:-1.1px;font-weight:900}
.mf-wordmark strong{color:var(--mf-sky)}
.mf-wordmark small{grid-column:1/-1;direction:rtl;font-family:var(--mf-font,"IBM Plex Sans Hebrew",Arial,sans-serif);font-size:9px;line-height:1.2;letter-spacing:0;color:#cbdaf0;margin-top:4px;font-weight:700}
.mf-mainnav{gap:27px;font-size:16px}
.mf-mainnav>a::after{background:var(--mf-sky)}
.mf-mainnav>a:hover,.mf-mainnav>a.active{color:var(--mf-sky)}
.mf-more{color:#fff}
.mf-more:hover{color:var(--mf-sky)}
.mf-search{background:var(--mf-sky);color:var(--mf-navy);box-shadow:0 0 0 0 rgba(89,199,255,.35)}
.mf-search:hover{box-shadow:0 0 0 8px rgba(89,199,255,.12)}

.mega-grid h3{color:var(--mf-navy)}
.mega-grid a:hover{color:var(--mf-blue)}
.premium-search small{color:var(--mf-purple)}
.search-field{border-color:var(--mf-blue)}
.search-field button{background:var(--mf-blue);color:#fff}
.search-trends a:hover{background:#eaf4ff;color:var(--mf-blue)}

.mf-tag,.mini-media span{background:var(--mf-red)}
.mf-mini-card:nth-child(2) .mini-media span{background:var(--mf-blue)}
.mf-mini-card:nth-child(3) .mini-media span{background:var(--mf-purple)}
.mf-mini-card:nth-child(4) .mini-media span{background:var(--mf-turquoise);color:var(--mf-navy-2)}
.mf-mini-card:hover h2{color:var(--mf-blue)}
.mf-mini-card small{display:block;color:var(--mf-gray);font-size:11px;margin-top:5px}

.flash-strip{border-top-color:var(--mf-navy)}
.flash-title i{background:var(--mf-red)}
.flash-track time{color:var(--mf-red)}
.flash-all{color:var(--mf-blue)}

.pulse-panel{border-top-color:var(--mf-blue)}
.interesting-panel{border-top-color:var(--mf-purple)}
.interesting-panel a:hover span{color:var(--mf-purple)}

.mf-section{border-top-color:var(--mf-navy)}
.main-feed .mf-section:nth-of-type(2){border-top-color:var(--mf-blue)}
.main-feed .mf-section:nth-of-type(3){border-top-color:var(--mf-turquoise)}
.main-feed .mf-section:nth-of-type(4){border-top-color:var(--mf-purple)}
.main-feed .mf-section:nth-of-type(5){border-top-color:var(--mf-red)}
.main-feed .mf-section:nth-of-type(1) .mf-section-heading i{background:var(--mf-red)}
.main-feed .mf-section:nth-of-type(2) .mf-section-heading i{background:var(--mf-blue)}
.main-feed .mf-section:nth-of-type(3) .mf-section-heading i{background:var(--mf-turquoise)}
.main-feed .mf-section:nth-of-type(4) .mf-section-heading i{background:var(--mf-purple)}
.main-feed .mf-section:nth-of-type(5) .mf-section-heading i{background:var(--mf-red)}
.mf-wide-strip{background:linear-gradient(120deg,var(--mf-navy-2),var(--mf-navy) 58%,#123e75);}
.mf-wide-strip::after{border-color:rgba(123,97,255,.16)}
.mf-wide-strip span{color:var(--mf-sky)}
.mf-wide-strip>a{background:var(--mf-sky);color:var(--mf-navy-2)}

.mf-side-card{border-top-color:var(--mf-navy)}
.mf-side-card.chart-card{border-top-color:var(--mf-turquoise)}
.mf-side-card.newsletter{border-top-color:var(--mf-purple)}
.mf-side-card.newsletter button{background:var(--mf-blue)}
.mf-side-card .chart-row em{color:var(--mf-turquoise)}
.mf-side-card .chart-row .chart-row-play{color:var(--mf-blue);background:#eef6ff}

.inner-page .page-title{border-bottom-color:var(--mf-navy)}
.inner-page .page-title>span{color:var(--mf-blue)}
.inner-page .article-body blockquote{border-right-color:var(--mf-purple)}
.inner-page .side-card{border-top-color:var(--mf-blue)}

.mf-footer{background:linear-gradient(120deg,var(--mf-navy-2),var(--mf-navy));}
.footer-wordmark b{color:var(--mf-sky)}
.footer-social a:hover{background:var(--mf-sky);color:var(--mf-navy-2);border-color:var(--mf-sky)}
.mf-footer .footer-columns a:hover{color:var(--mf-sky)}
.mf-footer .footer-bottom{background:#071a35}

@media(max-width:1280px){
  .mf-mainbar-inner{grid-template-columns:168px minmax(0,1fr) 70px}
  .mf-mainnav{gap:20px;font-size:15px}
  .mf-wordmark b,.mf-wordmark strong{font-size:21px}
}
@media(max-width:1080px){
  .mf-mainnav>a:nth-of-type(8),.mf-mainnav>a:nth-of-type(9),.mf-mainnav>a:nth-of-type(10),.mf-mainnav>a:nth-of-type(11){display:none}
}
@media(max-width:760px) and (hover:none){
  .utility-links{display:none}
  .mf-mainbar-inner{grid-template-columns:1fr auto}
  .mf-logo{min-width:0;gap:7px}
  .mf-logo img{width:42px;height:42px}
  .mf-wordmark b,.mf-wordmark strong{font-size:18px}
  .mf-wordmark small{font-size:8px}
  .mobile-bottom a:nth-child(3){color:var(--mf-blue)}
}

/* ========================================================================== 
   V4 HEADER + FOOTER MERGE — clean portal edition
   ========================================================================== */
.site-header.v4-site-header{
  position:sticky;top:0;z-index:140;background:rgba(255,255,255,.98);
  border-bottom:1px solid #e4e9f0;box-shadow:0 1px 0 rgba(13,47,95,.02);
  backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);
  transition:box-shadow .25s ease,background .25s ease;
}
body.scrolled .site-header.v4-site-header{position:sticky;top:0;box-shadow:0 10px 30px rgba(13,47,95,.10)}
.v4-nav-shell{height:78px;display:grid;grid-template-columns:230px minmax(0,1fr) 150px;gap:28px;align-items:center}
.v4-brand{display:flex;align-items:center;gap:12px;min-width:0}
.v4-brand img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.v4-brand-copy{display:flex;flex-direction:column;line-height:1;gap:7px;min-width:0}
.v4-brand-copy b{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:21px;letter-spacing:-.7px;font-weight:900;color:var(--mf-navy-2);white-space:nowrap}
.v4-brand-copy small{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:8.5px;letter-spacing:1.55px;color:#778292;font-weight:700;direction:ltr;white-space:nowrap}
.v4-mainnav{height:100%;display:flex;align-items:center;justify-content:center;gap:31px;white-space:nowrap;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.v4-mainnav>a,.v4-more{height:100%;position:relative;display:flex;align-items:center;border:0;background:transparent;padding:0;color:#26374e;font-weight:700;font-size:15.5px;cursor:pointer;transition:color .2s ease}
.v4-mainnav>a::after{content:"";position:absolute;right:50%;left:50%;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--mf-blue),var(--mf-sky));transition:right .24s var(--mf-ease),left .24s var(--mf-ease)}
.v4-mainnav>a:hover,.v4-mainnav>a.active{color:var(--mf-blue)}
.v4-mainnav>a:hover::after,.v4-mainnav>a.active::after{right:0;left:0}
.v4-more{gap:6px;color:var(--mf-blue)}
.v4-more svg{width:15px;height:15px;transition:transform .25s var(--mf-ease)}
.v4-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.v4-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;direction:ltr}
.v4-action,.v4-menu-mobile{width:40px;height:40px;border-radius:50%;border:1px solid #e4e9f0;background:#fff;color:var(--mf-navy);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.v4-action:hover,.v4-menu-mobile:hover{background:#eef7ff;border-color:#bcdfff;color:var(--mf-blue);transform:translateY(-1px)}
.v4-action svg,.v4-menu-mobile svg{width:18px;height:18px}
.v4-menu-mobile{display:none}

.mega-menu.v4-mega{top:78px;background:rgba(255,255,255,.99);border-bottom:1px solid var(--mf-line);box-shadow:0 28px 58px rgba(13,47,95,.14)}
body.scrolled .mega-menu.v4-mega{top:78px}
.v4-mega-shell{position:relative;display:grid;grid-template-columns:320px minmax(0,1fr);gap:65px;padding-top:38px;padding-bottom:42px}
.v4-mega-intro{padding-left:34px;border-left:1px solid var(--mf-line)}
.v4-mega-intro>span{font:800 10px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.7px;color:var(--mf-blue);direction:ltr;display:block;margin-bottom:13px}
.v4-mega-intro h2{font:900 33px/1.05 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-1.1px;margin:0 0 14px;color:var(--mf-navy-2)}
.v4-mega-intro p{font-size:14px;line-height:1.65;color:var(--mf-gray);margin:0;max-width:260px}
.v4-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}

.v4-mega-grid small{display:block;color:var(--mf-sky);font:900 11px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);margin-bottom:9px}
.v4-mega-grid h3{font:900 17px/1.15 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);margin:0 0 12px;color:var(--mf-navy-2)}
.v4-mega-grid a{display:block;padding:5px 0;color:#566274;font-size:14px;font-weight:600;transition:color .18s ease,transform .18s ease}
.v4-mega-grid a:hover{color:var(--mf-blue);transform:translateX(-3px)}
.v4-mega-close{position:absolute;left:0;top:20px;width:38px;height:38px;border:1px solid var(--mf-line);border-radius:50%;background:#fff;color:var(--mf-navy);display:grid;place-items:center;cursor:pointer}
.v4-mega-close svg{width:16px;height:16px}

/* V4 footer reconstructed for this portal */
.v4-footer{margin-top:0;background:linear-gradient(135deg,#071b38 0%,#041327 52%,#123f79 100%);color:#fff;border:0;position:relative;overflow:hidden}
.v4-footer::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(89,199,255,.16),rgba(89,199,255,0) 68%);left:-180px;top:-250px;pointer-events:none}
.v4-footer-main{position:relative;display:grid;grid-template-columns:minmax(290px,380px) minmax(0,1fr);gap:78px;padding:58px 0 50px}
.v4-footer-brand{padding-left:40px;border-left:1px solid rgba(255,255,255,.13)}
.v4-footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.v4-footer-logo img{width:52px;height:52px;object-fit:contain}
.v4-footer-logo span{display:flex;flex-direction:column;gap:6px}
.v4-footer-logo b{font:900 23px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.7px}
.v4-footer-logo small{font:700 8.5px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.45px;color:#aabbd0;direction:ltr}
.v4-footer-kicker{font:800 10px/1.2 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.5px;color:var(--mf-sky);direction:ltr;text-align:right;margin:0 0 13px}
.v4-footer-brand h2{font:900 34px/1.08 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-1px;margin:0 0 16px}
.v4-footer-brand h2 em{font-style:normal;color:#76d8ff}
.v4-footer-description{max-width:335px;margin:0;color:#bdcadd;font-size:14px;line-height:1.75}
.v4-footer-social{display:flex;gap:9px;margin-top:22px}
.v4-footer-social a{width:37px;height:37px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.v4-footer-social a:hover{background:var(--mf-blue);border-color:var(--mf-blue);transform:translateY(-2px)}
.v4-footer-social svg{width:17px;height:17px}
.v4-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:11px}
.v4-footer-links>div>span{display:block;font:800 10px/1.2 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:.9px;color:#79d5ff;margin-bottom:16px}
.v4-footer-links a{display:flex;align-items:baseline;gap:7px;width:max-content;max-width:100%;padding:5px 0;color:#fff;font-size:14px;font-weight:650;transition:color .18s ease,transform .18s ease}
.v4-footer-links a small{font-size:8px;color:#8497b2;letter-spacing:.7px;direction:ltr}
.v4-footer-links a:hover{color:var(--mf-sky);transform:translateX(-2px)}
.v4-footer-signal{position:relative;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,17,37,.25)}
.v4-footer-signal>div{min-height:49px;display:flex;align-items:center;gap:28px;font:800 9.5px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.3px;color:#97a8bf;direction:ltr}
.v4-footer-signal span:first-child{color:#fff;display:flex;align-items:center;gap:8px}
.v4-footer-signal i{width:7px;height:7px;border-radius:50%;background:var(--mf-turquoise);box-shadow:0 0 0 5px rgba(28,211,190,.08)}
.v4-footer-bottom{position:relative;background:#041327}
.v4-footer-bottom>div{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8ea0b7;font-size:12px}
.v4-footer-bottom p{margin:0}
.v4-footer-bottom>div>div{display:flex;align-items:center;gap:18px}
.v4-footer-bottom a:hover{color:#fff}

@media(max-width:1180px){
  .v4-nav-shell{grid-template-columns:190px minmax(0,1fr) 135px;gap:18px}
  .v4-mainnav{gap:21px}.v4-mainnav>a,.v4-more{font-size:14px}
  .v4-brand-copy small{display:none}
  .v4-brand{gap:9px}.v4-brand-copy b{font-size:19px}
  .v4-mega-shell{grid-template-columns:270px 1fr;gap:38px}
  .v4-footer-main{gap:45px}.v4-footer-links{gap:18px}
}
@media(max-width:930px){
  .v4-mainnav>a:nth-of-type(5),.v4-mainnav>a:nth-of-type(6),.v4-mainnav>a:nth-of-type(7){display:none}
  .v4-mega-shell{grid-template-columns:1fr}.v4-mega-intro{border-left:0;padding-left:0}
  .v4-footer-main{grid-template-columns:1fr;gap:40px}.v4-footer-brand{border-left:0;padding-left:0}.v4-footer-links{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px) and (hover:none){
  .site-header.v4-site-header{height:64px}
  .v4-nav-shell{height:64px;grid-template-columns:1fr auto;gap:10px}
  .v4-brand{justify-self:start}.v4-brand img{width:40px;height:40px}.v4-brand-copy b{font-size:18px}
  .v4-mainnav{display:none}.v4-actions{grid-column:2}.v4-desktop-action{display:none}.v4-menu-mobile{display:grid}
  .v4-action,.v4-menu-mobile{width:38px;height:38px}
  .mega-menu.v4-mega,body.scrolled .mega-menu.v4-mega{top:64px;bottom:66px;overflow:auto}
  .v4-mega-shell{display:block;padding-top:24px;padding-bottom:30px}
  .v4-mega-intro{padding-left:48px;margin-bottom:24px}.v4-mega-intro h2{font-size:27px}.v4-mega-intro p{font-size:13px}
  .v4-mega-grid{grid-template-columns:1fr 1fr;gap:25px 22px}.v4-mega-close{top:20px;left:0}
  .v4-footer-main{padding:38px 0 34px}.v4-footer-logo{margin-bottom:22px}.v4-footer-brand h2{font-size:29px}
  .v4-footer-links{grid-template-columns:1fr 1fr;gap:30px 24px}.v4-footer-links a{font-size:13px}
  .v4-footer-signal>div{min-height:48px;gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .v4-footer-bottom>div{display:block;padding:16px 0;min-height:0}.v4-footer-bottom>div>div{margin-top:9px;gap:13px;flex-wrap:wrap}
}
@media(max-width:430px){
  .v4-brand-copy small{display:none}.v4-brand-copy b{font-size:17px}.v4-brand img{width:38px;height:38px}
  .v4-mega-grid{grid-template-columns:1fr}.v4-mega-intro{padding-left:42px}.v4-mega-intro h2{font-size:25px}
  .v4-footer-links{grid-template-columns:1fr 1fr;gap:28px 16px}.v4-footer-brand h2{font-size:27px}.v4-footer-description{font-size:13px}
}

/* ========================================================================== 
   MUSIC FM — SIGNATURE PORTAL POLISH
   Luxury editorial refinement without changing the approved templates.
   ========================================================================== */
:root{
  --mf-navy:#0a2b58;
  --mf-navy-2:#061d3b;
  --mf-blue:#147cff;
  --mf-sky:#63cfff;
  --mf-turquoise:#20c9c3;
  --mf-purple:#725cff;
  --mf-red:#e73d55;
  --mf-charcoal:#283545;
  --mf-gray:#6c7786;
  --mf-light-gray:#f6f8fb;
  --mf-white:#fff;
  --mf-ink:#172536;
  --mf-muted:#6d7888;
  --mf-line:#dce5ef;
  --mf-soft:#f6f8fb;
  --mf-card:#fff;
  --mf-shadow:0 14px 34px rgba(9,40,82,.075);
  --mf-shadow-hover:0 20px 42px rgba(9,40,82,.12);
  --mf-radius:4px;
}
::selection{background:rgba(20,124,255,.18);color:var(--mf-navy-2)}
body{background:linear-gradient(180deg,#f6f8fb 0,#f6f8fb 680px,#f6f8fb 100%);color:var(--mf-ink)}
.container{width:min(var(--mf-container),calc(100% - 42px))}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid rgba(20,124,255,.22);outline-offset:3px}

/* Header: cleaner, sharper and more editorial. */
.site-header.v4-site-header{
  background:rgba(255,255,255,.985);
  border-bottom:1px solid rgba(10,43,88,.11);
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
  backdrop-filter:saturate(130%) blur(10px);
  -webkit-backdrop-filter:saturate(130%) blur(10px);
}
body.scrolled .site-header.v4-site-header{top:0;box-shadow:0 12px 32px rgba(7,31,63,.085)}
.v4-nav-shell{height:80px;grid-template-columns:238px minmax(0,1fr) 154px}
.v4-brand{position:relative;padding-inline-start:2px}
.v4-brand::after{content:"";position:absolute;left:-22px;top:50%;width:1px;height:32px;background:linear-gradient(180deg,transparent,#d7e2ee,transparent);transform:translateY(-50%)}
.v4-brand img{width:48px;height:48px;filter:drop-shadow(0 5px 12px rgba(10,43,88,.08))}
.v4-brand-copy b{font-size:22px;letter-spacing:-.85px;color:#071d37}
.v4-brand-copy small{letter-spacing:1.75px;color:#7b8796}
.v4-mainnav{gap:30px}
.v4-mainnav>a,.v4-more{font-size:15.5px;font-weight:750;color:#25364b;letter-spacing:-.08px}
.v4-mainnav>a::after{height:2px;bottom:-1px;background:var(--mf-blue)}
.v4-mainnav>a:hover,.v4-mainnav>a.active{color:#0a5fc9}
.v4-more{color:#0a5fc9}
.v4-actions{gap:8px}
.v4-action,.v4-menu-mobile{width:41px;height:41px;border-color:#d9e3ed;box-shadow:0 1px 0 #fff inset;background:#fbfdff}
.v4-action:hover,.v4-menu-mobile:hover{background:#edf6ff;border-color:#bddcf9;color:#0a62cf;transform:translateY(-1px)}

/* Mega menu: editorial, not app-like. */
.mega-menu.v4-mega{top:80px;border-top:1px solid rgba(10,43,88,.06);box-shadow:0 28px 64px rgba(7,31,63,.15)}
body.scrolled .mega-menu.v4-mega{top:80px}
.v4-mega-shell{padding-top:42px;padding-bottom:46px}
.v4-mega-intro{border-left-color:#dce5ef}
.v4-mega-intro>span{color:#0b69d9;letter-spacing:1.9px}
.v4-mega-intro h2{color:#071d37;font-size:35px;letter-spacing:-1.35px}
.v4-mega-grid small{color:#5a9fe7}
.v4-mega-grid h3{color:#071d37}
.v4-mega-grid a{position:relative;color:#566477}
.v4-mega-grid a::before{content:"";position:absolute;right:-11px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--mf-sky);opacity:0;transform:translateY(-50%) scale(.6);transition:.18s ease}
.v4-mega-grid a:hover::before{opacity:1;transform:translateY(-50%) scale(1)}
.v4-mega-grid a:hover{color:#0b67d2;transform:translateX(-2px)}

/* Home: more magazine-like surface and hierarchy. */
.home-stage{padding-top:30px;padding-bottom:64px}
.mf-hero-board{border-color:#d6e0ea;box-shadow:0 16px 42px rgba(7,31,63,.075);border-radius:var(--mf-radius);position:relative}
.mf-hero-board::before{content:"";position:absolute;z-index:3;top:0;right:0;width:116px;height:3px;background:var(--mf-blue)}
.mf-lead-copy{padding:43px 42px 34px;background:linear-gradient(150deg,#fff 0%,#fff 62%,#f7faff 100%)}
.mf-tag{background:var(--mf-red);font-size:14px;letter-spacing:.1px;padding:7px 11px;border-radius:2px;box-shadow:0 7px 15px rgba(231,61,85,.12)}
.mf-lead-copy h1{font-size:46px;line-height:1.025;letter-spacing:-1.7px;color:#111b29;margin-bottom:16px}
.mf-lead-copy h1 a{background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .35s var(--mf-ease)}
.mf-lead-copy h1 a:hover{background-size:100% 2px}
.mf-lead-copy p{color:#445164;line-height:1.48}
.mf-meta{display:flex;align-items:center;gap:8px;color:#7d8795}
.mf-meta::before{content:"";width:17px;height:1px;background:#b8c4d1}
.mf-lead-image::after{background:linear-gradient(90deg,rgba(5,28,58,.12),transparent 35%),linear-gradient(0deg,rgba(5,28,58,.08),transparent 32%)}
.mf-lead-image img{filter:saturate(.98) contrast(1.015)}
.mf-lead-image:hover img{transform:scale(1.018);filter:saturate(1.04) contrast(1.015)}
.mf-mini-card{padding:15px 15px 17px;transition:background .2s ease,box-shadow .25s ease}
.mf-mini-card:hover{background:#fbfdff;box-shadow:0 -3px 0 rgba(20,124,255,.55) inset}
.mini-media{border-radius:3px}
.mini-media span{font-size:12.5px;padding:6px 9px;letter-spacing:.02em}
.mf-mini-card h2{letter-spacing:-.25px}

/* Breaking news strip: looks live, but restrained. */
.flash-strip{height:76px;margin-top:24px;border:1px solid #dae4ee;border-top:0;background:#fff;box-shadow:0 10px 26px rgba(7,31,63,.045);position:relative;border-radius:var(--mf-radius)}
.flash-strip::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--mf-red) 0 9%,var(--mf-navy) 9% 100%)}
.flash-title{height:100%;padding-top:3px}
.flash-title i{width:8px;height:8px;background:var(--mf-red);border-radius:50%;box-shadow:0 0 0 5px rgba(231,61,85,.08)}
.flash-title strong{color:#172536}
.flash-track a{transition:color .18s ease}
.flash-track a:hover{color:#0a63ce}
.flash-track time{font-variant-numeric:tabular-nums;font-weight:900;color:var(--mf-red)}
.flash-all{color:#0a62cd}

/* Hot / interesting: separate editorial identities without changing the grid. */
.pulse-grid{gap:22px;margin-top:28px}
.pulse-panel{background:#fff;border:1px solid #e4e9f0;padding:18px 20px 20px;box-shadow:0 10px 28px rgba(7,31,63,.045);border-radius:var(--mf-radius)}
.hot-panel{position:relative}
.hot-panel::before{content:"";position:absolute;right:-1px;top:-1px;bottom:-1px;width:4px;background:var(--mf-blue);border-radius:0 4px 4px 0}
.interesting-panel{position:relative;background:linear-gradient(145deg,#fff,#f9fbfe)}
.interesting-panel::before{content:"";position:absolute;right:-1px;top:-1px;bottom:-1px;width:4px;background:var(--mf-purple);border-radius:0 4px 4px 0}
.portal-title{height:62px;margin-bottom:15px}
.portal-title h2{font-size:30px;color:#122033}
.portal-title span{color:#7b8796}
.mf-hot-grid a{position:relative;overflow:hidden}
.mf-hot-grid img{border-radius:3px;filter:saturate(.97);transition:transform .4s var(--mf-ease),filter .25s ease}
.mf-hot-grid a:hover img{transform:scale(1.025);filter:saturate(1.06)}
.interesting-panel li a{transition:background .18s ease,padding .18s ease}
.interesting-panel li a:hover{background:#f3f8ff;padding-inline:8px}
.interesting-panel li b{color:#9fb6d0}

/* MUSIC FM signature: dedications as an editorial rail, not a social-app widget. */
.mf-dedications-rail{margin-top:24px;background:#071d37;color:#fff;border-radius:var(--mf-radius);overflow:hidden;box-shadow:0 16px 36px rgba(7,31,63,.14);position:relative}
.mf-dedications-rail::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(99,207,255,.17),transparent 26%),radial-gradient(circle at 82% 100%,rgba(114,92,255,.10),transparent 29%);pointer-events:none}
.mf-dedications-head{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 26px;border-bottom:1px solid rgba(255,255,255,.12)}
.mf-dedications-title small{display:flex;align-items:center;gap:9px;color:#83ddff;font:800 10px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.35px;direction:ltr;justify-content:flex-end}
.mf-dedications-title small::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mf-red);box-shadow:0 0 0 5px rgba(231,61,85,.11)}
.mf-dedications-title h2{margin:6px 0 0;font:900 29px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.8px}
.mf-dedications-head>p{margin:0;color:#b9cae0;font-size:14px;line-height:1.55}
.mf-dedications-head>a{display:flex;align-items:center;gap:6px;color:#fff;font-weight:800;font-size:13px;border-bottom:1px solid rgba(99,207,255,.7);padding-bottom:3px}
.mf-dedications-items{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}
.mf-dedication{padding:18px 24px 20px;border-left:1px solid rgba(255,255,255,.11);min-width:0;transition:background .2s ease}
.mf-dedication:last-child{border-left:0}
.mf-dedication:hover{background:rgba(255,255,255,.045)}
.mf-dedication>span{display:block;color:#6fd6ff;font:800 11px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);margin-bottom:8px;font-variant-numeric:tabular-nums}
.mf-dedication p{margin:0 0 8px;font-size:16px;line-height:1.45;color:#fbfcfe}
.mf-dedication small{color:#91a7c2;font-size:11.5px}

/* Main portal columns and section blocks. */
.mf-content-layout{gap:30px;padding-top:30px}
.mf-section{border:1px solid #e4e9f0;border-top:0;padding:0 20px 24px;margin-bottom:28px;box-shadow:0 10px 28px rgba(7,31,63,.045);border-radius:var(--mf-radius);overflow:hidden;position:relative}
.mf-section::before{content:"";position:absolute;right:0;left:0;top:0;height:3px;background:var(--mf-navy)}
.main-feed .mf-section:nth-of-type(2)::before{background:var(--mf-blue)}
.main-feed .mf-section:nth-of-type(4)::before{background:var(--mf-turquoise)}
.main-feed .mf-section:nth-of-type(5)::before{background:var(--mf-purple)}
.main-feed .mf-section:nth-of-type(6)::before{background:var(--mf-red)}
.mf-section-heading{height:76px;border-bottom-color:#e2e8ef;margin-bottom:18px}
.mf-section-heading i{width:4px;height:30px;border-radius:3px;background:var(--mf-blue)}
.main-feed .mf-section:nth-of-type(4) .mf-section-heading i{background:var(--mf-turquoise)}
.main-feed .mf-section:nth-of-type(5) .mf-section-heading i{background:var(--mf-purple)}
.main-feed .mf-section:nth-of-type(6) .mf-section-heading i{background:var(--mf-red)}
.mf-section-heading h2{color:#152336;letter-spacing:-1.1px}
.mf-section-heading>a{color:#596879;transition:color .18s ease,gap .18s ease}
.mf-section-heading>a:hover{color:#0a64d0;gap:7px}
.mf-section-lead>a{background:#f6f8fb;border-radius:3px;overflow:hidden;transition:box-shadow .24s ease,transform .24s ease}
.mf-section-lead>a:hover{box-shadow:0 14px 30px rgba(7,31,63,.08);transform:translateY(-1px)}
.mf-section-lead img{filter:saturate(.98);transition:transform .45s var(--mf-ease),filter .25s ease}
.mf-section-lead>a:hover img{transform:scale(1.015);filter:saturate(1.05)}
.mf-section-lead .story-copy{padding:23px 21px}
.mf-section-lead h3{color:#182536;letter-spacing:-.75px}
.mf-section-side article{border-bottom-color:#e4e9f0}
.mf-section-side img{border-radius:3px;filter:saturate(.97)}
.mf-section-side h3{color:#202c3d}

/* Special weekly feature. */
.mf-wide-strip{position:relative;overflow:hidden;background:linear-gradient(105deg,#061b38 0%,#0a2b58 55%,#124d8f 100%);border-radius:var(--mf-radius);box-shadow:0 14px 34px rgba(7,31,63,.14)}
.mf-wide-strip::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-70px;top:-110px;border:1px solid rgba(99,207,255,.22);box-shadow:0 0 0 38px rgba(99,207,255,.035),0 0 0 76px rgba(114,92,255,.025)}
.mf-wide-strip>*{position:relative}
.mf-wide-strip span{color:#72d7ff;letter-spacing:.8px}
.mf-wide-strip a{border-color:rgba(255,255,255,.38);transition:background .18s ease,border-color .18s ease}
.mf-wide-strip a:hover{background:#fff;color:#071d37;border-color:#fff}

/* Sidebar: coherent premium panels. */
.mf-sidebar{gap:20px}
.mf-side-card{background:#fff;border:1px solid #e4e9f0;border-top:0;padding:18px 18px 16px;box-shadow:0 8px 22px rgba(7,31,63,.04);position:relative;border-radius:var(--mf-radius)}
.mf-side-card::before{content:"";position:absolute;right:-1px;left:-1px;top:-1px;height:3px;background:var(--mf-navy);border-radius:4px 4px 0 0}
.mf-sidebar .mf-side-card:nth-child(2)::before{background:var(--mf-blue)}
.mf-sidebar .mf-side-card:nth-child(3)::before{background:var(--mf-turquoise)}
.mf-side-card .panel-head{padding-bottom:10px;border-bottom:1px solid #e5ebf1}
.mf-side-card .panel-head h2{color:#172536;font-size:21px}
.chart-row{grid-template-columns:30px 1fr 38px 32px;padding:10px 0}
.chart-row>b{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);color:#9db1c8;font-size:21px}
.chart-row .chart-row-play{border-radius:50%;background:#eef5fd;color:#0b67d2}

.newsletter{background:linear-gradient(145deg,#fbfcfe,#eef6ff);border:1px solid #d5e5f6;padding:20px}
.newsletter input{border-color:#cedae6;border-radius:2px;outline:0}
.newsletter input:focus{border-color:#6ab8ff;box-shadow:0 0 0 3px rgba(20,124,255,.08)}
.newsletter button{background:#0a2b58;border-radius:2px;transition:background .18s ease}
.newsletter button:hover{background:#147cff}
.mf-ad{border:1px dashed #d3dbe5;background:#fbfcfe;color:#a1aab6}

/* Common inner pages: same premium DNA across the portal. */
.listing-page,.simple-page{padding-top:40px;padding-bottom:52px}
.page-title{position:relative;padding:0 0 25px;margin-bottom:28px;border-bottom:1px solid #e4e9f0}
.page-title::after{content:"";position:absolute;right:0;bottom:-1px;width:74px;height:3px;background:var(--mf-blue)}
.page-title>span{display:block;color:#0b68d6;font:800 11px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:.75px;margin-bottom:8px}
.page-title h1{color:#102541;letter-spacing:-1.25px;margin-top:0}
.page-title p{color:#667085;max-width:760px}
.category-lead,.music-feature,.artist-hero,.contact-card,.composer,.post{border-radius:var(--mf-radius)}
.category-lead{box-shadow:0 12px 30px rgba(7,31,63,.06);overflow:hidden;border:1px solid #dce5ee}
.list-row{transition:background .18s ease,padding .18s ease}
.list-row:hover{background:#fbfcfe;padding-inline:10px}
.list-row img{border-radius:3px}
.album-card img,.artist-card img,.playlist-grid img,.cards-4 img{border-radius:3px}
.album-card,.artist-card,.playlist-grid>a,.cards-4>a{transition:transform .22s ease,box-shadow .22s ease}
.album-card:hover,.artist-card:hover,.playlist-grid>a:hover,.cards-4>a:hover{transform:translateY(-2px)}
.album-card h3,.artist-card h3,.playlist-grid h3{color:#1a2738}
.chart-table{border-top:3px solid var(--mf-navy);background:#fff;padding:0 18px;border-radius:var(--mf-radius);box-shadow:0 10px 28px rgba(7,31,63,.045)}
.chart-table-row{border-bottom-color:#e2e8ef}
.chart-table-row:hover{background:#fbfcfe}
.chart-table-row button{border-radius:2px;cursor:pointer}
.post{background:#fff;box-shadow:0 6px 18px rgba(7,31,63,.035)}
.post:hover{border-color:#cbd9e7}
.composer{background:linear-gradient(145deg,#fbfcfe,#eef6ff);border:1px solid #d7e4f2}
.primary-btn{border-radius:2px!important;box-shadow:none!important}
.article-page>h1{color:#102541;letter-spacing:-1.15px}
.article-deck{color:#59677a}
.article-meta{border-color:#e4e9f0}
.article-hero{border-radius:3px;box-shadow:0 12px 28px rgba(7,31,63,.07)}
.article-body blockquote{background:#f4f8fd;border-right-color:#147cff;color:#1d2a3c;border-radius:2px}
.faq details{background:#fff;padding:17px 18px;border:1px solid #e4e9f0;border-bottom:0}
.faq details:last-child{border-bottom:1px solid #e4e9f0}
.faq details[open]{background:#fbfcfe}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:2px;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#66b6ff;box-shadow:0 0 0 3px rgba(20,124,255,.08)}

/* Footer: richer brand presence, still restrained. */
.v4-footer{background:linear-gradient(135deg,#04152c 0%,#08264d 48%,#0b3566 100%)}
.v4-footer::before{width:600px;height:600px;background:radial-gradient(circle,rgba(99,207,255,.13),rgba(99,207,255,0) 68%)}
.v4-footer::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-210px;bottom:-260px;background:radial-gradient(circle,rgba(114,92,255,.10),transparent 70%);pointer-events:none}
.v4-footer-main{padding-top:62px;padding-bottom:54px}
.v4-footer-brand{border-left-color:rgba(255,255,255,.12)}
.v4-footer-logo img{filter:drop-shadow(0 6px 15px rgba(0,0,0,.16))}
.v4-footer-brand h2{letter-spacing:-1.15px}
.v4-footer-brand h2 em{color:#77dcff}
.v4-footer-links>div>span{color:#83dfff;letter-spacing:1px}
.v4-footer-links a{color:#f4f8fc}
.v4-footer-links a small{color:#8094ae}
.v4-footer-signal{background:rgba(2,13,29,.30)}
.v4-footer-bottom{background:#031226}

/* Motion: short and editorial, never flashy. */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .46s ease,transform .52s var(--mf-ease)}
.reveal.in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  
}

@media(max-width:1180px){
  .v4-nav-shell{grid-template-columns:196px minmax(0,1fr) 138px}
  .v4-brand::after{display:none}
  .mf-lead-copy h1{font-size:41px}
  .mf-dedications-head{grid-template-columns:190px 1fr auto}
}
@media(max-width:930px){
  .mf-dedications-head{grid-template-columns:1fr auto}
  .mf-dedications-head>p{grid-column:1/-1;margin-top:-8px}
  .mf-dedications-items{grid-template-columns:1fr 1fr}
  .mf-dedication:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.11)}
}
@media(max-width:760px) and (hover:none){
  .container,.mf-container{width:min(100% - 24px,var(--mf-container))}
  
  .v4-nav-shell{height:64px}
  .mega-menu.v4-mega,body.scrolled .mega-menu.v4-mega{top:64px}
  .home-stage{padding-top:16px}
  .mf-hero-board{border-radius:3px}
  .mf-lead-copy{padding:18px 16px 21px}
  .mf-lead-copy h1{font-size:31px;letter-spacing:-1px}
  .mf-lead-copy p{font-size:16px}
  .flash-strip{height:auto;min-height:68px;margin-top:16px}
  .pulse-panel{padding:14px 14px 16px}
  .portal-title h2{font-size:25px}
  .mf-dedications-rail{margin-top:16px}
  .mf-dedications-head{display:block;padding:20px 18px}
  .mf-dedications-title small{justify-content:flex-start}
  .mf-dedications-title h2{font-size:26px}
  .mf-dedications-head>p{margin:10px 0 14px}
  .mf-dedications-head>a{width:max-content}
  .mf-dedications-items{display:block}
  .mf-dedication{border-left:0;border-top:1px solid rgba(255,255,255,.11);padding:16px 18px}
  .mf-content-layout{padding-top:18px}
  .mf-section{padding:0 14px 18px;margin-bottom:18px}
  .mf-section-heading{height:64px}
  .mf-section-heading h2{font-size:26px}
  .mf-side-card{padding:15px}
  .listing-page,.simple-page{padding-top:26px;padding-bottom:38px}
  .page-title{padding-bottom:18px;margin-bottom:22px}
  .v4-footer-main{padding-top:42px}
}

/* ========================================================================== 
   MUSIC FM — OBSIDIAN SIGNATURE HEADER + CUSTOM WORDMARK
   Premium header weight and bespoke vector brand lockup.
   ========================================================================== */
.site-header.v4-site-header{
  height:98px;
  background:
    radial-gradient(circle at 88% -65%,rgba(20,124,255,.26),transparent 34%),
    linear-gradient(180deg,#061a33 0%,#041327 100%);
  border-bottom:1px solid rgba(115,190,255,.17);
  box-shadow:0 10px 28px rgba(2,16,34,.17),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.scrolled .site-header.v4-site-header{
  top:0;
  background:
    radial-gradient(circle at 88% -65%,rgba(20,124,255,.22),transparent 34%),
    linear-gradient(180deg,#061a33 0%,#041327 100%);
  box-shadow:0 12px 30px rgba(2,16,34,.20),inset 0 1px rgba(255,255,255,.025);
}
.v4-nav-shell{
  height:98px;
  grid-template-columns:280px minmax(0,1fr) 158px;
  gap:28px;
}
.v4-brand{
  min-width:0;
  height:100%;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:visible;
}
.v4-brand::after{display:none!important}
.v4-brand img{
  width:255px;
  height:auto;
  max-height:74px;
  object-fit:contain;
  object-position:right center;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.17));
  transform:translateZ(0);
  transition:transform .28s var(--mf-ease),filter .28s ease;
}
.v4-brand:hover img{
  transform:translateY(-1px) scale(1.012);
  filter:drop-shadow(0 11px 24px rgba(0,0,0,.21));
}
.v4-brand-copy{display:none!important}
.v4-mainnav{
  height:100%;
  gap:34px;
}
.v4-mainnav>a,.v4-more{
  height:100%;
  color:rgba(236,244,255,.78);
  font-size:16px;
  font-weight:750;
  letter-spacing:-.12px;
  text-shadow:0 1px 0 rgba(0,0,0,.16);
  transition:color .2s ease,transform .2s ease;
}
.v4-mainnav>a:hover,.v4-mainnav>a.active,.v4-more:hover{
  color:#fff;
  transform:translateY(-1px);
}
.v4-mainnav>a::after{
  height:3px;
  bottom:0;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,#59c7ff 0%,#147cff 50%,#24d2c5 100%);
  box-shadow:0 -1px 12px rgba(89,199,255,.34);
}
.v4-more{color:#7fdcff}
.v4-more svg{color:#59c7ff}
.v4-actions{gap:9px}
.v4-action,.v4-menu-mobile{
  width:44px;height:44px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  color:#f6fbff;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.08);
}
.v4-action:hover,.v4-menu-mobile:hover{
  background:rgba(89,199,255,.12);
  border-color:rgba(89,199,255,.42);
  color:#75d8ff;
  transform:translateY(-1px);
}
.v4-action svg,.v4-menu-mobile svg{width:19px;height:19px}

/* The mega menu keeps a bright editorial canvas under the dark header. */
.mega-menu.v4-mega,body.scrolled .mega-menu.v4-mega{top:98px}
.mega-menu.v4-mega{
  border-top:1px solid rgba(89,199,255,.15);
  box-shadow:0 32px 70px rgba(3,19,39,.22);
}

/* New horizontal wordmark in footer as well. */
.v4-footer-logo{display:block;margin-bottom:30px}
.v4-footer-logo img{
  width:232px;
  height:auto;
  max-height:none;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.2));
}
.v4-footer-logo span{display:none!important}

@media(max-width:1180px){
  .v4-nav-shell{grid-template-columns:225px minmax(0,1fr) 145px;gap:18px}
  .v4-brand img{width:210px}
  .v4-mainnav{gap:22px}
  .v4-mainnav>a,.v4-more{font-size:14.5px}
}
@media(max-width:930px){
  .v4-nav-shell{grid-template-columns:205px minmax(0,1fr) 138px}
  .v4-brand img{width:192px}
}
@media(max-width:760px) and (hover:none){
  .site-header.v4-site-header{height:72px}
  .v4-nav-shell{height:72px;grid-template-columns:1fr auto;gap:12px}
  
  .v4-brand img{width:170px;max-height:58px}
  .v4-action,.v4-menu-mobile{width:40px;height:40px}
  .mega-menu.v4-mega,body.scrolled .mega-menu.v4-mega{top:72px}
}
@media(max-width:430px){
  .site-header.v4-site-header{height:68px}
  .v4-nav-shell{height:68px}
  .v4-brand img{width:154px;max-height:54px}
  .v4-actions{gap:6px}
  .v4-action,.v4-menu-mobile{width:38px;height:38px}
  .mega-menu.v4-mega,body.scrolled .mega-menu.v4-mega{top:68px}
}


/* ========================================================================== 
   MUSIC FM — LIVE SIGNATURE BRAND
   Bespoke animated logo integrated directly into the site (no raster image).
   ========================================================================== */
.mf-signature-brand{
  --brand-cyan:#69d9ff;
  --brand-blue:#1d80ff;
  --brand-turq:#2fe0cf;
  --brand-purple:#8d72ff;
  --brand-red:#ff405d;
  display:inline-flex!important;
  align-items:center;
  gap:12px;
  direction:ltr;
  width:max-content;
  max-width:100%;
  color:#fff;
  text-decoration:none;
  isolation:isolate;
  animation:mfBrandIntro .72s cubic-bezier(.2,.76,.18,1) both;
}
.mf-signature-mark{
  position:relative;
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));
}
.mf-signature-mark::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  background:radial-gradient(circle at 42% 35%,rgba(105,217,255,.18),rgba(29,128,255,.06) 52%,transparent 72%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  pointer-events:none;
}
.mf-signature-mark svg{width:100%;height:100%;overflow:visible;display:block}
.mf-logo-orbit{fill:none;stroke-linecap:round;transform-origin:32px 32px;vector-effect:non-scaling-stroke}
.mf-logo-orbit-a{
  stroke:var(--brand-cyan);stroke-width:2.15;stroke-dasharray:42 22 17 76;
  opacity:.95;animation:mfOrbitA 13s linear infinite;
}
.mf-logo-orbit-b{
  stroke:var(--brand-purple);stroke-width:1.25;stroke-dasharray:18 34 30 47;
  opacity:.62;animation:mfOrbitB 19s linear infinite reverse;
}
.mf-logo-eq{transform-origin:32px 32px}
.mf-logo-bar{
  fill:#f7fbff;
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 0 4px rgba(105,217,255,.2));
  animation:mfEq 3.05s cubic-bezier(.42,0,.2,1) infinite;
}
.mf-logo-bar.b1{animation-delay:-1.35s}.mf-logo-bar.b2{animation-delay:-2.1s}.mf-logo-bar.b3{animation-delay:-.7s}.mf-logo-bar.b4{animation-delay:-1.7s}.mf-logo-bar.b5{animation-delay:-2.55s}
.mf-logo-spark-orbit{transform-origin:32px 32px;animation:mfSparkOrbit 9.5s linear infinite}
.mf-logo-spark{fill:var(--brand-red);filter:drop-shadow(0 0 5px rgba(255,64,93,.55))}
.mf-signature-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;min-width:0}
.mf-signature-line{position:relative;display:flex;align-items:baseline;gap:5px;white-space:nowrap;overflow:hidden;padding:2px 3px 3px 0}
.mf-signature-line::after{
  content:"";position:absolute;top:-5px;bottom:-5px;width:34px;left:-50px;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.24),transparent);
  transform:skewX(-18deg);animation:mfBrandShine 7.8s ease-in-out infinite;
}
.mf-signature-line strong,.mf-signature-line em{
  font-family:"Syne",var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-style:normal;font-weight:800;text-transform:uppercase;
  letter-spacing:-1.45px;font-size:24px;line-height:.95;
}
.mf-signature-line strong{color:#f9fbff;text-shadow:0 3px 16px rgba(0,0,0,.15)}
.mf-signature-line em{
  background:linear-gradient(96deg,var(--brand-cyan) 0%,var(--brand-blue) 42%,var(--brand-purple) 78%,var(--brand-turq) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  transform:skewX(-7deg);transform-origin:center bottom;
}
.mf-signature-line i{width:5px;height:5px;border-radius:50%;background:var(--brand-red);align-self:flex-start;margin:1px 0 0 1px;box-shadow:0 0 0 3px rgba(255,64,93,.08),0 0 9px rgba(255,64,93,.38)}
.mf-signature-copy small{
  margin-top:7px;font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);font-size:7.7px;font-weight:800;letter-spacing:1.85px;
  color:rgba(196,214,236,.64);white-space:nowrap;
}
.mf-signature-brand:hover .mf-signature-mark{filter:drop-shadow(0 10px 24px rgba(29,128,255,.24))}
.mf-signature-brand:hover .mf-logo-orbit-a{animation-duration:7.5s}.mf-signature-brand:hover .mf-logo-spark-orbit{animation-duration:5.5s}
.mf-signature-brand:hover .mf-signature-line em{filter:brightness(1.14)}

/* Header integration. */
.v4-brand.mf-signature-brand{height:100%;justify-self:start;overflow:visible;padding:0!important}
.v4-brand.mf-signature-brand img{display:none!important}
.v4-brand.mf-signature-brand .mf-signature-mark{width:58px;height:58px;flex-basis:58px}
.v4-brand.mf-signature-brand .mf-signature-line strong,.v4-brand.mf-signature-brand .mf-signature-line em{font-size:25px}
.v4-brand.mf-signature-brand .mf-signature-copy small{font-size:7.5px}

/* Footer uses the same brand, slightly larger and calmer. */
.v4-footer-logo.mf-signature-brand--footer{display:inline-flex!important;margin-bottom:30px;color:#fff}
.v4-footer-logo.mf-signature-brand--footer img{display:none!important}
.v4-footer-logo.mf-signature-brand--footer .mf-signature-mark{width:64px;height:64px;flex-basis:64px}
.v4-footer-logo.mf-signature-brand--footer .mf-signature-line strong,
.v4-footer-logo.mf-signature-brand--footer .mf-signature-line em{font-size:28px}
.v4-footer-logo.mf-signature-brand--footer .mf-signature-copy small{font-size:8px;color:rgba(210,225,243,.62)}

@keyframes mfEq{
  0%,100%{transform:scaleY(.72);opacity:.9}
  28%{transform:scaleY(1.05);opacity:1}
  54%{transform:scaleY(.82);opacity:.94}
  78%{transform:scaleY(1.14);opacity:1}
}
@keyframes mfOrbitA{to{transform:rotate(360deg)}}
@keyframes mfOrbitB{to{transform:rotate(360deg)}}
@keyframes mfSparkOrbit{to{transform:rotate(360deg)}}
@keyframes mfBrandShine{0%,71%{left:-50px;opacity:0}76%{opacity:.85}86%{left:115%;opacity:.35}100%{left:115%;opacity:0}}
@keyframes mfBrandIntro{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1180px){
  .v4-brand.mf-signature-brand{gap:10px}
  .v4-brand.mf-signature-brand .mf-signature-mark{width:52px;height:52px;flex-basis:52px}
  .v4-brand.mf-signature-brand .mf-signature-line strong,.v4-brand.mf-signature-brand .mf-signature-line em{font-size:22px}
  .v4-brand.mf-signature-brand .mf-signature-copy small{font-size:6.8px;letter-spacing:1.45px}
}
@media(max-width:760px) and (hover:none){
  .v4-brand.mf-signature-brand{gap:8px}
  .v4-brand.mf-signature-brand .mf-signature-mark{width:44px;height:44px;flex-basis:44px}
  .v4-brand.mf-signature-brand .mf-signature-line strong,.v4-brand.mf-signature-brand .mf-signature-line em{font-size:18.5px;letter-spacing:-1px}
  .v4-brand.mf-signature-brand .mf-signature-copy small{display:none}
  .v4-footer-logo.mf-signature-brand--footer .mf-signature-mark{width:56px;height:56px;flex-basis:56px}
  .v4-footer-logo.mf-signature-brand--footer .mf-signature-line strong,.v4-footer-logo.mf-signature-brand--footer .mf-signature-line em{font-size:24px}
}
@media(max-width:430px){
  .v4-brand.mf-signature-brand .mf-signature-mark{width:40px;height:40px;flex-basis:40px}
  .v4-brand.mf-signature-brand .mf-signature-line strong,.v4-brand.mf-signature-brand .mf-signature-line em{font-size:16.5px}
  .mf-signature-line i{width:4px;height:4px}
}
@media(prefers-reduced-motion:reduce){
  .mf-signature-brand,.mf-logo-orbit-a,.mf-logo-orbit-b,.mf-logo-bar,.mf-logo-spark-orbit,.mf-signature-line::after{animation:none!important}
  .mf-signature-brand,.mf-signature-brand *{transition:none!important}
}
/* Restore the live brand's internal spans inside the footer; legacy footer CSS hid all spans. */
.v4-footer-logo.mf-signature-brand--footer .mf-signature-mark{display:grid!important}
.v4-footer-logo.mf-signature-brand--footer .mf-signature-copy{display:flex!important}
.v4-footer-logo.mf-signature-brand--footer .mf-signature-line{display:flex!important}

/* ========================================================================== 
   MUSIC FM — CLASSIC EDITORIAL BRAND + APP MENU
   Refined, quiet and elegant. Mobile keeps only the symbol in the centre.
   ========================================================================== */
.mf-classic-brand{
  display:inline-flex!important;
  align-items:center;
  gap:13px;
  width:max-content;
  max-width:100%;
  color:#fff;
  text-decoration:none;
  direction:ltr;
}
.mf-classic-mark{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  color:#fbfcfe;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.14));
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s ease;
}
.mf-classic-mark svg{width:100%;height:100%;display:block;overflow:visible}
.mf-classic-ring{
  fill:none;
  stroke:rgba(247,251,255,.88);
  stroke-width:1.35;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:87 36;
  stroke-linecap:round;
  transform-origin:24px 24px;
  animation:mfClassicRing 18s linear infinite;
}
.mf-classic-bar{
  fill:#fbfcfe;
  transform-box:fill-box;
  transform-origin:center;
  animation:mfClassicBar 6.2s cubic-bezier(.45,0,.2,1) infinite;
}
.mf-classic-bar--1{animation-delay:-1.2s}
.mf-classic-bar--2{animation-delay:-3.75s}
.mf-classic-bar--3{animation-delay:-2.45s}
.mf-classic-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1;min-width:0}
.mf-classic-word{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:30px;
  font-weight:700;
  line-height:.86;
  letter-spacing:.065em;
  white-space:nowrap;
  color:#fbfdff;
  text-shadow:0 2px 14px rgba(0,0,0,.14);
}
.mf-classic-word b{font:inherit;color:#76cff7;font-weight:700}
.mf-classic-copy small{
  margin-top:9px;
  font:700 7px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);
  letter-spacing:1.7px;
  color:rgba(198,216,236,.58);
  white-space:nowrap;
}
.mf-classic-brand:hover .mf-classic-mark{
  transform:translateY(-1px);
  filter:drop-shadow(0 10px 20px rgba(72,164,224,.16));
}
.mf-classic-brand:hover .mf-classic-ring{stroke:rgba(118,207,247,.98)}

@keyframes mfClassicRing{
  0%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-123}
}
@keyframes mfClassicBar{
  0%,100%{transform:scaleY(.92);opacity:.9}
  48%{transform:scaleY(1.055);opacity:1}
  72%{transform:scaleY(.97);opacity:.95}
}

/* Header integration — desktop keeps the full classic lock-up. */
.v4-brand.mf-classic-brand{height:100%;justify-self:start;padding:0!important;overflow:visible}
.v4-brand.mf-classic-brand::after{display:none!important}
.v4-brand.mf-classic-brand img{display:none!important}
.v4-brand.mf-classic-brand .mf-classic-mark{width:54px;height:54px;flex-basis:54px}
.v4-brand.mf-classic-brand .mf-classic-word{font-size:29px}

/* Dedicated mobile hamburger. Hidden on desktop. */
.mf-mobile-menu-toggle{
  display:none;
  position:relative;
  width:42px;
  height:42px;
  border:0;
  padding:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.mf-menu-line{
  position:absolute;
  right:9px;
  width:24px;
  height:1.5px;
  border-radius:999px;
  background:currentColor;
  transform-origin:center;
  transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .36s ease,width .48s cubic-bezier(.22,1,.36,1);
}
.mf-menu-line--1{top:13px}
.mf-menu-line--2{top:20px;width:19px}
.mf-menu-line--3{top:27px}
.mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-line--1{transform:translateY(7px) rotate(45deg)}
.mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-line--2{opacity:0;width:6px;transform:scaleX(.15)}
.mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-line--3{transform:translateY(-7px) rotate(-45deg)}

/* Footer uses the same calm identity. */
.v4-footer-logo.mf-classic-brand--footer{display:inline-flex!important;margin-bottom:30px;color:#fff}
.v4-footer-logo.mf-classic-brand--footer img{display:none!important}
.v4-footer-logo.mf-classic-brand--footer .mf-classic-mark{width:60px;height:60px;flex-basis:60px}
.v4-footer-logo.mf-classic-brand--footer .mf-classic-word{font-size:32px}
.v4-footer-logo.mf-classic-brand--footer .mf-classic-copy small{font-size:7.4px;color:rgba(210,225,243,.58)}

@media(max-width:1180px){
  .v4-brand.mf-classic-brand{gap:10px}
  .v4-brand.mf-classic-brand .mf-classic-mark{width:49px;height:49px;flex-basis:49px}
  .v4-brand.mf-classic-brand .mf-classic-word{font-size:26px}
  .v4-brand.mf-classic-brand .mf-classic-copy small{font-size:6.4px;letter-spacing:1.35px}
}

/* App/mobile header — burger right, symbol dead-centre, search left. */
@media(max-width:760px) and (hover:none){
  .site-header.v4-site-header{
    position:sticky!important;
    top:0!important;
    z-index:220;
    height:68px!important;
    background:linear-gradient(180deg,#07192f 0%,#041326 100%)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(3,15,31,.10)!important;
  }
  body.scrolled .site-header.v4-site-header{top:0!important}
  .v4-nav-shell{
    position:relative;
    display:flex!important;
    align-items:center;
    justify-content:center;
    height:68px!important;
    width:min(100% - 28px,var(--mf-container));
    gap:0!important;
  }
  .v4-mainnav{display:none!important}

  .v4-brand.mf-classic-brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:auto!important;
    width:46px;
    display:grid!important;
    place-items:center;
    justify-self:auto!important;
    z-index:2;
  }
  .v4-brand.mf-classic-brand .mf-classic-mark{
    width:44px;
    height:44px;
    flex-basis:44px;
    filter:none;
  }
  .v4-brand.mf-classic-brand .mf-classic-copy{display:none!important}
  .v4-brand.mf-classic-brand:hover .mf-classic-mark{transform:none;filter:none}

  .mf-mobile-menu-toggle{
    display:block;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:4;
  }
  .v4-actions{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    display:flex!important;
    align-items:center;
    gap:0!important;
    z-index:4;
  }
  .v4-actions .v4-desktop-action{display:none!important}
  .v4-actions .v4-action[data-site-search-open]{
    display:grid!important;
    width:40px;
    height:40px;
    border:0;
    background:transparent;
    box-shadow:none;
    color:rgba(247,251,255,.88);
  }
  .v4-actions .v4-action[data-site-search-open]:hover{background:rgba(255,255,255,.06);color:#fff;transform:none}

  /* Full app menu overlays the fixed bottom navigation. */
  .mega-menu.v4-mega,
  body.scrolled .mega-menu.v4-mega{
    position:fixed!important;
    z-index:205!important;
    top:68px!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:
      radial-gradient(circle at 16% 8%,rgba(89,199,255,.075),transparent 30%),
      linear-gradient(180deg,#07192f 0%,#051326 100%)!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px) scale(.995);
    clip-path:inset(0 0 100% 0);
    filter:blur(5px);
    transition:
      clip-path .66s cubic-bezier(.22,1,.36,1),
      transform .66s cubic-bezier(.22,1,.36,1),
      opacity .34s ease,
      filter .5s ease,
      visibility 0s linear .66s;
  }
  .mega-menu.v4-mega.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    clip-path:inset(0 0 0 0);
    filter:none;
    transition-delay:0s;
  }
  body.menu-open{overflow:hidden!important;touch-action:none}

  .v4-mega-shell{
    width:min(100% - 34px,var(--mf-container));
    min-height:100%;
    display:block!important;
    padding:30px 0 54px!important;
  }
  .v4-mega-intro{
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    padding:0 0 25px!important;
    margin:0 0 24px!important;
    opacity:0;
    transform:translateY(14px);
    transition:opacity .30s ease,transform .48s cubic-bezier(.22,1,.36,1);
  }
  .mega-menu.open .v4-mega-intro{opacity:1;transform:none;transition-delay:.12s}
  .v4-mega-intro>span{color:#72cff5!important;font-size:9px!important;letter-spacing:1.9px!important}
  .v4-mega-intro h2{
    color:#fff!important;
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-1px!important;
    margin-top:9px!important;
  }
  .v4-mega-intro p{color:#98a9bc!important;font-size:13px!important;line-height:1.75!important;max-width:310px!important}

  .v4-mega-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:30px 24px!important;
  }
  .v4-mega-grid>div{
    opacity:0;
    transform:translateY(16px);
    transition:opacity .28s ease,transform .48s cubic-bezier(.22,1,.36,1);
  }
  .mega-menu.open .v4-mega-grid>div{opacity:1;transform:none}
  .mega-menu.open .v4-mega-grid>div:nth-child(1){transition-delay:.16s}
  .mega-menu.open .v4-mega-grid>div:nth-child(2){transition-delay:.20s}
  .mega-menu.open .v4-mega-grid>div:nth-child(3){transition-delay:.24s}
  .mega-menu.open .v4-mega-grid>div:nth-child(4){transition-delay:.28s}
  .v4-mega-grid small{color:#5e89ad!important;font-size:9px!important}
  .v4-mega-grid h3{color:#fff!important;font-size:17px!important;margin-bottom:11px!important}
  .v4-mega-grid a{
    color:#b8c5d4!important;
    font-size:14px!important;
    font-weight:600!important;
    padding:6px 0!important;
    transform:none!important;
  }
  .v4-mega-grid a::before{display:none!important}
  .v4-mega-grid a:hover{color:#7bd7fb!important;transform:none!important}
  .v4-mega-close{display:none!important}

  /* The menu must visually sit above the app's bottom navigation. */
  .mobile-bottom{z-index:150!important}
  .mega-menu.v4-mega{z-index:205!important}
  .search-overlay{z-index:260!important}
}

@media(max-width:430px){
  .v4-nav-shell{width:calc(100% - 24px)}
  .v4-brand.mf-classic-brand .mf-classic-mark{width:42px;height:42px;flex-basis:42px}
  .v4-mega-shell{width:calc(100% - 30px);padding-top:26px!important}
  .v4-mega-intro h2{font-size:27px!important}
  .v4-mega-grid{grid-template-columns:1fr!important;gap:22px!important}
  .v4-mega-grid>div{padding-bottom:18px!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
  .v4-mega-grid>div:last-child{border-bottom:0!important}
}

@media(prefers-reduced-motion:reduce){
  .mf-classic-ring,.mf-classic-bar{animation:none!important}
  .mf-mobile-menu-toggle .mf-menu-line,
  .mega-menu.v4-mega,
  .v4-mega-intro,
  .v4-mega-grid>div{transition-duration:.01ms!important;animation:none!important}
}


/* ==========================================================================
   MUSIC FM — CLASSIC EDITORIAL FOOTER / 2026-10-04
   A restrained, magazine-like closing statement for the portal.
   ========================================================================== */
.mf-editorial-footer{
  --footer-ink:#f7f9fc;
  --footer-muted:#93a4b9;
  --footer-line:rgba(255,255,255,.11);
  --footer-sky:#68c9f3;
  --footer-blue:#2c7fff;
  margin-top:0;
  position:relative;
  overflow:hidden;
  background:#041327;
  color:var(--footer-ink);
  border-top:0;
}
.mf-editorial-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:linear-gradient(90deg,transparent 0%,rgba(80,176,236,.035) 49%,transparent 100%);
}
.mf-footer-accent{position:relative;height:4px;display:grid;grid-template-columns:1fr 72px;background:#0c2341}
.mf-footer-accent span{background:linear-gradient(90deg,#1e6ef2 0%,#5dcaf5 58%,#26c8bc 100%)}
.mf-footer-accent i{display:block;background:#8159e8}
.mf-footer-intro{position:relative;display:grid;grid-template-columns:minmax(260px,360px) minmax(330px,1fr) minmax(220px,310px);align-items:end;gap:54px;padding:66px 0 50px;border-bottom:1px solid var(--footer-line)}
.mf-footer-brand-block{min-width:0}
.mf-footer-brand{display:inline-flex!important;align-items:center;gap:15px;color:#fff;margin:0 0 22px!important}
.mf-footer-brand .mf-classic-mark{width:57px!important;height:57px!important;flex:0 0 57px!important;filter:none!important}
.mf-footer-brand .mf-classic-ring{stroke:rgba(229,241,251,.92)!important}
.mf-footer-brand .mf-classic-bar{fill:#eef7fd!important}
.mf-footer-brand .mf-classic-word{font-size:31px!important;letter-spacing:-.8px!important;color:#fff!important}
.mf-footer-brand .mf-classic-word b{color:#78d5f8!important;font-weight:700!important}
.mf-footer-brand .mf-classic-copy small{font-size:7.2px!important;letter-spacing:1.7px!important;color:#7f94ad!important}
.mf-footer-eyebrow{margin:0;color:#7e93ab;font-size:9px;font-weight:800;letter-spacing:1.65px;direction:ltr;text-align:right}
.mf-footer-manifesto{position:relative;padding-inline-start:56px}
.mf-footer-index{position:absolute;inset-inline-start:0;top:4px;color:#5ac5f0;font:800 10px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1px}
.mf-footer-manifesto p{max-width:670px;margin:0;color:#d7e0eb;font-size:18px;line-height:1.78;font-weight:450;letter-spacing:-.15px}
.mf-footer-motto{text-align:left;align-self:center;border-left:1px solid var(--footer-line);padding-left:30px}
.mf-footer-motto small{display:block;margin-bottom:9px;color:#66809c;font:800 8.5px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:2px}
.mf-footer-motto strong{display:block;color:#fff;font:800 20px/1.05 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:.25px}
.mf-footer-directory{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:44px 0 48px;border-bottom:1px solid var(--footer-line)}
.mf-footer-column{min-width:0;padding:0 31px;border-inline-start:1px solid var(--footer-line)}
.mf-footer-column:first-child{padding-inline-start:0;border-inline-start:0}
.mf-footer-column:last-child{padding-inline-end:0}
.mf-footer-column-title{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;margin-bottom:19px}
.mf-footer-column-title>span{grid-row:1/3;color:#4e6d8e;font-size:9px;font-weight:800;letter-spacing:.8px}
.mf-footer-column-title h3{margin:0;color:#fbfcfe;font-size:16px;line-height:1.2;font-weight:800;letter-spacing:-.25px}
.mf-footer-column-title small{margin-top:4px;color:#5f7894;font-size:7.5px;font-weight:800;letter-spacing:1.3px;direction:ltr;justify-self:start}
.mf-footer-column nav{display:grid;gap:0}
.mf-footer-column nav a{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;color:#bbc8d7;font-size:13.5px;font-weight:560;border-bottom:1px solid rgba(255,255,255,.045);transition:color .24s ease,padding .28s cubic-bezier(.22,1,.36,1),border-color .24s ease}
.mf-footer-column nav a:last-child{border-bottom:0}
.mf-footer-column nav a small{color:#536c88;font-size:7px;font-weight:800;letter-spacing:.9px;direction:ltr;transition:color .24s ease}
.mf-footer-column nav a:hover{color:#fff;padding-inline-start:5px;border-color:rgba(104,201,243,.18)}
.mf-footer-column nav a:hover small{color:#67c9f3}
.mf-footer-social-row{position:relative;background:#031022;border-bottom:1px solid rgba(255,255,255,.07)}
.mf-footer-social-row>.mf-container{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.mf-footer-status{display:flex;align-items:center;gap:9px;color:#e8f2fb;font-size:9.5px;font-weight:800;letter-spacing:1.15px;direction:ltr}
.mf-footer-status i{width:6px;height:6px;border-radius:50%;background:#28cbbb;box-shadow:0 0 0 4px rgba(40,203,187,.08)}
.mf-footer-status small{color:#71869e;font-size:10px;font-weight:500;letter-spacing:0;direction:rtl;margin-left:8px}
.mf-footer-social{display:flex;align-items:center;gap:5px}
.mf-footer-social a{display:flex;align-items:center;gap:8px;padding:9px 11px;color:#8296ad;font-size:9px;font-weight:750;letter-spacing:.35px;transition:color .22s ease,background .22s ease}
.mf-footer-social a:hover{color:#fff;background:rgba(255,255,255,.035)}
.mf-footer-social svg{width:15px;height:15px}
.mf-footer-bottom{position:relative;background:#020c19!important}
.mf-footer-bottom>.mf-container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#657a92;font-size:11px}
.mf-footer-bottom p{margin:0}
.mf-footer-signature{direction:ltr;letter-spacing:1px;font-size:8.5px!important;font-weight:800;color:#4c647f!important}
.mf-footer-signature span{padding:0 5px;color:#34516f}

@media(max-width:1100px){
  .mf-footer-intro{grid-template-columns:290px 1fr;gap:42px}
  .mf-footer-motto{grid-column:1/-1;border-left:0;border-top:1px solid var(--footer-line);padding:20px 0 0;text-align:right}
  .mf-footer-directory{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .mf-footer-column:nth-child(3){border-inline-start:0;padding-inline-start:0}
}
@media(max-width:760px) and (hover:none){
  .mf-editorial-footer{padding-bottom:72px}
  .mf-footer-accent{height:3px;grid-template-columns:1fr 44px}
  .mf-footer-intro{display:block;padding:42px 0 32px}
  .mf-footer-brand{margin-bottom:18px!important}
  .mf-footer-brand .mf-classic-mark{width:50px!important;height:50px!important;flex-basis:50px!important}
  .mf-footer-brand .mf-classic-word{font-size:27px!important}
  .mf-footer-eyebrow{margin-bottom:28px}
  .mf-footer-manifesto{padding-inline-start:42px}
  .mf-footer-manifesto p{font-size:16px;line-height:1.72}
  .mf-footer-motto{margin-top:28px;padding-top:20px;text-align:right}
  .mf-footer-motto strong{font-size:17px}
  .mf-footer-directory{grid-template-columns:1fr 1fr;gap:30px 18px;padding:34px 0 36px}
  .mf-footer-column,.mf-footer-column:first-child,.mf-footer-column:nth-child(3){padding:0!important;border-inline-start:0!important}
  .mf-footer-column-title{margin-bottom:14px}
  .mf-footer-column nav a{font-size:13px;padding:6px 0}
  .mf-footer-column nav a small{display:none}
  .mf-footer-social-row>.mf-container{min-height:0;display:block;padding:18px 0}
  .mf-footer-status{margin-bottom:12px;flex-wrap:wrap}
  .mf-footer-status small{display:none}
  .mf-footer-social{gap:2px}
  .mf-footer-social a{padding:8px 9px}
  .mf-footer-social a span{display:none}
  .mf-footer-bottom>.mf-container{display:block;min-height:0;padding:15px 0 18px;text-align:right}
  .mf-footer-signature{margin-top:7px!important}
}
@media(max-width:430px){
  .mf-footer-directory{grid-template-columns:1fr 1fr;gap:28px 14px}
  .mf-footer-manifesto{padding-inline-start:36px}
  .mf-footer-column-title h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .mf-footer-column nav a,.mf-footer-column nav a small,.mf-footer-social a{transition:none!important}
}


/* ========================================================================== 
   MUSIC FM — CLASSIC EDITORIAL HEADER / 2026-10-04
   Visual counterpart to the classic editorial footer.
   ========================================================================== */
.site-header.v4-site-header{
  position:sticky!important;
  top:0!important;
  z-index:220;
  height:92px;
  background:#041327!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 26px rgba(2,12,25,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.scrolled .site-header.v4-site-header{
  top:0!important;
  background:#041327!important;
  box-shadow:0 8px 26px rgba(2,12,25,.14)!important;
}
.site-header.v4-site-header::after{
  content:"";
  position:absolute;
  right:0;left:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(104,201,243,.26) 22%,rgba(44,127,255,.34) 50%,rgba(104,201,243,.20) 78%,transparent 100%);
  pointer-events:none;
}
.v4-nav-shell{
  height:92px!important;
  grid-template-columns:266px minmax(0,1fr) 150px!important;
  gap:30px!important;
}
.v4-brand.mf-classic-brand{
  gap:14px!important;
  align-self:stretch;
}
.v4-brand.mf-classic-brand .mf-classic-mark{
  width:52px!important;height:52px!important;flex-basis:52px!important;
  filter:none!important;
}
.v4-brand.mf-classic-brand .mf-classic-ring{stroke:rgba(232,243,252,.90)!important}
.v4-brand.mf-classic-brand .mf-classic-bar{fill:#eff7fd!important}
.v4-brand.mf-classic-brand .mf-classic-word{
  font-size:30px!important;
  letter-spacing:-.75px!important;
  color:#fff!important;
  text-shadow:none!important;
}
.v4-brand.mf-classic-brand .mf-classic-word b{color:#78d5f8!important}
.v4-brand.mf-classic-brand .mf-classic-copy small{
  margin-top:8px!important;
  color:#7188a2!important;
  font-size:7px!important;
  letter-spacing:1.65px!important;
}
.v4-mainnav{
  height:100%!important;
  gap:28px!important;
  justify-content:center!important;
}
.v4-mainnav>a,.v4-more{
  height:100%!important;
  color:#b9c7d7!important;
  font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:-.15px!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .24s ease!important;
}
.v4-mainnav>a:hover,.v4-mainnav>a.active,.v4-more:hover,.v4-more[aria-expanded="true"]{
  color:#fff!important;
  transform:none!important;
}
.v4-mainnav>a::after{
  right:50%!important;left:50%!important;
  height:2px!important;
  bottom:0!important;
  border-radius:0!important;
  background:#68c9f3!important;
  box-shadow:none!important;
  transition:right .28s cubic-bezier(.22,1,.36,1),left .28s cubic-bezier(.22,1,.36,1)!important;
}
.v4-mainnav>a:hover::after,.v4-mainnav>a.active::after{right:0!important;left:0!important}
.v4-more{
  gap:7px!important;
  color:#d9e5ef!important;
}
.v4-more svg{width:13px!important;height:13px!important;color:#68c9f3!important}
.v4-actions{gap:7px!important}
.v4-action,.v4-menu-mobile{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:transparent!important;
  color:#d8e4ef!important;
  box-shadow:none!important;
  transition:color .22s ease,border-color .22s ease,background .22s ease!important;
}
.v4-action:hover,.v4-menu-mobile:hover{
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(104,201,243,.28)!important;
  transform:none!important;
}
.v4-action svg,.v4-menu-mobile svg{width:18px!important;height:18px!important}

/* "More" — white editorial canvas on desktop and mobile. */
.mega-menu.v4-mega,
body.scrolled .mega-menu.v4-mega{
  top:92px!important;
  background:#fff!important;
  color:#17243a!important;
  border:0!important;
  border-bottom:1px solid #e4e9f0!important;
  box-shadow:0 28px 68px rgba(3,19,39,.17)!important;
  filter:none!important;
}
.v4-mega-shell{
  padding-top:46px!important;
  padding-bottom:48px!important;
  grid-template-columns:315px minmax(0,1fr)!important;
  gap:66px!important;
}
.v4-mega-intro{
  padding-inline-start:0!important;
  padding-inline-end:38px!important;
  border:0!important;
  border-inline-end:1px solid #dde5ee!important;
}
.v4-mega-intro>span{
  color:#287ccb!important;
  font-size:9px!important;
  letter-spacing:1.8px!important;
}
.v4-mega-intro h2{
  color:#102541!important;
  font-size:34px!important;
  line-height:1.07!important;
  letter-spacing:-1.15px!important;
  margin:0 0 14px!important;
}
.v4-mega-intro p{
  color:#69788a!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.v4-mega-grid{gap:34px!important}
.v4-mega-grid>div{padding:0!important;border:0!important}
.v4-mega-grid small{
  color:#6a8cad!important;
  font-size:9px!important;
  letter-spacing:.85px!important;
}
.v4-mega-grid h3{
  color:#102943!important;
  font-size:17px!important;
  margin-bottom:12px!important;
}
.v4-mega-grid a{
  color:#5b6878!important;
  font-size:14px!important;
  font-weight:600!important;
  padding:6px 0!important;
  transform:none!important;
  border-bottom:1px solid transparent;
  transition:color .2s ease,padding .24s cubic-bezier(.22,1,.36,1),border-color .2s ease!important;
}
.v4-mega-grid a::before{display:none!important}
.v4-mega-grid a:hover{
  color:#0b68c8!important;
  padding-inline-start:5px!important;
  border-color:#e7edf4!important;
  transform:none!important;
}
.v4-mega-close{
  width:36px!important;height:36px!important;
  top:22px!important;left:0!important;
  border:1px solid #e4e9f0!important;
  background:#fff!important;
  color:#041327!important;
  box-shadow:none!important;
}

@media(max-width:1180px){
  .v4-nav-shell{grid-template-columns:230px minmax(0,1fr) 138px!important;gap:18px!important}
  .v4-mainnav{gap:20px!important}
  .v4-mainnav>a,.v4-more{font-size:14px!important}
  .v4-brand.mf-classic-brand .mf-classic-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
  .v4-brand.mf-classic-brand .mf-classic-word{font-size:27px!important}
}

@media(max-width:930px){
  .v4-nav-shell{grid-template-columns:205px minmax(0,1fr) 132px!important}
}

@media(max-width:760px) and (hover:none){
  .site-header.v4-site-header,
  body.scrolled .site-header.v4-site-header{
    height:68px!important;
    background:#041327!important;
    box-shadow:0 6px 20px rgba(2,12,25,.12)!important;
  }
  .v4-nav-shell{
    height:68px!important;
    width:min(100% - 28px,var(--mf-container))!important;
    display:flex!important;
    justify-content:center!important;
    gap:0!important;
  }
  .v4-brand.mf-classic-brand .mf-classic-mark{
    width:43px!important;height:43px!important;flex-basis:43px!important;
  }
  .mf-mobile-menu-toggle{color:#e9f2fa!important}
  .v4-actions .v4-action[data-site-search-open]{color:#e9f2fa!important}

  .mega-menu.v4-mega,
  body.scrolled .mega-menu.v4-mega{
    position:fixed!important;
    z-index:205!important;
    top:68px!important;
    right:0!important;left:0!important;bottom:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:#fff!important;
    color:#17243a!important;
    border:0!important;
    border-top:1px solid #edf1f5!important;
    box-shadow:none!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    clip-path:inset(0 0 100% 0);
    filter:none!important;
    transition:clip-path .64s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1),opacity .30s ease,visibility 0s linear .64s!important;
  }
  .mega-menu.v4-mega.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    clip-path:inset(0 0 0 0)!important;
    transition-delay:0s!important;
  }
  .v4-mega-shell{
    width:min(100% - 34px,var(--mf-container))!important;
    min-height:100%;
    display:block!important;
    padding:30px 0 54px!important;
  }
  .v4-mega-intro{
    border:0!important;
    border-bottom:1px solid #e4e9f0!important;
    padding:0 0 25px!important;
    margin:0 0 26px!important;
    opacity:0;
    transform:translateY(13px);
    transition:opacity .30s ease,transform .48s cubic-bezier(.22,1,.36,1)!important;
  }
  .mega-menu.open .v4-mega-intro{opacity:1;transform:none;transition-delay:.10s!important}
  .v4-mega-intro>span{color:#2d79c3!important;font-size:9px!important}
  .v4-mega-intro h2{color:#102541!important;font-size:29px!important;line-height:1.08!important;letter-spacing:-.9px!important}
  .v4-mega-intro p{color:#6f7c8c!important;font-size:13.5px!important;line-height:1.7!important;max-width:320px!important}
  .v4-mega-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 24px!important}
  .v4-mega-grid>div{
    opacity:0;
    transform:translateY(14px);
    transition:opacity .28s ease,transform .48s cubic-bezier(.22,1,.36,1)!important;
  }
  
  .mega-menu.open .v4-mega-grid>div:nth-child(1){transition-delay:.15s!important}
  .mega-menu.open .v4-mega-grid>div:nth-child(2){transition-delay:.19s!important}
  .mega-menu.open .v4-mega-grid>div:nth-child(3){transition-delay:.23s!important}
  .mega-menu.open .v4-mega-grid>div:nth-child(4){transition-delay:.27s!important}
  .v4-mega-grid small{color:#7893ad!important;font-size:9px!important}
  .v4-mega-grid h3{color:#102943!important;font-size:17px!important;margin-bottom:10px!important}
  .v4-mega-grid a{color:#596879!important;font-size:14px!important;padding:7px 0!important;border-bottom:1px solid #eef2f6!important}
  .v4-mega-grid a:last-child{border-bottom:0!important}
  .v4-mega-grid a:hover{color:#0b68c8!important;padding-inline-start:0!important}
  
  
  
}

@media(max-width:430px){
  .v4-mega-shell{width:calc(100% - 30px)!important;padding-top:26px!important}
  
  
  .v4-mega-grid>div{padding-bottom:16px!important;border-bottom:1px solid #e6ebf1!important}
  
}

@media(prefers-reduced-motion:reduce){
  .mega-menu.v4-mega,.v4-mega-intro,.v4-mega-grid>div{transition-duration:.01ms!important}
}

/* ========================================================================== 
   MUSIC FM — EXPANDED CLASSIC EDITORIAL MEGA MENU / 2026-10-04
   Large, calm directory for desktop and mobile. Keeps the approved header.
   ========================================================================== */
.mega-menu.v4-mega.mf-expanded-mega{
  background:#fff!important;
  color:#17243a;
  border-top:1px solid #e4e9f0!important;
  border-bottom:1px solid #d9e2eb!important;
  box-shadow:0 26px 62px rgba(3,19,39,.16)!important;
  max-height:calc(100vh - 98px);
  overflow:auto;
}
.mf-mega-editorial-shell{
  display:block!important;
  position:relative;
  padding-top:0!important;
  padding-bottom:0!important;
}
.mf-mega-headline-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:42px;
  padding:40px 56px 30px 0;
  border-bottom:1px solid #e3e9ef;
}
.mf-expanded-mega .v4-mega-intro{
  border:0!important;
  padding:0!important;
  margin:0!important;
  max-width:760px;
}
.mf-expanded-mega .v4-mega-intro>span{
  display:block;
  margin-bottom:11px;
  color:#2678c9!important;
  font:800 9px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  letter-spacing:2.2px!important;
  direction:ltr;
  text-align:right;
}
.mf-expanded-mega .v4-mega-intro h2{
  margin:0 0 11px!important;
  color:#071d37!important;
  font:800 clamp(28px,2.25vw,38px)/1.07 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  letter-spacing:-1.25px!important;
}
.mf-expanded-mega .v4-mega-intro p{
  margin:0!important;
  max-width:700px!important;
  color:#6d7988!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.mf-mega-note{
  min-width:250px;
  padding:0 0 3px 30px;
  border-left:1px solid #e3e9ef;
  text-align:left;
  direction:ltr;
}
.mf-mega-note small{
  display:block;
  margin-bottom:8px;
  color:#8a97a9;
  font:800 8px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);
  letter-spacing:2px;
}
.mf-mega-note strong{
  display:block;
  color:#17314f;
  font:700 11px/1.4 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);
  letter-spacing:1.2px;
}
.mf-expanded-mega .v4-mega-grid.mf-mega-directory{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  border-bottom:1px solid #e3e9ef;
}
.mf-expanded-mega .mf-mega-group{
  position:relative;
  min-width:0;
  padding:30px 28px 32px!important;
  border:0!important;
  border-left:1px solid #e6ebf0!important;
}
.mf-expanded-mega .mf-mega-group:first-child{border-left:0!important}
.mf-expanded-mega .mf-mega-group small{
  display:block!important;
  margin:0 0 12px!important;
  color:#64a9df!important;
  font:800 9px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  letter-spacing:1.3px;
}
.mf-expanded-mega .mf-mega-group h3{
  margin:0 0 17px!important;
  color:#0a2340!important;
  font:800 17px/1.2 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  letter-spacing:-.25px;
}
.mf-expanded-mega .mf-mega-group a{
  position:relative;
  display:block!important;
  padding:6px 0!important;
  color:#5f6e7e!important;
  font:600 13.5px/1.5 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  transform:none!important;
  transition:color .18s ease,padding .18s ease!important;
}
.mf-expanded-mega .mf-mega-group a::before{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#4cb9e7!important;
  opacity:0!important;
  transform:translateY(-50%)!important;
  transition:opacity .18s ease!important;
}
.mf-expanded-mega .mf-mega-group a:hover{
  color:#0e5fa9!important;
  padding-right:10px!important;
}
.mf-expanded-mega .mf-mega-group a:hover::before{opacity:1!important}
.mf-expanded-mega .mf-mega-group--service{background:#fbfcfe}
.mf-mega-bottomline{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:0 28px;
  background:#fbfcfd;
}
.mf-mega-bottom-title{
  display:flex;
  align-items:center;
  gap:10px;
  direction:ltr;
  color:#738295;
}
.mf-mega-bottom-title>span{width:5px;height:5px;border-radius:50%;background:#4fc6e9}
.mf-mega-bottom-title strong{font:800 11px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.1px;color:#17314f}
.mf-mega-bottom-title small{font:800 8px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:1.5px;color:#8a97a9}
.mf-mega-quicklinks{display:flex;align-items:center;gap:0}
.mf-mega-quicklinks a{
  color:#667486;
  font-size:12px;
  font-weight:700;
  padding:4px 14px;
  border-left:1px solid #e1e7ed;
}
.mf-mega-quicklinks a:last-child{border-left:0}
.mf-mega-quicklinks a:hover{color:#0e68b7}
.mf-expanded-mega .v4-mega-close{
  left:0!important;
  top:26px!important;
  width:38px!important;
  height:38px!important;
  border:1px solid #dbe3eb!important;
  background:#fff!important;
  color:#243a54!important;
  box-shadow:none!important;
}
.mf-expanded-mega .v4-mega-close:hover{background:#f5f8fb!important;color:#0d63af!important}

@media(max-width:1180px){
  .mf-mega-headline-row{padding-right:44px;gap:28px}
  .mf-mega-note{min-width:210px}
  .mf-expanded-mega .mf-mega-group{padding:27px 21px 30px!important}
  .mf-expanded-mega .mf-mega-group a{font-size:13px!important}
}

@media(max-width:930px) and (min-width:761px){
  .mf-expanded-mega .v4-mega-grid.mf-mega-directory{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mf-expanded-mega .mf-mega-group:nth-child(4),
  .mf-expanded-mega .mf-mega-group:nth-child(5){border-top:1px solid #e6ebf0!important}
  .mf-expanded-mega .mf-mega-group:nth-child(4){border-left:1px solid #e6ebf0!important}
}

@media(max-width:760px) and (hover:none){
  .mega-menu.v4-mega.mf-expanded-mega,
  body.scrolled .mega-menu.v4-mega.mf-expanded-mega{
    position:fixed!important;
    top:68px!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:#fff!important;
    color:#162b43!important;
    border:0!important;
    border-top:1px solid #e2e8ee!important;
    box-shadow:none!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    clip-path:inset(0 0 100% 0);
    filter:none!important;
    transition:clip-path .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .58s!important;
  }
  .mega-menu.v4-mega.mf-expanded-mega.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    clip-path:inset(0 0 0 0);
    transition-delay:0s!important;
  }
  .mf-expanded-mega .mf-mega-editorial-shell{
    width:100%!important;
    min-height:100%;
    padding:0!important;
  }
  .mf-mega-headline-row{
    display:block;
    padding:28px 22px 22px;
    border-bottom:1px solid #e4e9ef;
  }
  .mf-expanded-mega .v4-mega-intro{
    opacity:0;
    transform:translateY(12px);
    transition:opacity .26s ease,transform .46s cubic-bezier(.22,1,.36,1);
  }
  .mf-expanded-mega.open .v4-mega-intro{opacity:1;transform:none;transition-delay:.08s}
  .mf-expanded-mega .v4-mega-intro>span{color:#3988c8!important;font-size:8px!important;letter-spacing:2px!important}
  .mf-expanded-mega .v4-mega-intro h2{color:#071d37!important;font-size:27px!important;line-height:1.1!important;margin-bottom:9px!important}
  .mf-expanded-mega .v4-mega-intro p{color:#718092!important;font-size:13px!important;line-height:1.7!important;max-width:none!important}
  .mf-mega-note{display:none}
  .mf-expanded-mega .v4-mega-grid.mf-mega-directory{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    border-bottom:1px solid #e3e9ef!important;
  }
  .mf-expanded-mega .mf-mega-group{
    opacity:0;
    transform:translateY(13px);
    padding:24px 22px 25px!important;
    border-left:1px solid #e7ebf0!important;
    border-bottom:1px solid #e7ebf0!important;
    background:#fff!important;
    transition:opacity .25s ease,transform .44s cubic-bezier(.22,1,.36,1);
  }
  .mf-expanded-mega.open .mf-mega-group{opacity:1;transform:none}
  .mf-expanded-mega.open .mf-mega-group:nth-child(1){transition-delay:.10s}
  .mf-expanded-mega.open .mf-mega-group:nth-child(2){transition-delay:.14s}
  .mf-expanded-mega.open .mf-mega-group:nth-child(3){transition-delay:.18s}
  .mf-expanded-mega.open .mf-mega-group:nth-child(4){transition-delay:.22s}
  .mf-expanded-mega.open .mf-mega-group:nth-child(5){transition-delay:.26s}
  .mf-expanded-mega .mf-mega-group:nth-child(2n){border-left:0!important}
  .mf-expanded-mega .mf-mega-group--service{background:#fafbfd!important}
  .mf-expanded-mega .mf-mega-group small{color:#72a8d2!important;font-size:8px!important}
  .mf-expanded-mega .mf-mega-group h3{color:#0b2440!important;font-size:16px!important;margin-bottom:11px!important}
  .mf-expanded-mega .mf-mega-group a{color:#5d6d7f!important;font-size:13px!important;padding:5px 0!important}
  .mf-expanded-mega .mf-mega-group a:hover{color:#0d5fc2!important;padding-right:0!important}
  .mf-expanded-mega .mf-mega-group a::before{display:none!important}
  .mf-mega-bottomline{
    min-height:68px;
    padding:16px 22px calc(16px + env(safe-area-inset-bottom));
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    background:#fafbfd;
  }
  .mf-mega-quicklinks{width:100%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e3e9ef;padding-top:12px}
  .mf-mega-quicklinks a{text-align:center;padding:2px 6px;border-left:1px solid #e0e6ec;font-size:11px}
  .mf-mega-quicklinks a:last-child{border-left:0}
  .mf-expanded-mega .v4-mega-close{display:none!important}
  
  
  .mega-menu.v4-mega.mf-expanded-mega{z-index:205!important}
}

@media(max-width:430px){
  .mf-mega-headline-row{padding:24px 18px 19px}
  .mf-expanded-mega .v4-mega-intro h2{font-size:24px!important}
  .mf-expanded-mega .v4-mega-grid.mf-mega-directory{grid-template-columns:1fr!important}
  .mf-expanded-mega .mf-mega-group,
  .mf-expanded-mega .mf-mega-group:nth-child(2n){
    padding:21px 18px 22px!important;
    border-left:0!important;
    border-bottom:1px solid #e6ebf0!important;
  }
  .mf-expanded-mega .mf-mega-group h3{font-size:17px!important}
  .mf-expanded-mega .mf-mega-group a{font-size:13.5px!important;padding:5.5px 0!important}
  .mf-mega-bottomline{padding-inline:18px}
  .mf-mega-quicklinks{grid-template-columns:1fr 1fr;gap:10px 0}
  .mf-mega-quicklinks a:nth-child(2){border-left:0}
}

@media(prefers-reduced-motion:reduce){
  .mega-menu.v4-mega.mf-expanded-mega,
  .mf-expanded-mega .v4-mega-intro,
  .mf-expanded-mega .mf-mega-group{transition-duration:.01ms!important}
}

/* ==========================================================================\n   CLASSIC EDITORIAL MOBILE BOTTOM NAV — 2026-10-04\n   ========================================================================== */
@media (max-width:760px){
  body{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }

  .mf-editorial-footer{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }

  .mobile-bottom.mf-mobile-bottom{
    position:fixed!important;
    z-index:150!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    height:calc(72px + env(safe-area-inset-bottom))!important;
    padding:0 7px env(safe-area-inset-bottom)!important;
    background:#ffffff!important;
    border:0!important;
    border-top:1px solid #dfe5ec!important;
    box-shadow:0 -10px 30px rgba(4,19,39,.075)!important;
    overflow:visible!important;
    isolation:isolate;
  }

  .mobile-bottom.mf-mobile-bottom::before{
    content:"";
    position:absolute;
    z-index:0;
    top:-1px;
    right:0;
    left:0;
    height:1px;
    background:#041327;
    opacity:.82;
    pointer-events:none;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link{
    position:relative;
    z-index:1;
    min-width:0;
    height:72px;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:8px 2px 7px!important;
    color:#718095!important;
    background:transparent!important;
    border:0!important;
    text-decoration:none!important;
    font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
    -webkit-tap-highlight-color:transparent;
    transition:color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)!important;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link::before{
    content:"";
    position:absolute;
    top:-1px;
    right:50%;
    width:0;
    height:2px;
    background:#59c9f5;
    transform:translateX(50%);
    transition:width .28s cubic-bezier(.22,1,.36,1);
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__icon{
    width:31px;
    height:27px;
    display:grid;
    place-items:center;
    color:inherit;
    border:1px solid transparent;
    transition:color .22s ease,border-color .22s ease,background .22s ease;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__icon svg{
    width:20px!important;
    height:20px!important;
    display:block;
    overflow:visible;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__label{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:inherit;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:-.05px;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link.active,
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link[aria-current="page"]{
    color:#071f3c!important;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link.active::before,
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link[aria-current="page"]::before{
    width:32px;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link.active .mf-mobile-bottom__icon,
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link[aria-current="page"] .mf-mobile-bottom__icon{
    color:#0d5f9f;
    border-color:#dce7f0;
    background:#fbfcfe;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link.active .mf-mobile-bottom__label,
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link[aria-current="page"] .mf-mobile-bottom__label{
    font-weight:800!important;
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link:active{
    transform:translateY(1px);
  }

  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link:focus-visible{
    outline:2px solid #56bde9;
    outline-offset:-4px;
  }

  body.menu-open .mobile-bottom.mf-mobile-bottom{
    pointer-events:none;
  }
}

@media (max-width:390px){
  .mobile-bottom.mf-mobile-bottom{
    padding-right:3px!important;
    padding-left:3px!important;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link{
    gap:3px!important;
    padding-inline:1px!important;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__label{
    font-size:9.8px!important;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__icon svg{
    width:19px!important;
    height:19px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link,
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link::before,
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__icon{
    transition-duration:.01ms!important;
  }
}

/* ========================================================================== 
   CANONICAL MUSIC FM TOKENS — keep every legacy rule on the same palette
   ========================================================================== */
:root{--mf-navy:#041327;--mf-navy-2:#071d37;--mf-blue:#147cff;--mf-sky:#59c7ff;--mf-turquoise:#25c8c3;--mf-purple:#7c67d9;--mf-red:#e94355;--mf-charcoal:#17243a;--mf-gray:#667085;--mf-light-gray:#f6f8fb;--mf-white:#fff;--mf-accent:#59c7ff;--mf-ink:#17243a;--mf-muted:#667085;--mf-line:#e4e9f0;--mf-soft:#f6f8fb;--mf-card:#fff;--mf-container:1240px;--mf-shadow:0 10px 30px rgba(3,19,39,.045);--mf-ease:cubic-bezier(.2,.75,.25,1)}

/* ======================================================================
   MUSIC FM MEMBER ACCOUNT — unified three-circle action cluster
   Search / notifications / account keep identical geometry after login.
   ====================================================================== */
.v4-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  direction:ltr!important;
}
.v4-actions>.v4-action,
.v4-actions>.mf-header-account{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
}
.mf-header-account{
  position:relative;
  display:block;
  direction:rtl;
  color:#fff;
}
.mf-header-account>summary,
.mf-header-account__trigger{
  list-style:none!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#d8e4ef!important;
  cursor:pointer!important;
  overflow:visible!important;
  user-select:none!important;
  outline:0!important;
  line-height:1!important;
  transition:color .2s ease,border-color .2s ease,background .2s ease!important;
}
.mf-header-account>summary::-webkit-details-marker{display:none!important}
.mf-header-account>summary::marker{display:none!important;content:""!important}
.mf-header-account>summary:hover,
.mf-header-account[open]>summary{
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(104,201,243,.30)!important;
}
.mf-header-account__icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  aspect-ratio:1/1!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  color:inherit!important;
  flex:none!important;
  box-sizing:border-box!important;
}
.mf-header-account__icon svg{width:18px!important;height:18px!important;display:block!important}
.mf-header-account__icon img{width:18px!important;height:18px!important;display:block!important;object-fit:cover!important;border-radius:50%!important}
.mf-header-account__online{
  position:absolute!important;
  right:-1px!important;
  bottom:1px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#59c7ff!important;
  border:2px solid #041327!important;
  box-sizing:content-box!important;
  pointer-events:none!important;
}
.mf-header-account__name,.mf-header-account__chevron{display:none!important}
.mf-header-account__menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  width:258px;
  padding:8px;
  background:#fff;
  border:1px solid #dfe6ee;
  box-shadow:0 18px 48px rgba(3,19,39,.16);
  color:#0b1d33;
  z-index:1200;
  direction:rtl;
}
.mf-header-account__menu::before{content:"";position:absolute;top:-7px;left:14px;width:12px;height:12px;background:#fff;border-top:1px solid #dfe6ee;border-left:1px solid #dfe6ee;transform:rotate(45deg)}
.mf-header-account__identity{padding:11px 12px 13px;border-bottom:1px solid #e7edf3;margin-bottom:5px;display:grid;gap:3px}
.mf-header-account__identity small{font:500 11px/1.4 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);color:#7a8795}
.mf-header-account__identity strong{font:700 14px/1.45 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);color:#071a31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-header-account__identity span{font:400 11px/1.4 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);color:#8a96a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.mf-header-account__menu>a{display:flex;align-items:center;min-height:38px;padding:0 11px;color:#26374a;text-decoration:none;font:600 12.5px/1.3 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);border-right:2px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}
.mf-header-account__menu>a:hover{background:#f5f8fb;color:#075fbf;border-right-color:#69bdf7}
.mf-header-account__menu>a.mf-header-account__admin{color:#6a3cb3}
.mf-header-account__menu>a.mf-header-account__logout{margin-top:5px;border-top:1px solid #edf1f5;color:#bb3147}

@media(max-width:980px) and (hover:none){.mf-header-account.v4-desktop-action{display:none!important}}
@media(max-width:560px){.mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__label{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:auto}}

/* Footer rights in three explicit positions: RTL right / signature middle / English left. */
.mf-footer-bottom>.mf-container{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.mf-footer-bottom .mf-footer-signature{text-align:center;white-space:nowrap}
.mf-footer-bottom .mf-footer-copyright-en{direction:ltr;text-align:left;unicode-bidi:isolate;color:#8297ab;font-size:10px;white-space:nowrap}
@media(max-width:760px){
 .mf-footer-bottom>.mf-container{display:grid;grid-template-columns:1fr;gap:9px;text-align:right;padding-block:17px 19px}
 .mf-footer-bottom .mf-footer-signature{text-align:center;white-space:normal;margin-top:0!important}
 .mf-footer-bottom .mf-footer-copyright-en{text-align:left;white-space:normal;font-size:9px}
}


/* MUSIC FM V3 — continuous breaking-news movement from LEFT to RIGHT.
   Only the motion axis is LTR; Hebrew text, times and links stay RTL. */
.flash-track[data-ticker-ready="true"]{
  direction:ltr;
  overflow:hidden!important;
  min-width:0;
}
.flash-track[data-ticker-ready="true"] .mf-ticker-lane{
  display:flex;
  flex-wrap:nowrap;
  width:max-content;
  max-width:none;
  align-items:center;
  animation:mfTickerTravelLTR var(--mf-ticker-seconds,48s) linear infinite;
  will-change:transform;
}
.flash-track[data-ticker-ready="true"] .mf-ticker-segment{
  display:flex;
  flex:0 0 auto;
  width:max-content;
  align-items:center;
  direction:ltr;
}
.flash-track[data-ticker-ready="true"] .mf-ticker-segment>a{
  flex:0 0 auto;
  direction:rtl;
}
@keyframes mfTickerTravelLTR{
  from{transform:translate3d(calc(-1 * var(--mf-ticker-loop,1000px)),0,0)}
  to{transform:translate3d(0,0,0)}
}
.flash-track[data-ticker-ready="true"]:hover .mf-ticker-lane,
.flash-track[data-ticker-ready="true"]:focus-within .mf-ticker-lane,
.flash-track.mf-ticker-paused .mf-ticker-lane{
  animation-play-state:paused;
}
@media(max-width:760px){
  .flash-strip.mf-ticker-active{
    grid-template-columns:minmax(86px,28%) minmax(0,1fr)!important;
  }
  .flash-strip.mf-ticker-active .flash-all{display:none!important}
  .flash-strip.mf-ticker-active .flash-track{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .flash-track[data-ticker-ready="true"]{overflow-x:auto!important;scrollbar-width:thin}
  .flash-track[data-ticker-ready="true"] .mf-ticker-lane{animation:none!important;transform:none!important;will-change:auto}
}
html[data-mf-a11y-community-calm="on"] .flash-track[data-ticker-ready="true"]{
  overflow-x:auto!important;
}
html[data-mf-a11y-community-calm="on"] .flash-track[data-ticker-ready="true"] .mf-ticker-lane{
  animation:none!important;transform:none!important;will-change:auto;
}

/* ===== END musicfm-portal.css ===== */

/* ===== BEGIN musicfm-design-system.css ===== */
/* ========================================================================== 
   MUSIC FM — UNIFIED CLASSIC EDITORIAL DESIGN SYSTEM
   Final visual authority for MUSIC FM. Loaded last on every public page.
   ========================================================================== */

:root{
  --mf-brand-navy:#041327;
  --mf-brand-navy-2:#071d37;
  --mf-brand-navy-3:#0a2850;
  --mf-brand-blue:#147cff;
  --mf-brand-blue-deep:#0d5fc2;
  --mf-brand-cyan:#59c7ff;
  --mf-brand-turquoise:#25c8c3;
  --mf-brand-purple:#7c67d9;
  --mf-brand-red:#e94355;
  --mf-brand-ink:#17243a;
  --mf-brand-ink-strong:#102541;
  --mf-brand-muted:#667085;
  --mf-brand-muted-2:#8a97a9;
  --mf-brand-line:#e4e9f0;
  --mf-brand-line-strong:#d9e1ea;
  --mf-brand-soft:#f6f8fb;
  --mf-brand-soft-2:#fbfcfe;
  --mf-brand-paper:#fff;
  --mf-brand-shadow:0 18px 50px rgba(3,19,39,.055);
  --mf-brand-shadow-soft:0 10px 30px rgba(3,19,39,.045);
  --mf-brand-focus:0 0 0 3px rgba(20,124,255,.085);
  --mf-brand-radius:2px;
  --mf-brand-container:1240px;
  --mf-brand-ease:cubic-bezier(.2,.75,.25,1);

  /* Backward-compatible aliases used by older templates. */
  --navy:var(--mf-brand-navy);
  --navy2:var(--mf-brand-navy-2);
  --blue:var(--mf-brand-blue);
  --cyan:var(--mf-brand-cyan);
  --turq:var(--mf-brand-turquoise);
  --purple:var(--mf-brand-purple);
  --red:var(--mf-brand-red);
  --ink:var(--mf-brand-ink);
  --muted:var(--mf-brand-muted);
  --line:var(--mf-brand-line);
  --soft:var(--mf-brand-soft);
  --white:var(--mf-brand-paper);
  --container:var(--mf-brand-container);
  --shadow:var(--mf-brand-shadow-soft);

  --mf-navy:var(--mf-brand-navy);
  --mf-navy-2:var(--mf-brand-navy-2);
  --mf-blue:var(--mf-brand-blue);
  --mf-sky:var(--mf-brand-cyan);
  --mf-turquoise:var(--mf-brand-turquoise);
  --mf-purple:var(--mf-brand-purple);
  --mf-red:var(--mf-brand-red);
  --mf-charcoal:var(--mf-brand-ink);
  --mf-gray:var(--mf-brand-muted);
  --mf-light-gray:var(--mf-brand-soft);
  --mf-white:var(--mf-brand-paper);
  --mf-accent:var(--mf-brand-cyan);
  --mf-ink:var(--mf-brand-ink);
  --mf-muted:var(--mf-brand-muted);
  --mf-line:var(--mf-brand-line);
  --mf-soft:var(--mf-brand-soft);
  --mf-card:var(--mf-brand-paper);
  --mf-container:var(--mf-brand-container);
  --mf-shadow:var(--mf-brand-shadow-soft);
  --mf-ease:var(--mf-brand-ease);
}

/* Page-level variable families now resolve to one palette. */
.about-premium-page{
  --about-navy:var(--mf-brand-navy);--about-navy-2:var(--mf-brand-navy-2);--about-blue:var(--mf-brand-blue);--about-cyan:var(--mf-brand-cyan);--about-turq:var(--mf-brand-turquoise);--about-purple:var(--mf-brand-purple);--about-red:var(--mf-brand-red);--about-ink:var(--mf-brand-ink);--about-muted:var(--mf-brand-muted);--about-line:var(--mf-brand-line);--about-soft:var(--mf-brand-soft);--about-paper:var(--mf-brand-paper)
}
.contact-premium-page{
  --c-navy:var(--mf-brand-navy);--c-navy2:var(--mf-brand-navy-2);--c-blue:var(--mf-brand-blue);--c-cyan:var(--mf-brand-cyan);--c-turq:var(--mf-brand-turquoise);--c-purple:var(--mf-brand-purple);--c-red:var(--mf-brand-red);--c-ink:var(--mf-brand-ink);--c-muted:var(--mf-brand-muted);--c-line:var(--mf-brand-line);--c-soft:var(--mf-brand-soft);--c-paper:var(--mf-brand-paper)
}
.legal-page-body{
  --legal-navy:var(--mf-brand-navy);--legal-navy-2:var(--mf-brand-navy-2);--legal-blue:var(--mf-brand-blue);--legal-sky:var(--mf-brand-cyan);--legal-turquoise:var(--mf-brand-turquoise);--legal-red:var(--mf-brand-red);--legal-ink:var(--mf-brand-ink);--legal-muted:var(--mf-brand-muted);--legal-line:var(--mf-brand-line);--legal-soft:var(--mf-brand-soft)
}
.terms-page-body{
  --terms-navy:var(--mf-brand-navy);--terms-navy-2:var(--mf-brand-navy-2);--terms-blue:var(--mf-brand-blue);--terms-sky:var(--mf-brand-cyan);--terms-turquoise:var(--mf-brand-turquoise);--terms-red:var(--mf-brand-red);--terms-ink:var(--mf-brand-ink);--terms-muted:var(--mf-brand-muted);--terms-line:var(--mf-brand-line);--terms-soft:var(--mf-brand-soft)
}

/* ===== Global base ===== */
html{background:var(--mf-brand-soft);scroll-behavior:smooth}
body{
  background:var(--mf-brand-soft);
  color:var(--mf-brand-ink);
  font-family:"IBM Plex Sans Hebrew",var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,textarea,select{font-family:"IBM Plex Sans Hebrew",var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)}
::selection{background:rgba(89,199,255,.30);color:var(--mf-brand-navy)}
:focus-visible{outline:2px solid var(--mf-brand-blue);outline-offset:3px}
button,a,input,textarea,select{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:.18s;transition-timing-function:var(--mf-brand-ease)}

.mf-container,.container{width:min(var(--mf-brand-container),calc(100% - 42px));margin-inline:auto}
.inner-page main{background:var(--mf-brand-soft)}
.home-page main{background:var(--mf-brand-soft)}

h1,h2,h3,h4,h5,h6{color:var(--mf-brand-ink-strong);font-family:"IBM Plex Sans Hebrew",var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);text-wrap:balance}
p{overflow-wrap:break-word}

/* ===== One surface vocabulary ===== */
:is(.artists-editorial,.artists-directory,.artist-feature,.contact-form-card,.contact-final-card,.help-category-card,.help-faq-content,.help-faq-sidebar,.help-contact-card,.dedications-content,.dedications-ranking,.dedications-guide,.dedications-archive,.news-top,.news-side-block,.news-side-note,.news-final,.legal-document,.legal-sidebar,.terms-document,.terms-sidebar,.auth-shell,.side-card,.composer,.post,.chart-table,.playlist-grid>a){
  border-color:var(--mf-brand-line)!important;
  border-radius:0!important;
}

:is(.artist-feature,.contact-form-card,.help-contact-card,.news-top,.legal-document,.terms-document,.auth-shell){
  box-shadow:var(--mf-brand-shadow)!important;
}

:is(.artists-editorial,.artists-directory,.help-faq-content,.help-faq-sidebar,.dedications-ranking,.dedications-guide,.news-side-block,.legal-sidebar,.terms-sidebar,.chart-table,.post){
  box-shadow:var(--mf-brand-shadow-soft)!important;
}

/* ===== Shared editorial hero vocabulary ===== */
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero){
  background:linear-gradient(125deg,var(--mf-brand-navy) 0%,var(--mf-brand-navy-2) 62%,var(--mf-brand-navy-3) 100%)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero)::before,
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead)::after{
  pointer-events:none;
}

:is(.about-eyebrow,.contact-eyebrow,.help-eyebrow,.news-kicker,.dedications-eyebrow,.legal-kicker,.terms-kicker,.artists-eyebrow,.artist-section-kicker){
  color:var(--mf-brand-cyan)!important;
  font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}

:is(.about-section-heading h2,.contact-section-heading h2,.contact-form-intro h2,.contact-service-copy h2,.help-section-head h2,.news-section-head h2,.dedications-section-head h2,.artists-section-head h2){
  color:var(--mf-brand-ink-strong)!important;
  letter-spacing:-.035em!important;
}

/* ===== Shared links / buttons ===== */
:is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.contact-hero-links a:first-child,.help-contact-actions a:first-child,.dedication-form-actions button,.news-read-link){
  border-radius:var(--mf-brand-radius)!important;
  box-shadow:none!important;
}
:is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.contact-hero-links a:first-child,.dedication-form-actions button){
  background:var(--mf-brand-blue)!important;
  border-color:var(--mf-brand-blue)!important;
  color:#fff!important;
}
:is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.contact-hero-links a:first-child,.dedication-form-actions button):hover{
  background:var(--mf-brand-blue-deep)!important;
  border-color:var(--mf-brand-blue-deep)!important;
  transform:translateY(-1px);
}

/* ===== Shared form vocabulary ===== */
:is(input,textarea,select,.artists-search,.news-search,.help-search-box,.legal-search,.terms-search){border-radius:0}
:is(.contact-form input,.contact-form textarea,.contact-form select,.auth-input,.composer textarea,.newsletter input,.artists-search,.news-search,.help-search-box,.legal-search,.terms-search){
  border-color:var(--mf-brand-line-strong)!important;
  background:#fff!important;
  color:var(--mf-brand-ink)!important;
}
:is(.contact-form input,.contact-form textarea,.contact-form select,.auth-input,.composer textarea,.newsletter input):focus,
:is(.artists-search,.news-search,.help-search-box,.legal-search,.terms-search):focus-within{
  border-color:#9fc9f6!important;
  box-shadow:var(--mf-brand-focus)!important;
  outline:0;
}

/* ===== Header/search/footer hard consistency ===== */
.site-header.v4-site-header{background:var(--mf-brand-navy)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.v4-mainnav>a,.v4-more{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)!important}
.v4-mainnav>a::after{background:var(--mf-brand-cyan)!important}
.v4-action{border-color:rgba(255,255,255,.18)!important}
.search-overlay{background:rgba(4,19,39,.74)!important;backdrop-filter:none!important}
.premium-search{border:1px solid var(--mf-brand-line)!important;box-shadow:0 28px 72px rgba(3,19,39,.22)!important}
.premium-search small{color:var(--mf-brand-blue)!important}
.search-field{border-color:var(--mf-brand-blue)!important}
.search-field button{background:var(--mf-brand-blue)!important;color:#fff!important}
.search-trends a{border-radius:0!important;background:var(--mf-brand-soft)!important;border:1px solid var(--mf-brand-line)!important}
.search-trends a:hover{background:#fff!important;border-color:#bcd6ee!important;color:var(--mf-brand-blue-deep)!important}

.mf-editorial-footer{background:var(--mf-brand-navy)!important}
.mf-footer-column nav a,.mf-footer-brand-block,.mf-footer-manifesto,.mf-footer-motto{font-family:var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}

/* ===== Homepage ===== */
.home-page{
  --home-navy:var(--mf-brand-navy);--home-navy-2:var(--mf-brand-navy-2);--home-blue:var(--mf-brand-blue);--home-sky:var(--mf-brand-cyan);--home-turquoise:var(--mf-brand-turquoise);--home-purple:var(--mf-brand-purple);--home-red:var(--mf-brand-red);--home-ink:var(--mf-brand-ink);--home-muted:var(--mf-brand-muted);--home-line:var(--mf-brand-line);--home-soft:var(--mf-brand-soft);--home-paper:#fff
}
.home-page .mf-hero-board,.home-page .flash-strip,.home-page .pulse-panel,.home-page .mf-section,.home-page .mf-side-card{border-color:var(--mf-brand-line)!important}
.home-page .mf-hero-board{box-shadow:var(--mf-brand-shadow)!important}
.home-page .pulse-panel,.home-page .mf-section,.home-page .mf-side-card{box-shadow:var(--mf-brand-shadow-soft)!important}

/* ===== Artists: same hero family, without losing its useful stat column ===== */
.artists-page{background:var(--mf-brand-soft)!important;color:var(--mf-brand-ink)!important}
.artists-masthead{background:#fff!important;border-bottom:1px solid var(--mf-brand-line)!important}
.artists-masthead h1{color:var(--mf-brand-ink-strong)!important}
.artists-masthead p{color:var(--mf-brand-muted)!important}
.artists-masthead-stats{background:var(--mf-brand-navy-2)!important}
.artists-masthead-stats strong{color:var(--mf-brand-cyan)!important}
.artist-feature-mark{color:var(--mf-brand-navy)!important}
.artist-text-link,.artist-profile-link{color:var(--mf-brand-blue-deep)!important}

/* ===== Legal family: Terms/Privacy/Accessibility/Rules are one family ===== */
.legal-page-body,.terms-page-body{background:var(--mf-brand-soft)!important;color:var(--mf-brand-ink)!important}
.legal-hero,.terms-hero{background:linear-gradient(138deg,var(--mf-brand-navy) 0%,var(--mf-brand-navy-2) 58%,var(--mf-brand-navy-3) 100%)!important}
.legal-progress span,.terms-progress span{background:linear-gradient(90deg,var(--mf-brand-blue),var(--mf-brand-cyan))!important}
.legal-index a.active,.terms-index a.active{color:var(--mf-brand-blue-deep)!important;background:#f2f7fd!important;border-right-color:var(--mf-brand-blue)!important}
.legal-section,.terms-section{border-bottom-color:var(--mf-brand-line)!important}
.legal-section h2,.terms-section h2{color:var(--mf-brand-ink)!important}
.legal-section a,.terms-section a{color:var(--mf-brand-blue-deep)!important}
.legal-final,.terms-final{background:linear-gradient(135deg,var(--mf-brand-navy),var(--mf-brand-navy-3))!important}

/* ===== Authentication ===== */
.auth-page{background:var(--mf-brand-soft)!important;color:var(--mf-brand-ink)!important}
.auth-shell{background:#fff!important;border:1px solid var(--mf-brand-line)!important;border-radius:0!important}
.auth-visual{background:linear-gradient(135deg,var(--mf-brand-navy),var(--mf-brand-navy-2) 62%,var(--mf-brand-navy-3))!important}
.auth-panel{background:#fff!important}
.auth-head small{color:var(--mf-brand-blue)!important}
.auth-head h1{color:var(--mf-brand-ink-strong)!important}
.auth-head p,.auth-note,.auth-switch{color:var(--mf-brand-muted)!important}
.auth-social{border-radius:0!important;border-color:var(--mf-brand-line-strong)!important;background:#fff!important}
.auth-social:hover{background:var(--mf-brand-soft-2)!important;border-color:#bfd2e6!important}
.auth-password-meter i{border-radius:0!important}

/* ========================================================================== 
   LEGACY CONTENT PAGES — now part of the same classic editorial system
   ========================================================================== */
.classic-content-page main{background:var(--mf-brand-soft)}
.classic-content-page .listing-page,
.classic-content-page .article-layout{padding-top:46px;padding-bottom:72px}

.classic-content-page .page-title{
  position:relative;
  margin:0 0 34px;
  padding:0 0 23px;
  border-bottom:1px solid var(--mf-brand-line);
}
.classic-content-page .page-title::after{content:"";position:absolute;right:0;bottom:-1px;width:78px;height:2px;background:var(--mf-brand-blue)}
.classic-content-page .page-title>span{display:flex;align-items:center;gap:9px;color:var(--mf-brand-blue);font:800 10px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px}
.classic-content-page .page-title>span::before{content:"";width:27px;height:1px;background:#78b7ed}
.classic-content-page .page-title h1{margin:0;color:var(--mf-brand-ink-strong);font:900 clamp(40px,4.6vw,64px)/1.03 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.045em}
.classic-content-page .page-title p{max-width:760px;margin:12px 0 0;color:var(--mf-brand-muted);font-size:17px;line-height:1.75}

/* Music lead */
.classic-content-page .music-feature{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:390px;
  margin-bottom:36px;background:#fff;border:1px solid var(--mf-brand-line);box-shadow:var(--mf-brand-shadow);overflow:hidden
}
.classic-content-page .music-feature>div{padding:44px 42px;display:flex;flex-direction:column;justify-content:center}
.classic-content-page .music-feature img{height:100%;min-height:390px;object-fit:cover;filter:saturate(.94)}
.classic-content-page .music-feature .kicker{display:flex;align-items:center;gap:8px;color:var(--mf-brand-blue);font-size:10px;letter-spacing:.12em}
.classic-content-page .music-feature .kicker::before{content:"";width:24px;height:1px;background:#7cb9eb}
.classic-content-page .music-feature h2{margin:13px 0 14px;color:var(--mf-brand-ink-strong);font:900 clamp(30px,3.3vw,46px)/1.08 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.035em}
.classic-content-page .music-feature p{margin:0 0 24px;color:var(--mf-brand-muted);font-size:16px;line-height:1.75}
.classic-content-page .icon-primary{width:max-content;min-height:43px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--mf-brand-blue)}

/* Albums / songs / playlists */
.classic-content-page .album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
.classic-content-page .album-grid.big{grid-template-columns:repeat(5,minmax(0,1fr))}
.classic-content-page .album-card{position:relative;display:block;padding-bottom:17px;border-bottom:1px solid var(--mf-brand-line)}
.classic-content-page .album-card img{aspect-ratio:1/1;border-radius:0!important;background:#eaf0f6;filter:saturate(.95)}
.classic-content-page .album-card h3{margin:10px 0 2px;color:var(--mf-brand-ink-strong);font:800 17px/1.3 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.classic-content-page .album-card p{margin:0;color:var(--mf-brand-muted);font-size:12.5px}
.classic-content-page .album-card:hover h3{color:var(--mf-brand-blue-deep)}
.classic-content-page .album-card:hover{transform:none!important}
.classic-content-page .album-play{left:10px!important;top:auto!important;bottom:54px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:var(--mf-brand-navy)!important;color:#fff!important;box-shadow:0 5px 15px rgba(4,19,39,.15)}

.classic-content-page .song-list{background:#fff;border:1px solid var(--mf-brand-line);box-shadow:var(--mf-brand-shadow-soft)}
.classic-content-page .song-list>a{grid-template-columns:42px 58px minmax(0,1fr) 44px;gap:14px;padding:12px 17px;border-bottom:1px solid var(--mf-brand-line);background:#fff}
.classic-content-page .song-list.large>a{grid-template-columns:42px 62px minmax(0,1fr) 62px 44px;padding:12px 18px}
.classic-content-page .song-list>a:last-child{border-bottom:0}
.classic-content-page .song-list>a:hover{background:var(--mf-brand-soft-2)}
.classic-content-page .song-list img{width:58px;height:58px;border-radius:0!important}
.classic-content-page .song-list.large img{width:62px;height:62px}
.classic-content-page .song-list>a>b{color:#a5b0bd;font:800 12px var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.classic-content-page .song-list strong{color:var(--mf-brand-ink-strong);font-size:15px}
.classic-content-page .song-list span{color:var(--mf-brand-muted);font-size:12px}
.classic-content-page .song-list button{width:36px;height:36px;border:1px solid var(--mf-brand-line);background:#fff;color:var(--mf-brand-navy);border-radius:50%!important}
.classic-content-page .song-list button:hover{border-color:#b7cee3;background:#f7fbff;color:var(--mf-brand-blue)}

.classic-content-page .playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.classic-content-page .playlist-grid>a{background:#fff!important;border:1px solid var(--mf-brand-line)!important;overflow:hidden;transform:none!important;box-shadow:var(--mf-brand-shadow-soft)}
.classic-content-page .playlist-grid img{height:225px;border-radius:0!important;filter:saturate(.94)}
.classic-content-page .playlist-grid div{padding:18px 18px 17px}
.classic-content-page .playlist-grid h3{color:var(--mf-brand-ink-strong);font-size:18px;margin:0}
.classic-content-page .playlist-grid p{color:var(--mf-brand-muted);font-size:12px}
.classic-content-page .playlist-grid :is(button,.playlist-play-icon){width:42px;height:42px;left:16px;top:-23px;background:var(--mf-brand-navy);border:1px solid rgba(255,255,255,.65);color:#fff}
.classic-content-page .playlist-grid>a:hover{border-color:#c5d4e3!important}
.classic-content-page .playlist-grid>a:hover h3{color:var(--mf-brand-blue-deep)}

/* Chart */
.classic-content-page .chart-table{padding:0 22px;border:1px solid var(--mf-brand-line);border-top:3px solid var(--mf-brand-navy);background:#fff;box-shadow:var(--mf-brand-shadow-soft)}
.classic-content-page .chart-table-row{grid-template-columns:48px 68px minmax(0,1fr) 62px 92px 44px;gap:14px;padding:13px 0;border-bottom:1px solid var(--mf-brand-line)}
.classic-content-page .chart-table-row:last-child{border-bottom:0}
.classic-content-page .chart-table-row:hover{background:#fbfcfe}
.classic-content-page .chart-table-row>b{color:#a5afbc;font:900 22px/1 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif)}
.classic-content-page .chart-table-row img{width:68px;height:68px;border-radius:0}
.classic-content-page .chart-table-row strong{color:var(--mf-brand-ink-strong)}
.classic-content-page .chart-table-row span{color:var(--mf-brand-muted);font-size:12px}
.classic-content-page .chart-table-row em{color:#149c8f}
.classic-content-page .chart-table-row button:not(.play){border:1px solid #bed1e5;background:#fff;color:var(--mf-brand-blue-deep);padding:8px 12px;font-weight:800;border-radius:0}
.classic-content-page .chart-table-row button:not(.play):hover{border-color:var(--mf-brand-blue);background:#f6faff}
.classic-content-page .chart-table-row .play{border-radius:50%!important;border:1px solid var(--mf-brand-line);background:#fff;color:var(--mf-brand-navy)}

/* Community */
.classic-content-page .community-layout{grid-template-columns:minmax(0,1fr) 310px;gap:32px}
.classic-content-page .composer{padding:22px;background:#fff!important;border:1px solid var(--mf-brand-line)!important;box-shadow:var(--mf-brand-shadow-soft);margin-bottom:18px}
.classic-content-page .composer>b{color:var(--mf-brand-ink-strong);font-size:17px}
.classic-content-page .composer textarea{height:105px;margin:13px 0;border:1px solid var(--mf-brand-line-strong);background:#fff}
.classic-content-page .post{padding:20px 21px;background:#fff;border:1px solid var(--mf-brand-line)!important;box-shadow:var(--mf-brand-shadow-soft)!important;margin-bottom:15px}
.classic-content-page .post:hover{border-color:#c8d7e6!important}
.classic-content-page .avatar{background:var(--mf-brand-navy);color:#fff}
.classic-content-page .post-user strong{color:var(--mf-brand-ink-strong)}
.classic-content-page .post-user span{color:var(--mf-brand-muted-2)}
.classic-content-page .post p{color:#44536a;line-height:1.75}
.classic-content-page .post-actions{border-top-color:var(--mf-brand-line)}
.classic-content-page .post-actions button{color:#718094;font-size:12px}
.classic-content-page .post-actions button:hover{color:var(--mf-brand-blue-deep)}
.classic-content-page .side-card{background:#fff!important;border:1px solid var(--mf-brand-line)!important;border-top:3px solid var(--mf-brand-navy)!important;padding:18px;box-shadow:var(--mf-brand-shadow-soft)}
.classic-content-page .side-card .panel-head{border-bottom:1px solid var(--mf-brand-line);padding-bottom:11px;margin-bottom:12px}
.classic-content-page .side-card .panel-head h2{color:var(--mf-brand-ink-strong)!important;font-size:20px}

/* Artist profile */
.classic-content-page .artist-hero{margin:0 0 40px;padding:44px 0;background:linear-gradient(125deg,var(--mf-brand-navy),var(--mf-brand-navy-2) 67%,var(--mf-brand-navy-3));color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.classic-content-page .artist-hero .container{grid-template-columns:290px minmax(0,1fr);gap:44px}
.classic-content-page .artist-hero img{height:290px;border:1px solid rgba(255,255,255,.14)}
.classic-content-page .artist-hero .kicker{color:var(--mf-brand-cyan)}
.classic-content-page .artist-hero h1{color:#fff;font:900 clamp(42px,4.6vw,66px)/1.02 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.045em}
.classic-content-page .artist-hero p{color:#cad9e8;font-size:17px;line-height:1.8}
.classic-content-page .artist-stats{padding-top:18px;border-top:1px solid rgba(255,255,255,.13)}
.classic-content-page .artist-stats span{color:#a9bed2}
.classic-content-page .artist-stats b{color:var(--mf-brand-cyan)}
.classic-content-page .section-heading{position:relative;border-top:0;border-bottom:1px solid var(--mf-brand-line);padding:0 0 15px;margin:35px 0 20px}
.classic-content-page .section-heading::after{content:"";position:absolute;right:0;bottom:-1px;width:72px;height:2px;background:var(--mf-brand-blue)}
.classic-content-page .section-heading h2{color:var(--mf-brand-ink-strong);font-size:28px}
.classic-content-page .cards-4{gap:18px}
.classic-content-page .cards-4>a{background:#fff;border-bottom:1px solid var(--mf-brand-line);padding-bottom:14px;transform:none!important}
.classic-content-page .cards-4 img{border-radius:0!important;filter:saturate(.94)}
.classic-content-page .cards-4 h3{color:var(--mf-brand-ink-strong)}
.classic-content-page .cards-4>a:hover h3{color:var(--mf-brand-blue-deep)}

/* Article */
.classic-content-page .article-layout{grid-template-columns:minmax(0,820px) 300px;gap:48px}
.classic-content-page .breadcrumbs{color:var(--mf-brand-muted-2);font-size:11px}
.classic-content-page .article-page>.kicker{display:flex;align-items:center;gap:8px;color:var(--mf-brand-red);font-size:10px;letter-spacing:.11em}
.classic-content-page .article-page>.kicker::before{content:"";width:24px;height:1px;background:#e7a1aa}
.classic-content-page .article-page>h1{color:var(--mf-brand-ink-strong);font:900 clamp(40px,4.5vw,59px)/1.04 var(--mf-font, "IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.045em;margin:13px 0 16px}
.classic-content-page .article-deck{color:#46556b;font-size:20px;line-height:1.62}
.classic-content-page .article-meta{border-color:var(--mf-brand-line);color:#7e8b9b;font-size:12px}
.classic-content-page .article-hero{height:470px;border:1px solid var(--mf-brand-line);filter:saturate(.95)}
.classic-content-page .caption{color:#8d98a6}
.classic-content-page .article-body{color:#334158;font-size:18px;line-height:1.95}
.classic-content-page .article-body h2{color:var(--mf-brand-ink-strong);font-size:30px}
.classic-content-page .article-body blockquote{border-right:3px solid var(--mf-brand-blue);background:#f7f9fc;color:#183659;padding:20px 24px;margin:30px 0;font-size:23px}
.classic-content-page .article-body img{border:1px solid var(--mf-brand-line)}
.classic-content-page .rank-line{border-bottom-color:var(--mf-brand-line)}
.classic-content-page .rank-line b{color:#b0bac6}
.classic-content-page .rank-line:hover span{color:var(--mf-brand-blue-deep)}
.classic-content-page .ad-rect{background:#eef2f6;color:#9ba6b3;border:1px solid var(--mf-brand-line)}

/* ===== Responsive consistency ===== */
@media(max-width:1100px){
  .mf-container,.container{width:min(var(--mf-brand-container),calc(100% - 34px))}
  .classic-content-page .album-grid.big{grid-template-columns:repeat(4,minmax(0,1fr))}
  .classic-content-page .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .classic-content-page .playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .mf-container,.container{width:min(100% - 28px,var(--mf-brand-container))}
  body{font-size:15px}
  .classic-content-page .listing-page,.classic-content-page .article-layout{padding-top:30px;padding-bottom:52px}
  .classic-content-page .page-title{margin-bottom:24px;padding-bottom:17px}
  .classic-content-page .page-title h1{font-size:38px}
  .classic-content-page .page-title p{font-size:15px}
  .classic-content-page .music-feature{display:block;min-height:0}
  .classic-content-page .music-feature>div{padding:27px 22px}
  .classic-content-page .music-feature img{height:230px;min-height:0}
  .classic-content-page .album-grid,.classic-content-page .album-grid.big{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}
  .classic-content-page .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .classic-content-page .playlist-grid img{height:auto;aspect-ratio:1/1}
  .classic-content-page .song-list{margin-inline:-2px}
  .classic-content-page .song-list.large>a{grid-template-columns:28px 52px minmax(0,1fr) 36px;padding:10px 11px}
  .classic-content-page .song-list.large img{width:52px;height:52px}
  .classic-content-page .song-list.large .duration{display:none}
  .classic-content-page .chart-table{padding:0 12px}
  .classic-content-page .chart-table-row{grid-template-columns:30px 52px minmax(0,1fr) 38px;gap:9px;padding:11px 0}
  .classic-content-page .chart-table-row img{width:52px;height:52px}
  .classic-content-page .chart-table-row em,.classic-content-page .chart-table-row button:not(.play){display:none}
  .classic-content-page .community-layout{display:block}
  .classic-content-page .community-layout>.sidebar{margin-top:22px}
  .classic-content-page .artist-hero{padding:28px 0;margin-bottom:28px}
  .classic-content-page .artist-hero .container{grid-template-columns:108px minmax(0,1fr);gap:18px}
  .classic-content-page .artist-hero img{width:108px;height:135px}
  .classic-content-page .artist-hero h1{font-size:36px;margin:5px 0 8px}
  .classic-content-page .artist-hero p{font-size:13.5px;line-height:1.65}
  .classic-content-page .artist-stats{gap:12px;margin-top:12px;padding-top:12px}
  .classic-content-page .artist-stats span{font-size:11px}
  .classic-content-page .artist-stats b{font-size:17px}
  .classic-content-page .article-layout{display:block}
  .classic-content-page .article-side{display:none}
  .classic-content-page .article-page>h1{font-size:36px}
  .classic-content-page .article-deck{font-size:17px}
  .classic-content-page .article-hero{height:245px}
  .classic-content-page .article-body{font-size:16.5px;line-height:1.9}
  .classic-content-page .article-body h2{font-size:25px}
  .classic-content-page .article-body blockquote{font-size:19px;padding:17px 19px}
  .classic-content-page .article-body img{height:230px}
  :is(.about-hero-grid,.contact-hero-grid){padding-top:56px!important;padding-bottom:54px!important}
}

@media(max-width:430px){
  .mf-container,.container{width:min(100% - 24px,var(--mf-brand-container))}
  .classic-content-page .page-title h1{font-size:34px}
  .classic-content-page .album-card h3{font-size:15px}
  .classic-content-page .playlist-grid h3{font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
}


/* Shared dark-hero title contrast safeguard */
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero) h1{
  color:#fff!important;
}


/* ==========================================================================
   GLOBAL COMPACT HERO SYSTEM — 2026-10-04
   One restrained editorial hero language for every internal MUSIC FM page.
   ========================================================================== */

/* Dark hero family: compact, bright and calm. */
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero){
  background:linear-gradient(118deg,#041327 0%,#061a31 64%,#08223f 100%)!important;
  color:#fff!important;
  min-height:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero) h1{
  color:#f8fbff!important;
  font-size:clamp(36px,4.1vw,56px)!important;
  line-height:1.07!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important;
}
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero) h1 em{
  color:#63cdfd!important;
}
:is(.about-hero-lead,.contact-hero-copy>p,.help-hero-copy>p,.news-masthead-copy>p,.dedications-masthead-copy>p,.legal-hero>div>p,.terms-hero>div>p){
  color:#edf4fb!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:400!important;
  text-shadow:none!important;
}
:is(.about-eyebrow,.contact-eyebrow,.help-eyebrow,.news-kicker,.dedications-eyebrow,.legal-kicker,.terms-kicker){
  color:#72d2ff!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
}

/* Main hero spacing. */
.about-hero-grid,
.contact-hero-grid,
.help-hero-layout,
.dedications-masthead-grid{
  padding-top:40px!important;
  padding-bottom:38px!important;
  gap:40px!important;
  align-items:center!important;
}
.about-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr)!important}
.contact-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr)!important}
.help-hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr)!important}
.dedications-masthead-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr)!important}

/* Side panels in dark heroes: no glass, no dramatic depth. */
:is(.about-hero-card,.contact-hero-panel,.help-hero-desk){
  padding:20px 22px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
:is(.about-hero-card,.contact-hero-panel,.help-hero-desk) :is(p,dt){
  color:#c7d6e5!important;
}
:is(.about-hero-card,.contact-hero-panel,.help-hero-desk) :is(strong,dd,a){
  color:#fff!important;
}
.about-hero-card-top strong{font-size:34px!important}
.about-hero-card>p{font-size:13.5px!important;line-height:1.62!important;margin-bottom:13px!important}
.about-hero-card dl div{padding:7px 0!important}
.contact-hero-panel>a{font-size:18px!important;margin-bottom:16px!important}
.contact-hero-panel dl div{padding:8px 0!important}
.help-hero-desk>strong{font-size:18px!important;margin-top:12px!important}
.help-hero-desk>p{font-size:12.5px!important;line-height:1.62!important;margin:7px 0 14px!important}
.help-hero-desk dl div{padding:7px 0!important}

/* Decorative blobs are only a whisper. */
.about-hero::before,.about-hero::after,.contact-hero::before,.contact-hero::after{
  opacity:.22!important;
  transform:scale(.72)!important;
}
.help-hero::before{opacity:.35!important}

/* Buttons stay compact. */
.about-hero-actions,.contact-hero-links{margin-top:19px!important}
.about-hero .about-btn,.contact-hero-links a{min-height:41px!important;padding-inline:18px!important;font-size:12.5px!important}

/* Newsroom masthead: same dark family, reduced height. */
.news-masthead-inner{
  grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr)!important;
  min-height:0!important;
}
.news-masthead-copy{padding:40px 0 38px 34px!important}
.news-masthead-meta{
  padding:20px 24px!important;
  background:rgba(255,255,255,.035)!important;
  border-right:1px solid rgba(255,255,255,.1)!important;
}
.news-masthead-meta>div{padding:11px 0!important}
.news-masthead-meta strong{color:#f6f9fd!important;font-size:12.5px!important}
.news-masthead-meta span{color:#72d2ff!important}

/* Dedications stats. */
.dedications-masthead-stats{border-color:rgba(255,255,255,.14)!important}
.dedications-masthead-stats>div{padding:15px 14px!important}
.dedications-masthead-stats strong{color:#fff!important;font-size:23px!important}
.dedications-masthead-stats span{color:#bfd0df!important;font-size:11px!important;margin-top:6px!important}

/* Legal pages: document title, not a landing-page billboard. */
.legal-hero-inner,.terms-hero-inner{padding:38px 0 34px!important}
.legal-hero h1,.terms-hero h1{margin:11px 0 10px!important;font-size:clamp(34px,3.8vw,50px)!important}
.legal-hero-meta,.terms-hero-meta{margin-top:19px!important;padding-top:15px!important}
.legal-hero::after,.terms-hero::after{opacity:.32!important;transform:scale(.78)!important}

/* Artists directory: compact white editorial masthead. */
.artists-masthead-grid{min-height:0!important;grid-template-columns:minmax(0,1.55fr) minmax(285px,.45fr)!important}
.artists-masthead-copy{padding:42px 0 38px 38px!important}
.artists-masthead h1{font-size:clamp(38px,4.1vw,56px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:11px 0 12px!important}
.artists-masthead p{font-size:16px!important;line-height:1.7!important}
.artists-masthead-stats>div{grid-template-columns:78px 1fr!important;padding:15px 20px!important}
.artists-masthead-stats strong{font-size:27px!important}
.artists-masthead-stats span{font-size:12.5px!important}

/* Artist profile: keep the portrait, lose the billboard scale. */
.classic-content-page .artist-hero{padding:30px 0!important;margin-bottom:30px!important}
.classic-content-page .artist-hero .container{grid-template-columns:210px minmax(0,1fr)!important;gap:32px!important;align-items:center!important}
.classic-content-page .artist-hero img{width:210px!important;height:210px!important;object-fit:cover!important}
.classic-content-page .artist-hero h1{font-size:clamp(38px,4vw,54px)!important;color:#fff!important}
.classic-content-page .artist-hero p{color:#e4edf6!important;font-size:15.5px!important;line-height:1.7!important}

@media(max-width:900px){
  .about-hero-grid,.contact-hero-grid,.help-hero-layout,.dedications-masthead-grid{grid-template-columns:1fr!important;gap:22px!important;padding-top:32px!important;padding-bottom:30px!important}
  .news-masthead-inner{grid-template-columns:1fr!important}
  .news-masthead-copy{padding:32px 0 28px!important}
  .news-masthead-meta{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:13px 18px!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.1)!important}
  .news-masthead-meta>div{padding:6px 12px!important;border-bottom:0!important}
  .artists-masthead-grid{display:block!important}
  .artists-masthead-copy{padding:34px 0 27px!important}
  .artists-masthead-stats{grid-template-columns:repeat(3,1fr)!important}
}

@media(max-width:680px){
  :is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero) h1{
    font-size:clamp(31px,9.3vw,40px)!important;
    line-height:1.08!important;
  }
  :is(.about-hero-lead,.contact-hero-copy>p,.help-hero-copy>p,.news-masthead-copy>p,.dedications-masthead-copy>p,.legal-hero>div>p,.terms-hero>div>p){font-size:14.5px!important;line-height:1.68!important}
  .about-hero-grid,.contact-hero-grid,.help-hero-layout,.dedications-masthead-grid{padding-top:26px!important;padding-bottom:26px!important}
  .about-hero-card,.contact-hero-panel,.help-hero-desk{padding:16px 17px!important}
  .about-hero-actions,.contact-hero-links{margin-top:16px!important}
  .about-hero .about-btn,.contact-hero-links a{min-height:39px!important;padding-inline:15px!important}
  .news-masthead-copy{padding:27px 0 23px!important}
  .news-masthead-meta{grid-template-columns:1fr!important;padding:10px 16px!important}
  .news-masthead-meta>div{padding:8px 0!important;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .news-masthead-meta>div:last-child{border-bottom:0!important}
  .legal-hero-inner,.terms-hero-inner{padding:27px 0 25px!important}
  .legal-hero h1,.terms-hero h1{font-size:34px!important}
  .artists-masthead-copy{padding:28px 0 22px!important}
  .artists-masthead h1{font-size:38px!important}
  .artists-masthead p{font-size:14.5px!important}
  .artists-masthead-stats>div{display:block!important;text-align:center!important;padding:13px 7px!important}
  .artists-masthead-stats strong{display:block!important;font-size:22px!important;margin-bottom:3px!important}
  .artists-masthead-stats span{font-size:10.5px!important}
  .classic-content-page .artist-hero{padding:23px 0!important}
  .classic-content-page .artist-hero .container{grid-template-columns:92px minmax(0,1fr)!important;gap:16px!important}
  .classic-content-page .artist-hero img{width:92px!important;height:112px!important}
  .classic-content-page .artist-hero h1{font-size:32px!important}
  .classic-content-page .artist-hero p{font-size:13px!important;line-height:1.58!important}
}

/* ===== END musicfm-design-system.css ===== */

/* ===== BEGIN motion.css ===== */
/* MUSIC FM — Classic Motion System
   Intro: once per browsing session. Page transitions: every internal navigation.
   Designed to stay quiet, editorial and lightweight. */

:root {
  --mf-motion-navy: #041327;
  --mf-motion-navy-soft: #0a213d;
  --mf-motion-blue: #2b88ff;
  --mf-motion-sky: #58c8ff;
  --mf-motion-paper: #f7f9fc;
  --mf-motion-ink: #10223a;
  --mf-motion-ease: cubic-bezier(.22,.72,.22,1);
}

/* ---------- First entry ---------- */
.mf-entry-intro {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 32%),
    var(--mf-motion-navy);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

html.mf-intro-pending {
  overflow: hidden;
}

html.mf-intro-pending .mf-entry-intro {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mf-entry-intro::before,
.mf-entry-intro::after {
  content: "";
  position: absolute;
  left: 50%;
  width: min(74vw, 720px);
  height: 1px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  background: linear-gradient(90deg, transparent, rgba(88,200,255,.56), transparent);
  opacity: .8;
}

.mf-entry-intro::before { top: 14%; }
.mf-entry-intro::after { bottom: 14%; }

.mf-entry-intro__inner {
  width: min(88vw, 520px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  direction: ltr;
  transform: translateY(4px);
}

.mf-entry-intro__mark {
  position: relative;
  width: 78px;
  height: 78px;
  margin-bottom: 22px;
  opacity: 0;
  transform: translateY(8px) scale(.965);
}

.mf-entry-intro__mark svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.mf-entry-intro__ring {
  fill: none;
  stroke: rgba(255,255,255,.78);
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-dasharray: 123;
  stroke-dashoffset: 123;
  transform-origin: 24px 24px;
}

.mf-entry-intro__bar {
  fill: var(--mf-motion-sky);
  transform-box: fill-box;
  transform-origin: center;
}

.mf-entry-intro__wordmark {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(36px, 5vw, 54px);
  line-height: .94;
  font-weight: 600;
  letter-spacing: .035em;
  opacity: 0;
  transform: translateY(9px);
}

.mf-entry-intro__wordmark b {
  color: var(--mf-motion-sky);
  font-weight: 600;
}

.mf-entry-intro__tagline {
  margin-top: 12px;
  font-family: var(--mf-font, "IBM Plex Sans Hebrew", sans-serif);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .28em;
  color: rgba(255,255,255,.64);
  opacity: 0;
  transform: translateY(5px);
}

.mf-entry-intro__signature {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  font: 600 9px/1 var(--mf-font, "IBM Plex Sans Hebrew", sans-serif);
  letter-spacing: .18em;
  color: rgba(255,255,255,.38);
  opacity: 0;
}

.mf-entry-intro__signature::before,
.mf-entry-intro__signature::after {
  content: "";
  width: 28px;
  height: 1px;
  background: rgba(255,255,255,.18);
}

.mf-entry-intro.is-playing::before,
.mf-entry-intro.is-playing::after {
  animation: mfIntroRule 900ms 420ms var(--mf-motion-ease) forwards;
}

.mf-entry-intro.is-playing .mf-entry-intro__mark {
  animation: mfIntroMark 560ms 90ms var(--mf-motion-ease) forwards;
}

.mf-entry-intro.is-playing .mf-entry-intro__ring {
  animation: mfIntroRing 980ms 120ms var(--mf-motion-ease) forwards;
}

.mf-entry-intro.is-playing .mf-entry-intro__bar--1 {
  animation: mfIntroBarA 720ms 180ms var(--mf-motion-ease) both;
}
.mf-entry-intro.is-playing .mf-entry-intro__bar--2 {
  animation: mfIntroBarB 720ms 215ms var(--mf-motion-ease) both;
}
.mf-entry-intro.is-playing .mf-entry-intro__bar--3 {
  animation: mfIntroBarA 720ms 250ms var(--mf-motion-ease) both;
}

.mf-entry-intro.is-playing .mf-entry-intro__wordmark {
  animation: mfIntroText 540ms 300ms var(--mf-motion-ease) forwards;
}

.mf-entry-intro.is-playing .mf-entry-intro__tagline {
  animation: mfIntroText 500ms 410ms var(--mf-motion-ease) forwards;
}

.mf-entry-intro.is-playing .mf-entry-intro__signature {
  animation: mfIntroText 440ms 540ms var(--mf-motion-ease) forwards;
}

.mf-entry-intro.is-leaving {
  opacity: 0;
  transition: opacity 340ms cubic-bezier(.4,0,.2,1);
}

.mf-entry-intro.is-leaving .mf-entry-intro__inner {
  transform: translateY(-5px) scale(.995);
  opacity: .82;
  transition: transform 340ms ease, opacity 300ms ease;
}

@keyframes mfIntroRule {
  to { transform: translateX(-50%) scaleX(1); opacity: .58; }
}
@keyframes mfIntroMark {
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes mfIntroRing {
  0% { stroke-dashoffset: 123; transform: rotate(-38deg); opacity: .35; }
  100% { stroke-dashoffset: 0; transform: rotate(0deg); opacity: 1; }
}
@keyframes mfIntroBarA {
  0% { transform: scaleY(.35); opacity: .3; }
  52% { transform: scaleY(1.16); opacity: 1; }
  100% { transform: scaleY(.82); opacity: 1; }
}
@keyframes mfIntroBarB {
  0% { transform: scaleY(.42); opacity: .3; }
  52% { transform: scaleY(.88); opacity: 1; }
  100% { transform: scaleY(1); opacity: 1; }
}
@keyframes mfIntroText {
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- Page-to-page transition ---------- */
.mf-page-transition {
  position: fixed;
  inset: 0;
  z-index: 2147482500;
  display: grid;
  place-items: center;
  background: rgba(248,250,253,.985);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 180ms ease,
    visibility 0s linear 180ms;
}

.mf-page-transition__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  direction: ltr;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 180ms ease, transform 220ms var(--mf-motion-ease);
}

.mf-page-transition__word {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .05em;
  color: var(--mf-motion-navy);
}

.mf-page-transition__word b {
  color: #278df1;
  font-weight: 600;
}

.mf-page-transition__line {
  width: 72px;
  height: 1px;
  overflow: hidden;
  background: rgba(4,19,39,.12);
}

.mf-page-transition__line::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--mf-motion-blue), var(--mf-motion-sky), transparent);
  transform: translateX(-105%);
}

body.mf-page-leaving .mf-page-transition {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 180ms ease;
}

body.mf-page-leaving .mf-page-transition__inner {
  opacity: 1;
  transform: translateY(0);
}

body.mf-page-leaving .mf-page-transition__line::after {
  animation: mfTransitionLine 520ms ease-in-out infinite;
}

@keyframes mfTransitionLine {
  from { transform: translateX(-105%); }
  to { transform: translateX(105%); }
}

/* Route arrival must never transform .site-shell: the fixed header lives inside it.
   The transition sheet fades away while layout stays completely stable. */
body.mf-page-arriving #mainContent{animation:none!important}

/* Do not let the motion layer fight with menus / dialogs. */
body.mf-page-leaving {
  overflow: hidden;
}

@media (max-width: 760px) {
  .mf-entry-intro__mark { width: 66px; height: 66px; margin-bottom: 18px; }
  .mf-entry-intro__wordmark { font-size: 39px; }
  .mf-entry-intro__tagline { font-size: 8px; letter-spacing: .22em; }
  .mf-entry-intro__signature { margin-top: 23px; font-size: 8px; }
  .mf-entry-intro::before { top: 11%; }
  .mf-entry-intro::after { bottom: 11%; }
}

@media (prefers-reduced-motion: reduce) {
  .mf-entry-intro,
  .mf-page-transition,
  .mf-entry-intro *,
  .mf-page-transition * {
    animation: none !important;
    transition: none !important;
  }

  html.mf-intro-pending .mf-entry-intro {
    opacity: 1;
  }
}


/* ==========================================================================
   2026-10-08 — ROUTE TRANSITION STABILITY FIX
   Keep the ceramic transition sheet over the first rendered frame. Never move
   the page shell/header during arrival.
   ========================================================================== */
html.mf-nav-arrival .mf-page-transition,
html.mf-route-loading .mf-page-transition{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html.mf-nav-arrival .mf-page-transition{transition:none!important}
.mf-page-transition{background:rgba(249,251,253,.992)!important}
.mf-page-transition__inner{opacity:1!important;transform:none!important}
.mf-page-transition__mark{display:block;width:54px;height:54px;opacity:.96}
.mf-page-transition__mark svg{display:block;width:100%;height:100%;overflow:visible}
.mf-page-transition__ring{
  fill:none;stroke:#0b315b;stroke-width:1.35;stroke-linecap:round;
  transform-origin:24px 24px;
}
.mf-page-transition__bar{fill:#59c7ff;transform-box:fill-box;transform-origin:center bottom}
html.mf-route-loading .mf-page-transition__ring,
html.mf-nav-arrival .mf-page-transition__ring,
body.mf-page-leaving .mf-page-transition__ring{animation:mfRouteRingClean 1.15s cubic-bezier(.22,1,.36,1) infinite}
html.mf-route-loading .mf-page-transition__bar--1,
html.mf-nav-arrival .mf-page-transition__bar--1,
body.mf-page-leaving .mf-page-transition__bar--1{animation:mfRouteBarCleanA .88s ease-in-out infinite}
html.mf-route-loading .mf-page-transition__bar--2,
html.mf-nav-arrival .mf-page-transition__bar--2,
body.mf-page-leaving .mf-page-transition__bar--2{animation:mfRouteBarCleanB .82s ease-in-out infinite -.18s}
html.mf-route-loading .mf-page-transition__bar--3,
html.mf-nav-arrival .mf-page-transition__bar--3,
body.mf-page-leaving .mf-page-transition__bar--3{animation:mfRouteBarCleanA .92s ease-in-out infinite -.36s}
@keyframes mfRouteRingClean{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes mfRouteBarCleanA{0%,100%{transform:scaleY(.58)}50%{transform:scaleY(1.08)}}
@keyframes mfRouteBarCleanB{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(.45)}}

@media(prefers-reduced-motion:reduce){
  html.mf-nav-arrival .mf-page-transition,html.mf-route-loading .mf-page-transition{transition:none!important}
  .mf-page-transition__ring,.mf-page-transition__bar{animation:none!important}
}

/* ===== END motion.css ===== */

/* ===== BEGIN action-animations.css ===== */
/* =========================================================
   Music FM — Canonical Action Feedback V10 — Animation Studio
   Motion is executed by action-animations.js (Web Animations API).
   This stylesheet only owns tactile press + stable state/pending behavior.
========================================================= */

.mf-action-ready{
    position:relative;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}

.mf-action-ready i,
.mf-action-ready svg{
    display:inline-block;
    transform-origin:center;
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
    transition:color .12s ease,fill .12s ease,opacity .12s ease;
}

/* Immediate tactile acknowledgement; icon only, never the whole layout. */
.mf-action-ready.mf-action-pressing i,
.mf-action-ready.mf-action-pressing svg{
    transform:scale(.975);
    transition:transform .075s cubic-bezier(.2,.75,.2,1),color .12s ease,fill .12s ease;
}

html[data-mf-press-profile=crisp] .mf-action-ready.mf-action-pressing i,
html[data-mf-press-profile=crisp] .mf-action-ready.mf-action-pressing svg{
    transform:scale(.985);
    transition-duration:.055s,.12s,.12s;
}
html[data-mf-press-profile=deep] .mf-action-ready.mf-action-pressing i,
html[data-mf-press-profile=deep] .mf-action-ready.mf-action-pressing svg{
    transform:scale(.955);
    transition-duration:.10s,.12s,.12s;
}
html[data-mf-press-profile=none] .mf-action-ready.mf-action-pressing i,
html[data-mf-press-profile=none] .mf-action-ready.mf-action-pressing svg{
    transform:none;
}

/* Pending network state must never look disabled, dark or delayed. */
.mf-action-ready:is([aria-busy="true"],[data-mf-action-pending="1"],.is-loading,.loading){
    opacity:1!important;
    filter:none!important;
    cursor:inherit!important;
}

.mf-action-ready:disabled{
    opacity:1;
    filter:none;
}

/* Keep the control surface visually stable on touch; only the icon gives tactile feedback. */
.mf-action-ready:active{
    opacity:1!important;
    filter:none!important;
}

.mf-action-ready.mf-action-like:is(.is-liked,.liked,.is-active,[aria-pressed="true"],[data-liked="1"]){
    color:var(--mf-action-like);
}

.mf-action-ready.mf-action-add:is(.is-added,.is-saved,.is-in-playlist,[data-in-playlist="1"]),
.mf-action-ready.mf-action-follow:is(.is-following,.following,[aria-pressed="true"]),
.mf-action-ready.mf-action-save:is(.is-saved,[aria-pressed="true"]),
.mf-action-ready.mf-action-vote:is(.is-voted,.voted,.is-done,[aria-pressed="true"]){
    color:var(--mf-primary);
}

@media(prefers-reduced-motion:reduce){
    .mf-action-ready,
    .mf-action-ready i,
    .mf-action-ready svg{
        transition:none!important;
        animation:none!important;
        transform:none!important;
        filter:none!important;
    }
}


/* Transient premium feedback layer. Created and removed by the single JS engine. */
.mf-action-fx-layer{
    position:fixed;
    z-index:2147483000;
    width:1px;
    height:1px;
    pointer-events:none;
    contain:layout style;
}

.mf-action-fx-ring,
.mf-action-fx-particle{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
}

.mf-action-fx-ring{
    width:24px;
    height:24px;
    border:2px solid currentColor;
    border-radius:50%;
    opacity:0;
}

.mf-action-fx-particle{
    width:3px;
    height:3px;
    margin:-1.5px 0 0 -1.5px;
    border-radius:50%;
    background:currentColor;
    opacity:0;
    box-shadow:0 0 5px color-mix(in srgb,currentColor 38%,transparent);
}

@media(prefers-reduced-motion:reduce){
    .mf-action-fx-layer{display:none!important;}
}

/* =========================================================
   Signature micro-interactions — one engine, distinct gestures.
   No CSS keyframe animations: transient effects are driven by WAAPI.
========================================================= */
.mf-action-fx-ring-compact{
    width:20px;
    height:20px;
    border-width:1.5px;
}

.mf-action-fx-orbit-dot,
.mf-action-fx-share-dot,
.mf-action-fx-drop{
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:3px;
    margin:-1.5px 0 0 -1.5px;
    border-radius:50%;
    background:currentColor;
    opacity:0;
    pointer-events:none;
    box-shadow:0 0 5px color-mix(in srgb,currentColor 28%,transparent);
}

.mf-action-fx-sweep{
    position:absolute;
    left:0;
    top:0;
    width:19px;
    height:1.5px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,currentColor,transparent);
    transform-origin:center;
    opacity:0;
    pointer-events:none;
}

.mf-action-fx-slot{
    position:absolute;
    left:0;
    top:0;
    width:15px;
    height:1.5px;
    border-radius:999px;
    background:currentColor;
    opacity:0;
    pointer-events:none;
}

.mf-action-fx-rise{
    position:absolute;
    left:0;
    top:0;
    width:2px;
    height:10px;
    border-radius:999px;
    background:linear-gradient(180deg,currentColor,transparent);
    opacity:0;
    pointer-events:none;
}

.mf-action-fx-remove-line{
    position:absolute;
    left:0;
    top:0;
    width:17px;
    height:1.5px;
    border-radius:999px;
    background:currentColor;
    opacity:0;
    pointer-events:none;
}


/* Animation Studio profile primitives. Reused by the single WAAPI engine. */
.mf-action-fx-sweep-glow{
    box-shadow:0 0 7px currentColor;
    filter:saturate(1.04);
}

/* ===== END action-animations.css ===== */

/* ===== BEGIN accessibility-core.css ===== */
/* MUSIC FM Accessibility Core — deliberately theme-independent. */
:root{
  --mf-a11y-navy:#09233f;
  --mf-a11y-blue:#1266c3;
  --mf-a11y-sky:#dceeff;
  --mf-a11y-turq:#0b9f9a;
  --mf-a11y-text:#172235;
  --mf-a11y-muted:#667487;
  --mf-a11y-line:#d9e0e8;
  --mf-a11y-soft:#f6f8fb;
  --mf-a11y-text-scale:1;
}
.mf-sr-only,.mf-sr-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mf-skip-links{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:5000;display:flex;gap:6px;transform:translateY(-160%);transition:transform .14s ease}
.mf-skip-links:focus-within{transform:translateY(0)}
.mf-skip-links a{background:#fff;color:#071d37;border:2px solid #1266c3;padding:9px 12px;font:800 14px/1.2 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);text-decoration:none;box-shadow:0 4px 14px rgba(8,33,61,.12)}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #1d7bd8!important;outline-offset:3px!important;box-shadow:0 0 0 2px #fff!important}
html[data-mf-a11y-dark="on"] :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline-color:#72d8ff!important;box-shadow:0 0 0 2px #07111d!important}

/* Visible entry inside the site's More menu. */
.mf-mega-accessibility{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;padding:0;cursor:pointer;display:flex!important;align-items:center;gap:8px;width:100%}
.mf-mega-accessibility .mf-a11y-svg-icon{display:block;width:17px;height:17px;flex:0 0 17px;object-fit:contain}

.mf-a11y-backdrop{position:fixed;inset:0;z-index:3490;background:rgba(3,15,29,.44)}
.mf-a11y-backdrop[hidden]{display:none!important}
.mf-a11y-center{position:fixed;z-index:3500;inset-block:0;inset-inline-start:0;width:min(438px,94vw);background:#fff;color:var(--mf-a11y-text);border-inline-end:1px solid #cfd8e3;box-shadow:-10px 0 30px rgba(5,27,51,.13);display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s step-end;font-family:var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);direction:rtl}
html[dir="ltr"] .mf-a11y-center{transform:translateX(-105%)}
.mf-a11y-center.is-open{transform:translateX(0);visibility:visible;transition:transform .22s ease,visibility 0s}
.mf-a11y-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 18px;border-bottom:1px solid var(--mf-a11y-line);background:#fff}
.mf-a11y-eyebrow{display:block;color:var(--mf-a11y-blue);font:800 10px/1.2 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);letter-spacing:.08em}
.mf-a11y-header h2{margin:4px 0 4px!important;color:var(--mf-a11y-navy)!important;font:900 25px/1.15 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)!important}
.mf-a11y-header p{margin:0!important;color:var(--mf-a11y-muted)!important;font:500 13px/1.45 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)!important}
.mf-a11y-close{flex:0 0 auto;width:40px;height:40px;border:1px solid var(--mf-a11y-line);background:#fff;color:var(--mf-a11y-navy);display:grid;place-items:center;cursor:pointer}
.mf-a11y-close:hover{background:var(--mf-a11y-soft)}
.mf-a11y-close svg{width:19px;height:19px}
.mf-a11y-scroll{overflow:auto;overscroll-behavior:contain;padding:18px 18px 8px;scrollbar-width:thin}
.mf-a11y-presets{border:1px solid var(--mf-a11y-line);background:#fff;padding:15px;margin-bottom:14px}
.mf-a11y-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.mf-a11y-section-heading small{display:block;color:var(--mf-a11y-blue);font-weight:800;font-size:10px}
.mf-a11y-section-heading h3{margin:2px 0 0!important;color:var(--mf-a11y-navy)!important;font:900 17px/1.25 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)!important}
.mf-a11y-section-heading>span{color:#8190a2;font-size:10px}
.mf-a11y-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mf-a11y-preset-grid button{min-height:70px;border:1px solid var(--mf-a11y-line);background:#f9fbfd;text-align:right;padding:10px 11px;cursor:pointer;color:var(--mf-a11y-text)}
.mf-a11y-preset-grid button:hover{border-color:#a9c7e6;background:#f3f8fd}
.mf-a11y-preset-grid strong,.mf-a11y-preset-grid span{display:block}.mf-a11y-preset-grid strong{color:var(--mf-a11y-navy);font-size:13px}.mf-a11y-preset-grid span{color:var(--mf-a11y-muted);font-size:10.5px;line-height:1.35;margin-top:3px}
.mf-a11y-accordion{border:1px solid var(--mf-a11y-line);background:#fff;margin-bottom:9px}
.mf-a11y-accordion h3{margin:0!important}
.mf-a11y-accordion-trigger{appearance:none;width:100%;border:0;background:#fff;color:var(--mf-a11y-navy);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;cursor:pointer;text-align:right;font:800 14px/1.3 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)}
.mf-a11y-accordion-trigger:hover{background:#f9fbfd}
.mf-a11y-accordion-trigger>span{display:flex;align-items:center;gap:10px}.mf-a11y-accordion-trigger svg{width:19px;height:19px;color:var(--mf-a11y-blue)}
.mf-a11y-accordion-trigger>i{width:8px;height:8px;border-inline-end:2px solid #657486;border-block-end:2px solid #657486;transform:rotate(45deg);transition:transform .15s ease}
.mf-a11y-accordion.is-open .mf-a11y-accordion-trigger>i{transform:rotate(225deg)}
.mf-a11y-accordion-panel{border-top:1px solid var(--mf-a11y-line);padding:0 15px}
.mf-a11y-accordion-panel[hidden]{display:none!important}
.mf-a11y-control{min-height:62px;border-bottom:1px solid #e7ebf0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--mf-a11y-text)}
.mf-a11y-control:last-child{border-bottom:0}.mf-a11y-control>span,.mf-a11y-control>div:first-child{min-width:0}.mf-a11y-control strong{display:block;color:#1a2a40;font-size:13px;line-height:1.35}.mf-a11y-control small,.mf-a11y-control>div:first-child>span{display:block;color:#738196;font-size:10.5px;line-height:1.35;margin-top:3px}
.mf-a11y-select-row select{width:112px;height:38px;border:1px solid #ccd6e1;background:#fff;color:#1d2d43;padding:0 9px;font:700 12px var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)}
.mf-a11y-switch-row{cursor:pointer}.mf-a11y-switch-row input{position:absolute;opacity:0;pointer-events:none}.mf-a11y-switch-row>i{position:relative;flex:0 0 43px;width:43px;height:24px;border:1px solid #b9c5d2;background:#e9edf2;transition:background .15s ease,border-color .15s ease}
.mf-a11y-switch-row>i:before{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;background:#fff;border:1px solid #c6cfda;transition:transform .15s ease}
.mf-a11y-switch-row input:checked+i{background:#1266c3;border-color:#1266c3}.mf-a11y-switch-row input:checked+i:before{transform:translateX(-19px);border-color:#fff}
.mf-a11y-switch-row input:focus-visible+i{outline:3px solid #1d7bd8;outline-offset:3px}
.mf-a11y-stepper{display:grid;grid-template-columns:36px 58px 36px;align-items:center;border:1px solid #ccd6e1;height:38px}.mf-a11y-stepper button{height:36px;border:0;background:#f6f8fb;color:#0e3157;font-size:19px;font-weight:800;cursor:pointer}.mf-a11y-stepper output{text-align:center;color:#18304e;font:800 12px var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)}.mf-a11y-stepper button:disabled{opacity:.35;cursor:not-allowed}
.mf-a11y-info{margin:12px 0;padding:11px 12px;background:#f6f9fc;border-inline-start:3px solid #68bde8}.mf-a11y-info strong{display:block;color:#17314f;font-size:12px}.mf-a11y-info p{margin:4px 0 0!important;color:#617186!important;font:500 11px/1.55 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif)!important}.mf-a11y-info code,.mf-a11y-info kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#e9eff5;padding:1px 4px;border:1px solid #d5dee8}
.mf-a11y-footer{padding:15px 18px 18px;border-top:1px solid var(--mf-a11y-line);background:#fbfcfd}.mf-a11y-footer-links{display:flex;flex-wrap:wrap;gap:8px 15px;margin-bottom:12px}.mf-a11y-footer-links a{color:#155da6;text-decoration:underline;text-underline-offset:3px;font-size:11px;font-weight:700}.mf-a11y-reset{width:100%;min-height:42px;border:1px solid #cbd4df;background:#fff;color:#25374d;font:800 12px var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);cursor:pointer}.mf-a11y-reset:hover{background:#f4f7fa}
body.mf-a11y-dialog-open{overflow:hidden!important}

/* True text scaling: JS records each element's authored computed size once. */
html[data-mf-a11y-text-scale]:not([data-mf-a11y-text-scale="1"]) body :where(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,option,li,td,th,small,strong,em,time,figcaption,blockquote,span):not(.mf-a11y-center *){font-size:var(--mf-a11y-scaled-font-size,inherit)!important;max-width:100%;overflow-wrap:anywhere}
html[data-mf-a11y-line-spacing="comfortable"] :where(main,footer) :where(p,li,blockquote,.article-body,.post){line-height:1.75!important}
html[data-mf-a11y-line-spacing="wide"] :where(main,footer) :where(p,li,blockquote,.article-body,.post){line-height:2!important}
html[data-mf-a11y-letter-spacing="comfortable"] :where(main,footer,header) :where(p,a,button,label,input,textarea,li,h1,h2,h3,h4,h5,h6){letter-spacing:.025em!important}
html[data-mf-a11y-letter-spacing="wide"] :where(main,footer,header) :where(p,a,button,label,input,textarea,li,h1,h2,h3,h4,h5,h6){letter-spacing:.06em!important}
html[data-mf-a11y-readable-font="on"] body,html[data-mf-a11y-readable-font="on"] body *:not(svg):not(path){font-family:Arial,"Noto Sans Hebrew",sans-serif!important}

/* High contrast is independent from the selected site theme. */
html[data-mf-a11y-contrast="high"] body{background:#fff!important;color:#080b10!important}
html[data-mf-a11y-contrast="high"] :where(main,footer) :where(h1,h2,h3,h4,h5,h6,strong,p,span,li,label,blockquote){color:#080b10!important}
html[data-mf-a11y-contrast="high"] :where(main,footer) a{color:#003f87!important;text-decoration-thickness:2px}
html[data-mf-a11y-contrast="high"] :where(main,footer) :where(button,input,textarea,select,.side-card,.post,.composer,.chart-table,.music-feature,[class*="card"]){border-color:#27384a!important}
html[data-mf-a11y-contrast="high"] :where(input,textarea,select){background:#fff!important;color:#000!important}

/* Accessible dark mode: high legibility, no neon/glow treatment. */
html[data-mf-a11y-dark="on"]{color-scheme:dark}
html[data-mf-a11y-dark="on"] body,html[data-mf-a11y-dark="on"] .site-shell,html[data-mf-a11y-dark="on"] main{background:#08131f!important;color:#f2f6fa!important}
html[data-mf-a11y-dark="on"] :where(main,footer) :where(section,article,aside,div)[class*="card"],html[data-mf-a11y-dark="on"] :where(.side-card,.post,.composer,.chart-table,.music-feature,.article-page,.legal-document,.terms-document,.contact-form-card,.help-faq-content,.help-faq-sidebar){background:#0f1e2d!important;color:#f2f6fa!important;border-color:#405267!important;box-shadow:none!important}
html[data-mf-a11y-dark="on"] :where(main,footer) :where(h1,h2,h3,h4,h5,h6,strong,p,li,label,blockquote,span,time,small){color:#eef4fa!important}
html[data-mf-a11y-dark="on"] :where(main,footer) a{color:#80c8ff!important}
html[data-mf-a11y-dark="on"] :where(input,textarea,select){background:#0a1826!important;color:#fff!important;border-color:#52667c!important}
html[data-mf-a11y-dark="on"] .mf-mobile-bottom{background:#0b1927!important;border-color:#405267!important}html[data-mf-a11y-dark="on"] .mf-mobile-bottom *{color:#f3f7fb!important}

html[data-mf-a11y-calm="on"] :where(main,footer) :where(.side-card,.post,.composer,.chart-table,.music-feature,[class*="card"],[class*="panel"]){box-shadow:none!important;background-image:none!important}
html[data-mf-a11y-calm="on"] :where(.mf-footer-accent,.mf-mega-note){display:none!important}
html[data-mf-a11y-calm="on"] :where(main,footer) *::before,html[data-mf-a11y-calm="on"] :where(main,footer) *::after{animation:none!important}

/* User setting + operating-system preference. */
html[data-mf-a11y-reduced-motion="on"] *,html[data-mf-a11y-reduced-motion="on"] *::before,html[data-mf-a11y-reduced-motion="on"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html[data-mf-a11y-reduced-motion="on"] :where(.mf-entry-intro,.mf-page-transition){display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

html[data-mf-a11y-aura="off"] :where([data-aura],.mf-aura,.player-aura,.ambient-glow,[class*="ambient-glow"]){display:none!important}
html[data-mf-a11y-visualizer="off"] :where([data-visualizer],[data-player-visualizer],.mf-visualizer,.player-visualizer),html[data-mf-a11y-visualizer="off"] :where([data-visualizer],[data-player-visualizer],.mf-visualizer,.player-visualizer) *{animation-play-state:paused!important}
html[data-mf-a11y-simple-player="on"] :where([data-musicfm-player],.musicfm-player) :where([data-player-secondary],[data-player-queue],[data-player-visualizer],[data-player-aura],[data-player-artwork-large]){display:none!important}
html[data-mf-a11y-simple-player="on"] :where([data-musicfm-player],.musicfm-player){box-shadow:none!important;background-image:none!important}
html[data-mf-a11y-player-controls="large"] :where([data-musicfm-player],.musicfm-player) :where(button,[role="button"],input[type="range"]){min-width:52px!important;min-height:52px!important}
html[data-mf-a11y-lyrics-autoscroll="off"] :where([data-lyrics],[data-lyrics-container]){scroll-behavior:auto!important}
html[data-mf-a11y-transcripts="off"] [data-transcript]{display:none!important}

/* Article reading mode */
html[data-mf-a11y-reading="on"] .article-layout{display:block!important;max-width:900px!important;margin-inline:auto!important}
html[data-mf-a11y-reading="on"] :where(.article-side,.related,.article-page .share){display:none!important}
html[data-mf-a11y-reading="on"] .article-page{max-width:790px!important;margin-inline:auto!important}
html[data-mf-a11y-reading="on"] .article-body{font-size:19px!important;line-height:1.9!important}
html[data-mf-a11y-reading="on"] .article-body p{margin-block:1.15em!important}

/* Community calm mode */
html[data-mf-a11y-community-calm="on"] :where(.online-users,[data-live-presence],.community-preview,[data-community-live],[data-live-decoration]){display:none!important}
html[data-mf-a11y-community-calm="on"] :where(.post,.composer){box-shadow:none!important;animation:none!important}
html[data-mf-a11y-community-calm="on"] [data-ticker]{scroll-behavior:auto!important}

@media(max-width:760px){
  .mf-a11y-center{inset-inline:0;inset-block-start:auto;inset-block-end:0;width:100%;height:min(92dvh,820px);max-height:calc(100dvh - 10px);border:1px solid #cfd8e3;border-bottom:0;transform:translateY(105%);box-shadow:0 -10px 26px rgba(5,27,51,.12)}
  html[dir="ltr"] .mf-a11y-center{transform:translateY(105%)}.mf-a11y-center.is-open{transform:translateY(0)}
  .mf-a11y-header{padding:17px 16px 14px}.mf-a11y-header h2{font-size:22px!important}.mf-a11y-scroll{padding:13px 12px 6px}.mf-a11y-footer{padding:13px 12px max(16px,env(safe-area-inset-bottom))}.mf-a11y-presets{padding:12px}.mf-a11y-preset-grid{grid-template-columns:1fr}.mf-a11y-preset-grid button{min-height:58px}
  .mf-a11y-control{min-height:68px}.mf-a11y-control :where(button,select),.mf-a11y-close,.mf-a11y-reset,.mf-a11y-accordion-trigger,.mf-a11y-preset-grid button{min-height:44px}
  .mf-a11y-select-row{align-items:flex-start;padding-block:10px}.mf-a11y-select-row select{width:108px}
  .mf-skip-links{max-width:calc(100vw - 16px);overflow:auto}
}
@media(max-width:760px){
  :where(header,main,footer) :where(button,input[type="button"],input[type="submit"],select,[role="button"]),.mf-mobile-bottom__link,.v4-action,.mf-mobile-menu-toggle{min-height:44px}
  :where(header,main,footer) input[type="checkbox"],:where(header,main,footer) input[type="radio"]{min-width:20px;min-height:20px}
}
.mf-a11y-header,.mf-a11y-footer{flex:0 0 auto}
.mf-a11y-scroll{flex:1 1 auto;min-height:0}
/* Keep the native checkbox in the switch hit-area for keyboard/screen-reader semantics. */
.mf-a11y-switch-row{position:relative}


/* 2026-10-05 — refined accessibility entry + cleaner center visual pass. */
.mf-mega-accessibility--bottom{
  appearance:none;
  border:0;
  border-inline-start:1px solid #e1e7ed;
  background:transparent;
  color:#52677f;
  font:700 12px/1.2 var(--mf-font, "IBM Plex Sans Hebrew",Arial,sans-serif);
  padding:4px 14px;
  min-height:28px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  cursor:pointer;
  white-space:nowrap;
  transition:color .18s ease,background .18s ease;
}
.mf-mega-accessibility--bottom .mf-a11y-svg-icon{display:block;width:17px;height:17px;flex:0 0 17px;object-fit:contain}
.mf-mega-accessibility--bottom:hover{color:#0e5fa9;background:#f5f8fb}

.mf-a11y-center{
  width:min(456px,94vw);
  border-inline-end:1px solid #c8d2dd;
  box-shadow:-14px 0 38px rgba(6,30,55,.12);
}
.mf-a11y-header{
  position:relative;
  padding:20px 20px 18px;
  background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);
  border-bottom:1px solid #d8e0e8;
}
.mf-a11y-header::before{
  content:"";
  position:absolute;
  inset-block-start:0;
  inset-inline:0;
  height:3px;
  background:linear-gradient(90deg,#0b9f9a 0%,#3b9de5 48%,#102f52 100%);
}
.mf-a11y-titleblock{display:flex;align-items:flex-start;gap:12px;min-width:0}
.mf-a11y-titlemark{
  width:39px;height:39px;flex:0 0 39px;
  display:grid;place-items:center;
  color:#0d5ea7;
  background:#f2f7fb;
  border:1px solid #cddbe7;
}
.mf-a11y-titlemark .mf-a11y-svg-icon{display:block;width:24px;height:24px;object-fit:contain}
.mf-a11y-titlecopy{min-width:0}
.mf-a11y-eyebrow{color:#477392;letter-spacing:.11em;font-size:9px}
.mf-a11y-header h2{font-size:24px!important;letter-spacing:-.35px!important;margin-top:3px!important}
.mf-a11y-header p{max-width:310px;color:#6b798a!important;font-size:12.5px!important}
.mf-a11y-close{width:38px;height:38px;border-color:#d6dee7;color:#173652;background:#fff}
.mf-a11y-close:hover{background:#f4f7fa;border-color:#c5d0dc}
.mf-a11y-scroll{padding:16px 16px 8px;background:#f8fafc}
.mf-a11y-presets{padding:14px;border-color:#d7e0e8;box-shadow:0 1px 0 rgba(18,49,80,.025)}
.mf-a11y-preset-grid{gap:7px}
.mf-a11y-preset-grid button{min-height:66px;background:#fbfcfe;border-color:#dce3ea;position:relative;padding-inline-start:13px}
.mf-a11y-preset-grid button::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:2px;background:#8bcbe3;opacity:.8}
.mf-a11y-preset-grid button:hover{background:#f5f9fc;border-color:#b8cddd}
.mf-a11y-accordion{border-color:#d7e0e8;margin-bottom:8px;box-shadow:0 1px 0 rgba(18,49,80,.018)}
.mf-a11y-accordion-trigger{min-height:50px;padding:13px 14px;background:#fff}
.mf-a11y-accordion-trigger:hover,.mf-a11y-accordion.is-open .mf-a11y-accordion-trigger{background:#fbfdff}
.mf-a11y-accordion.is-open .mf-a11y-accordion-trigger{color:#0d4f89}
.mf-a11y-accordion-trigger svg{color:#267db8}
.mf-a11y-accordion-panel{background:#fff;border-top-color:#e1e7ed;padding-inline:14px}
.mf-a11y-control{min-height:60px;border-bottom-color:#ebeff3}
.mf-a11y-switch-row>i{background:#e7ecf1;border-color:#b8c4d0}
.mf-a11y-switch-row input:checked+i{background:#0f6fba;border-color:#0f6fba}
.mf-a11y-footer{background:#fff;border-top-color:#d8e0e8;padding-top:13px}
.mf-a11y-reset{background:#fafbfd;border-color:#ccd6df;color:#31465c}
.mf-a11y-reset:hover{background:#f2f6f9}

@media(max-width:760px){
  .mf-mega-accessibility--bottom{
    width:100%;
    min-height:44px;
    grid-column:1/-1;
    border-inline-start:0;
    border-top:1px solid #e0e6ec;
    margin-top:5px;
    padding:10px 6px 2px;
    font-size:12px;
    justify-content:center;
    background:transparent;
  }
  .mf-mega-accessibility--bottom .mf-a11y-svg-icon{width:18px;height:18px;flex-basis:18px}
  .mf-a11y-center{height:min(91dvh,810px);border-color:#cbd6e0}
  .mf-a11y-header{padding:17px 15px 14px}
  .mf-a11y-titlemark{width:36px;height:36px;flex-basis:36px}
  .mf-a11y-titlemark .mf-a11y-svg-icon{width:22px;height:22px}
  .mf-a11y-header h2{font-size:21px!important}
  .mf-a11y-header p{font-size:11.5px!important;line-height:1.45!important}
  .mf-a11y-scroll{padding:12px 10px 6px}
  .mf-a11y-presets{padding:11px}
  .mf-a11y-preset-grid{grid-template-columns:1fr 1fr}
  .mf-a11y-preset-grid button{min-height:64px}
}
@media(max-width:390px){
  .mf-a11y-preset-grid{grid-template-columns:1fr}
}

/* ========================================================================== 
   MUSIC FM Accessibility Center — service-first premium refinement 2026-10-05
   Uses the public site's editorial palette and the same rounded switch control
   used in account settings. This block intentionally overrides older a11y UI.
   ========================================================================== */
:root{
  --mf-a11y-navy:var(--mf-brand-navy,#041327);
  --mf-a11y-navy-2:var(--mf-brand-navy-2,#071d37);
  --mf-a11y-blue:var(--mf-brand-blue,#147cff);
  --mf-a11y-sky:var(--mf-brand-cyan,#59c7ff);
  --mf-a11y-turq:var(--mf-brand-turquoise,#25c8c3);
  --mf-a11y-red:var(--mf-brand-red,#e94355);
  --mf-a11y-text:var(--mf-brand-ink,#17243a);
  --mf-a11y-muted:var(--mf-brand-muted,#667085);
  --mf-a11y-line:var(--mf-brand-line,#e4e9f0);
  --mf-a11y-soft:var(--mf-brand-soft,#f6f8fb);
  --mf-a11y-paper:#fff;
}
.mf-a11y-backdrop{background:rgba(4,19,39,.48);backdrop-filter:none}
.mf-a11y-center{width:min(500px,96vw);border-inline-end:1px solid #d8e1ea;background:#fff;box-shadow:-22px 0 64px rgba(4,19,39,.16);font-family:var(--mf-font,"IBM Plex Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif)}
.mf-a11y-header{padding:22px 22px 20px;background:linear-gradient(135deg,var(--mf-a11y-navy) 0%,var(--mf-a11y-navy-2) 72%,#0b315a 100%);border-bottom:0;color:#fff;overflow:hidden}
.mf-a11y-header::before{height:3px;background:linear-gradient(90deg,var(--mf-a11y-turq),var(--mf-a11y-sky) 48%,var(--mf-a11y-red));z-index:2}
.mf-a11y-header::after{content:"";position:absolute;inset:-80px -120px auto auto;width:240px;height:180px;border:1px solid rgba(255,255,255,.055);transform:rotate(-18deg);pointer-events:none}
.mf-a11y-titleblock{gap:14px;position:relative;z-index:1}
.mf-a11y-titlemark{width:44px;height:44px;flex-basis:44px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
.mf-a11y-titlemark .mf-a11y-svg-icon{width:25px;height:25px}
.mf-a11y-eyebrow{color:var(--mf-a11y-sky);font-size:9px;font-weight:800;letter-spacing:.14em}
.mf-a11y-header h2{color:#fff!important;font-size:27px!important;font-weight:800!important;letter-spacing:-.025em!important;margin:4px 0 5px!important}
.mf-a11y-header p{max-width:350px;color:rgba(255,255,255,.75)!important;font-size:12.5px!important;line-height:1.58!important;font-weight:450!important}
.mf-a11y-close{position:relative;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
.mf-a11y-close:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32)}

.mf-a11y-service-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 18px;background:#fff;border-bottom:1px solid var(--mf-a11y-line)}
.mf-a11y-service-dot{width:9px;height:9px;border-radius:50%;background:#aab5c1;box-shadow:0 0 0 4px #f1f4f7}
.mf-a11y-service-strip.is-personalized .mf-a11y-service-dot{background:var(--mf-a11y-turq);box-shadow:0 0 0 4px rgba(37,200,195,.11)}
.mf-a11y-service-strip strong{display:block;color:#284158;font-size:11px;line-height:1.25}
.mf-a11y-service-strip small{display:block;margin-top:2px;color:#8996a5;font-size:9.5px;line-height:1.3}
.mf-a11y-service-badge{color:#43708f;background:#f4f8fb;border:1px solid #dbe6ef;padding:5px 8px;font-size:8.5px;font-weight:700;white-space:nowrap}

.mf-a11y-scroll{padding:16px 16px 9px;background:#f5f7fa}
.mf-a11y-presets{padding:16px;margin-bottom:12px;border:1px solid #dce3ea;background:#fff;box-shadow:0 8px 24px rgba(4,19,39,.035)}
.mf-a11y-section-heading{margin-bottom:13px;align-items:end}
.mf-a11y-section-heading small{color:var(--mf-a11y-blue);font-size:9px;font-weight:800;letter-spacing:.08em}
.mf-a11y-section-heading h3{font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important}
.mf-a11y-section-heading>span{font-size:9px;color:#8a97a6}
.mf-a11y-preset-grid{gap:8px}
.mf-a11y-preset-grid button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:11px 12px;border:1px solid #dfe5ec;background:#fff;text-align:right;box-shadow:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.mf-a11y-preset-grid button::before{display:none}
.mf-a11y-preset-grid button:hover{border-color:#a9c9e7;background:#f8fbfe;transform:translateY(-1px)}
.mf-a11y-preset-icon{width:34px;height:34px;display:grid!important;place-items:center;background:#eef6fd;border:1px solid #d5e7f7;color:#1269bb}
.mf-a11y-preset-icon svg{width:17px;height:17px}
.mf-a11y-preset-copy{min-width:0}
.mf-a11y-preset-copy strong{font-size:12.5px;line-height:1.25;color:#1e3a55}
.mf-a11y-preset-copy>span{font-size:9.5px;line-height:1.45;color:#748294;margin-top:4px}

.mf-a11y-accordion{margin-bottom:8px;border:1px solid #dce3ea;background:#fff;box-shadow:none}
.mf-a11y-accordion-trigger{min-height:61px;padding:10px 13px;background:#fff;color:#294158}
.mf-a11y-accordion-trigger:hover{background:#fbfcfe}
.mf-a11y-accordion.is-open .mf-a11y-accordion-trigger{background:#fff;color:#0f5fa8}
.mf-a11y-accordion-trigger>span{gap:11px}
.mf-a11y-accordion-trigger>span>svg{width:20px;height:20px;color:#1d78c4}
.mf-a11y-accordion-trigger>span>span{display:block;min-width:0}
.mf-a11y-accordion-trigger b{display:block;font-size:13px;line-height:1.3;font-weight:800}
.mf-a11y-accordion-trigger small{display:block;margin-top:3px;color:#8a96a4;font-size:9px;line-height:1.3;font-weight:500}
.mf-a11y-accordion-trigger>i{width:8px;height:8px;border-color:#718195}
.mf-a11y-accordion-panel{padding-inline:14px;border-top:1px solid #e8edf2;background:#fff}
.mf-a11y-control{min-height:67px;gap:18px;border-bottom:1px solid #edf0f4;padding-block:7px}
.mf-a11y-control strong{color:#2a4057;font-size:12.5px;font-weight:750;line-height:1.35}
.mf-a11y-control small,.mf-a11y-control>div:first-child>span{max-width:310px;color:#8591a0;font-size:9.5px;line-height:1.45;margin-top:3px}
.mf-a11y-select-row select{width:112px;height:38px;border:1px solid #d3dce5;background:#fff;color:#2d4359;font-size:11px;font-weight:650;border-radius:0}

/* Same switch language as MUSIC FM account settings: rounded track + circular thumb. */
.mf-a11y-switch-row{position:relative;cursor:pointer}
.mf-a11y-switch-row>i{position:relative;flex:0 0 43px;width:43px;height:24px;border:1px solid #cbd5df;background:#e8edf2;border-radius:30px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.mf-a11y-switch-row>i:before{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #c9d2dc;box-shadow:0 1px 2px rgba(10,30,50,.08);transition:right .18s ease,border-color .18s ease,transform .18s ease}
.mf-a11y-switch-row input{position:absolute;inset-inline-end:0;top:50%;width:43px;height:24px;margin:0;transform:translateY(-50%);opacity:0;cursor:pointer;pointer-events:auto;z-index:2}
.mf-a11y-switch-row input:checked+i{background:#1476d2;border-color:#1476d2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mf-a11y-switch-row input:checked+i:before{right:22px;transform:none;border-color:#fff}
.mf-a11y-switch-row input:focus-visible+i{outline:3px solid rgba(20,124,255,.22);outline-offset:2px}

.mf-a11y-stepper{height:40px;grid-template-columns:38px 60px 38px;border:1px solid #d1dbe4;background:#fff}
.mf-a11y-stepper button{height:38px;background:#f6f8fa;color:#174f80}
.mf-a11y-stepper button svg{width:12px;height:12px}
.mf-a11y-stepper output{color:#29435c;font-size:11px}
.mf-a11y-info{margin:12px 0;padding:12px 13px;border-inline-start:3px solid var(--mf-a11y-sky);background:#f7fafc}
.mf-a11y-info strong{font-size:11.5px;color:#28445f}
.mf-a11y-info p{font-size:10px!important;line-height:1.6!important;color:#718092!important}
.mf-a11y-accordion-panel--info{padding-block:1px 2px}

.mf-a11y-help-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;margin:13px 0 6px;padding:16px;border:1px solid #cfe0ef;background:linear-gradient(135deg,#f8fbff 0%,#fff 62%);position:relative;overflow:hidden}
.mf-a11y-help-card::after{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;width:72px;height:3px;background:linear-gradient(90deg,var(--mf-a11y-turq),var(--mf-a11y-blue))}
.mf-a11y-help-icon{width:44px;height:44px;display:grid;place-items:center;background:#edf6ff;border:1px solid #d4e7f7;color:#126cbc}
.mf-a11y-help-icon svg{width:19px;height:19px}
.mf-a11y-help-copy small{display:block;color:#1d70b8;font-size:8.5px;font-weight:800;letter-spacing:.08em}
.mf-a11y-help-copy h3{margin:4px 0 6px!important;color:#203a54!important;font-size:16px!important;font-weight:800!important}
.mf-a11y-help-copy p{margin:0!important;color:#718092!important;font-size:10px!important;line-height:1.65!important}
.mf-a11y-help-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mf-a11y-help-actions a{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid #cddae6;background:#fff;color:#155f9f;text-decoration:none;font-size:9.5px;font-weight:750}
.mf-a11y-help-actions a:first-child{background:#126fc6;border-color:#126fc6;color:#fff}
.mf-a11y-help-actions a:hover{border-color:#9fbfdc}

.mf-a11y-footer{padding:13px 16px max(15px,env(safe-area-inset-bottom));border-top:1px solid #dfe5ec;background:#fff}
.mf-a11y-footer-note{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#516579}
.mf-a11y-footer-note>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d7e6df;background:#f4fbf8;color:#149172}
.mf-a11y-footer-note>span svg{width:12px;height:12px}
.mf-a11y-footer-note strong{display:block;font-size:10px;color:#3d556c}
.mf-a11y-footer-note small{display:block;margin-top:1px;font-size:8.5px;color:#909aa7}
.mf-a11y-reset{min-height:40px;border:1px solid #d2dae3;background:#f9fafc;color:#526579;font-size:10.5px;font-weight:700}
.mf-a11y-reset:hover{background:#f1f5f8;color:#31495f}

/* Added functional preferences. */
html[data-mf-a11y-highlight-links="on"] :where(main,footer,.mega-menu) a:not(.mf-a11y-help-actions a){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;text-decoration-color:currentColor!important}
html[data-mf-a11y-strong-focus="on"] :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:4px solid #147cff!important;outline-offset:4px!important;box-shadow:0 0 0 3px #fff!important}
html[data-mf-a11y-large-targets="on"] :where(button,input[type="button"],input[type="submit"],input[type="reset"],select,summary,[role="button"],.v4-mainnav>a,.mf-mobile-bottom__link,.v4-action,.mf-mobile-menu-toggle){min-height:48px!important;min-width:48px!important}
html[data-mf-a11y-large-targets="on"] :where(.v4-mainnav>a,.mf-mobile-bottom__link){display:inline-flex!important;align-items:center!important;justify-content:center!important}
.mf-a11y-reading-guide{position:fixed;z-index:3480;top:0;left:0;width:100vw;height:46px;transform:translateY(calc(var(--mf-a11y-guide-y,50vh) - 23px));pointer-events:none;opacity:0;visibility:hidden;border-block:1px solid rgba(20,124,255,.16);background:linear-gradient(180deg,rgba(89,199,255,.015),rgba(89,199,255,.10),rgba(89,199,255,.015));box-shadow:0 0 0 9999px rgba(4,19,39,.025);transition:opacity .12s ease,visibility .12s ease}
html[data-mf-a11y-reading-guide="on"] .mf-a11y-reading-guide.is-visible{opacity:1;visibility:visible}

@media(max-width:760px){
  .mf-a11y-center{width:100%;height:min(93dvh,860px);max-height:calc(100dvh - 6px);border:0;border-top:1px solid #cbd6e0;box-shadow:0 -18px 46px rgba(4,19,39,.16)}
  .mf-a11y-header{padding:18px 15px 16px}.mf-a11y-titlemark{width:40px;height:40px;flex-basis:40px}.mf-a11y-header h2{font-size:23px!important}.mf-a11y-header p{font-size:11.5px!important;line-height:1.5!important}
  .mf-a11y-service-strip{grid-template-columns:auto 1fr;padding:10px 13px}.mf-a11y-service-badge{display:none}
  .mf-a11y-scroll{padding:11px 10px 7px}.mf-a11y-preset-grid{grid-template-columns:1fr 1fr;gap:7px}.mf-a11y-preset-grid button{grid-template-columns:30px 1fr;gap:8px;min-height:74px;padding:9px}.mf-a11y-preset-icon{width:30px;height:30px}.mf-a11y-preset-copy>span{font-size:9px}
  .mf-a11y-accordion-trigger{min-height:60px;padding:10px 11px}.mf-a11y-control{min-height:72px;padding-block:8px}.mf-a11y-control small,.mf-a11y-control>div:first-child>span{font-size:9px}.mf-a11y-select-row{align-items:center;padding-block:8px}.mf-a11y-select-row select{width:104px}
  .mf-a11y-help-card{grid-template-columns:38px 1fr;padding:13px;gap:10px}.mf-a11y-help-icon{width:38px;height:38px}.mf-a11y-help-actions a{min-height:40px}
  .mf-a11y-reading-guide{display:none!important}
}
@media(max-width:420px){
  .mf-a11y-preset-grid{grid-template-columns:1fr}.mf-a11y-preset-grid button{min-height:64px}.mf-a11y-section-heading>span{display:none}.mf-a11y-stepper{grid-template-columns:34px 52px 34px}.mf-a11y-stepper button{height:38px}.mf-a11y-control{gap:12px}.mf-a11y-help-actions{display:grid}.mf-a11y-help-actions a{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.mf-a11y-preset-grid button,.mf-a11y-switch-row>i,.mf-a11y-switch-row>i:before,.mf-a11y-reading-guide{transition:none!important}}

/* ========================================================================== */
/* MUSIC FM Accessibility Center current — calm, minimal, service-first            */
/* Principle: מעט מוצג, הרבה אפשרי.                                           */
/* ========================================================================== */
.mf-a11y-center--calm{--mf-a11y-panel:#fff;--mf-a11y-soft:#f6f9fc;--mf-a11y-line:#e1e7ee;--mf-a11y-ink:#17324d;--mf-a11y-muted:#728195}
.mf-a11y-center--calm .mf-a11y-header{padding:20px 20px 16px;border-bottom:0;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.mf-a11y-center--calm .mf-a11y-titlemark{border-radius:12px;background:#edf6ff;border-color:#d5e8f8;color:#126fc6}
.mf-a11y-center--calm .mf-a11y-header h2{font-size:24px!important;letter-spacing:-.02em;color:#102f4d!important}
.mf-a11y-center--calm .mf-a11y-header p{max-width:430px;font-size:11px!important;line-height:1.55!important;color:#7b8998!important}
.mf-a11y-center--calm .mf-a11y-close{border-radius:12px;background:#f5f8fb;border-color:#e0e7ee}

.mf-a11y-center--calm .mf-a11y-service-strip{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 16px;border-block:1px solid #e4ebf1;background:#f9fbfd}
.mf-a11y-center--calm .mf-a11y-service-copy{min-width:0}
.mf-a11y-center--calm .mf-a11y-service-strip strong{color:#334b61;font-size:10.5px}
.mf-a11y-center--calm .mf-a11y-service-strip small{color:#8a96a3;font-size:8.5px}
.mf-a11y-center--calm .mf-a11y-status-reset{min-height:30px;padding:0 10px;border:1px solid #d2dce6;border-radius:9px;background:#fff;color:#52697e;font-size:9.5px;font-weight:750;cursor:pointer}
.mf-a11y-center--calm .mf-a11y-status-reset:hover{border-color:#aac9e3;color:#1268b7}
.mf-a11y-center--calm .mf-a11y-status-reset[hidden]{display:none!important}

.mf-a11y-center--calm .mf-a11y-scroll{padding:14px 14px 8px;background:#f7f9fb}
.mf-a11y-quick,.mf-a11y-primary{margin:0 0 10px;padding:14px;border:1px solid #dfe6ed;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(18,48,76,.035)}
.mf-a11y-section-heading--compact{margin-bottom:10px;padding:0}
.mf-a11y-section-heading--compact h3{font-size:15px!important;color:#173854!important;margin-top:2px!important}
.mf-a11y-section-heading--compact small{font-size:8.5px;color:#1a73bf;font-weight:800;letter-spacing:.04em}

.mf-a11y-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mf-a11y-quick-grid button{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"icon title" "icon desc";column-gap:9px;align-items:center;min-height:62px;padding:10px 11px;border:1px solid #e0e6ed;border-radius:11px;background:#fff;text-align:right;color:#244159;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.mf-a11y-quick-grid button>span{grid-area:icon;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d7e7f5;border-radius:10px;background:#f0f7fd;color:#176fba}
.mf-a11y-quick-grid button>span svg{width:16px;height:16px}
.mf-a11y-quick-grid button strong{grid-area:title;font-size:11.5px;line-height:1.2;font-weight:800;color:#203a52}
.mf-a11y-quick-grid button small{grid-area:desc;margin-top:1px;font-size:8.5px;line-height:1.35;color:#84909e}
.mf-a11y-quick-grid button:hover{border-color:#a9c9e4;background:#fafdff;transform:translateY(-1px)}
.mf-a11y-quick-grid button:focus-visible{outline:3px solid rgba(20,124,255,.20);outline-offset:2px}

.mf-a11y-primary{padding-bottom:4px}
.mf-a11y-primary .mf-a11y-control{min-height:58px;padding:7px 2px;border-bottom:1px solid #edf1f4}
.mf-a11y-primary .mf-a11y-control:last-child{border-bottom:0}
.mf-a11y-primary .mf-a11y-control strong{font-size:11.5px;color:#294156}
.mf-a11y-primary .mf-a11y-control small,.mf-a11y-primary .mf-a11y-control>div:first-child>span{font-size:8.7px;color:#8a95a2;line-height:1.35}

.mf-a11y-more-label{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:7px 3px 9px;color:#51687c}
.mf-a11y-more-label span{font-size:11px;font-weight:800}
.mf-a11y-more-label small{font-size:8.5px;color:#929ca7}
.mf-a11y-center--calm .mf-a11y-accordion{margin-bottom:7px;border-color:#dfe6ed;border-radius:12px;overflow:hidden;background:#fff}
.mf-a11y-center--calm .mf-a11y-accordion-trigger{min-height:56px;padding:9px 12px;border-radius:0}
.mf-a11y-center--calm .mf-a11y-accordion-trigger b{font-size:11.8px}
.mf-a11y-center--calm .mf-a11y-accordion-trigger small{font-size:8.5px;color:#919ba7}
.mf-a11y-center--calm .mf-a11y-accordion-panel{padding-inline:13px}
.mf-a11y-center--calm .mf-a11y-accordion-panel .mf-a11y-control{min-height:61px}

.mf-a11y-center--calm .mf-a11y-switch-row>i{flex-basis:44px;width:44px;height:25px;border-radius:999px;background:#e7edf2;border-color:#cbd5de}
.mf-a11y-center--calm .mf-a11y-switch-row>i:before{top:3px;right:3px;width:17px;height:17px}
.mf-a11y-center--calm .mf-a11y-switch-row input{width:44px;height:25px}
.mf-a11y-center--calm .mf-a11y-switch-row input:checked+i{background:#106fc4;border-color:#106fc4}
.mf-a11y-center--calm .mf-a11y-switch-row input:checked+i:before{right:22px}
.mf-a11y-center--calm .mf-a11y-stepper{border-radius:10px;overflow:hidden;border-color:#d4dde6}
.mf-a11y-center--calm .mf-a11y-stepper button{background:#f6f9fb}
.mf-a11y-center--calm .mf-a11y-select-row select{border-radius:9px;background:#f9fbfc}

.mf-a11y-help-card--compact{margin:12px 0 5px;padding:13px 14px;border-radius:13px;grid-template-columns:38px minmax(0,1fr);gap:11px;background:#fff;border-color:#dce7f0}
.mf-a11y-help-card--compact::after{width:56px;height:2px}
.mf-a11y-help-card--compact .mf-a11y-help-icon{width:38px;height:38px;border-radius:10px}
.mf-a11y-help-card--compact .mf-a11y-help-copy h3{font-size:14px!important;margin:3px 0 4px!important}
.mf-a11y-help-card--compact .mf-a11y-help-copy p{font-size:9px!important;line-height:1.55!important}
.mf-a11y-help-card--compact .mf-a11y-help-actions{margin-top:9px}
.mf-a11y-help-card--compact .mf-a11y-help-actions a{min-height:33px;border-radius:9px}

.mf-a11y-footer--calm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px max(13px,env(safe-area-inset-bottom));background:#fff}
.mf-a11y-footer--calm .mf-a11y-footer-note{margin:0}
.mf-a11y-footer--calm .mf-a11y-reset{min-height:36px;padding:0 12px;border-radius:10px;white-space:nowrap}

@media(max-width:760px){
  .mf-a11y-center--calm{height:min(91dvh,820px)}
  .mf-a11y-center--calm .mf-a11y-header{padding:16px 14px 13px}
  .mf-a11y-center--calm .mf-a11y-header h2{font-size:21px!important}
  .mf-a11y-center--calm .mf-a11y-header p{font-size:10.5px!important}
  .mf-a11y-center--calm .mf-a11y-scroll{padding:10px 9px 6px}
  .mf-a11y-quick,.mf-a11y-primary{padding:11px;border-radius:12px}
  .mf-a11y-quick-grid{gap:6px}
  .mf-a11y-quick-grid button{min-height:59px;padding:8px;grid-template-columns:30px 1fr;column-gap:7px}
  .mf-a11y-quick-grid button>span{width:30px;height:30px}
  .mf-a11y-quick-grid button strong{font-size:10.5px}.mf-a11y-quick-grid button small{font-size:8px}
  .mf-a11y-primary .mf-a11y-control{min-height:60px}
  .mf-a11y-more-label{padding-inline:2px}
  .mf-a11y-footer--calm{grid-template-columns:1fr;padding:9px 11px max(12px,env(safe-area-inset-bottom))}
  .mf-a11y-footer--calm .mf-a11y-footer-note{display:none}
  .mf-a11y-footer--calm .mf-a11y-reset{width:100%}
}
@media(max-width:430px){
  .mf-a11y-quick-grid{grid-template-columns:1fr 1fr}
  .mf-a11y-quick-grid button{grid-template-columns:28px 1fr;min-height:58px}
  .mf-a11y-quick-grid button>span{width:28px;height:28px}
  .mf-a11y-quick-grid button small{display:none}
  .mf-a11y-more-label small{display:none}
  .mf-a11y-center--calm .mf-a11y-service-strip{padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){.mf-a11y-quick-grid button{transition:none!important}}

/* ========================================================================== */
/* MUSIC FM Accessibility Center MUSIC FM — site-native visual reset               */
/* Keeps the calm/service structure, restores MUSIC FM's actual visual DNA.   */
/* ========================================================================== */
.mf-a11y-center--calm{
  --mf-a11y-navy:var(--navy,#041327);
  --mf-a11y-navy-2:var(--navy2,#071d37);
  --mf-a11y-blue:var(--blue,#147cff);
  --mf-a11y-cyan:var(--cyan,#59c7ff);
  --mf-a11y-turq:var(--turq,#25c8c3);
  --mf-a11y-red:var(--red,#e94355);
  --mf-a11y-ink:var(--ink,#17243a);
  --mf-a11y-muted:var(--muted,#667085);
  --mf-a11y-line:var(--line,#e4e9f0);
  --mf-a11y-soft:var(--soft,#f6f8fb);
  --mf-a11y-white:#fff;
  font-family:var(--mf-font,"IBM Plex Sans Hebrew",Arial,sans-serif);
  background:#fff;
  border-color:#dce4ec;
  border-radius:0;
  box-shadow:-18px 0 42px rgba(4,19,39,.14);
}

/* Header: same dark, editorial header language as the site — not a foreign app card. */
.mf-a11y-center--calm .mf-a11y-header{
  min-height:116px;
  padding:20px 20px 18px;
  align-items:flex-start;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:var(--mf-a11y-navy);
  color:#fff;
}
.mf-a11y-center--calm .mf-a11y-titleblock{align-items:flex-start;gap:13px}
.mf-a11y-center--calm .mf-a11y-titlemark{
  width:42px;height:42px;flex:0 0 42px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:5px;
  background:rgba(255,255,255,.07);
  color:var(--mf-a11y-cyan);
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-titlemark svg{width:20px;height:20px}
.mf-a11y-center--calm .mf-a11y-eyebrow{
  color:#8fcfff!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.mf-a11y-center--calm .mf-a11y-header h2{
  margin:4px 0 4px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.mf-a11y-center--calm .mf-a11y-header p{
  max-width:430px;
  margin:0!important;
  color:#b8c7d8!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
.mf-a11y-center--calm .mf-a11y-close{
  width:38px;height:38px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:5px;
  background:rgba(255,255,255,.06);
  color:#fff;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-close:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.24)}

/* Status: quiet utility bar, no decorative card treatment. */
.mf-a11y-center--calm .mf-a11y-service-strip{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  min-height:48px;
  padding:9px 18px;
  border:0;
  border-bottom:1px solid var(--mf-a11y-line);
  background:#fff;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-service-dot{
  width:7px;height:7px;border:0;border-radius:50%;
  background:var(--mf-a11y-turq);
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-service-strip strong{font-size:10px;color:#3b5269;font-weight:800}
.mf-a11y-center--calm .mf-a11y-service-strip small{font-size:8.5px;color:#929eaa}
.mf-a11y-center--calm .mf-a11y-status-reset{
  min-height:29px;padding:0 9px;
  border:1px solid #d6dee7;border-radius:4px;
  background:#fff;color:#52677b;
  font-size:9px;font-weight:750;
}
.mf-a11y-center--calm .mf-a11y-status-reset:hover{border-color:#aebdca;color:var(--mf-a11y-blue);background:#f9fbfd}

/* Main canvas: mostly white, restrained section rhythm. */
.mf-a11y-center--calm .mf-a11y-scroll{padding:0 16px 10px;background:#fff}
.mf-a11y-center--calm .mf-a11y-quick,
.mf-a11y-center--calm .mf-a11y-primary{
  margin:0;
  padding:17px 0 15px;
  border:0;
  border-bottom:1px solid var(--mf-a11y-line);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-section-heading--compact{margin:0 0 11px;padding:0}
.mf-a11y-center--calm .mf-a11y-section-heading--compact small{
  display:block;margin-bottom:3px;
  color:#1f6cae;font-size:8px;font-weight:800;letter-spacing:.09em
}
.mf-a11y-center--calm .mf-a11y-section-heading--compact h3{
  margin:0!important;color:#213a53!important;
  font-size:15px!important;line-height:1.2!important;font-weight:800!important
}

/* Quick modes: editorial tiles, square-ish and subtle. */
.mf-a11y-center--calm .mf-a11y-quick-grid{grid-template-columns:1fr 1fr;gap:7px}
.mf-a11y-center--calm .mf-a11y-quick-grid button{
  grid-template-columns:32px minmax(0,1fr);
  min-height:62px;
  padding:9px 10px;
  border:1px solid #dde5ed;
  border-radius:5px;
  background:#fff;
  color:#294158;
  box-shadow:none;
  transform:none;
}
.mf-a11y-center--calm .mf-a11y-quick-grid button>span{
  width:32px;height:32px;
  border:0;border-radius:4px;
  background:#edf5fc;color:#176bb2;
}
.mf-a11y-center--calm .mf-a11y-quick-grid button strong{font-size:11px;color:#294158;font-weight:800}
.mf-a11y-center--calm .mf-a11y-quick-grid button small{font-size:8.4px;line-height:1.35;color:#8794a1}
.mf-a11y-center--calm .mf-a11y-quick-grid button:hover{border-color:#b8cde0;background:#f9fcff;transform:none}
.mf-a11y-center--calm .mf-a11y-quick-grid button.is-active,
.mf-a11y-center--calm .mf-a11y-quick-grid button[aria-pressed="true"]{border-color:#8ebbe1;background:#f5faff}

/* Primary settings are rows, like profile/settings pages — not floating cards. */
.mf-a11y-center--calm .mf-a11y-primary{padding-bottom:8px}
.mf-a11y-center--calm .mf-a11y-primary .mf-a11y-control{
  min-height:67px;
  padding:10px 0;
  border:0;
  border-top:1px solid #edf0f4;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-primary .mf-a11y-section-heading--compact + .mf-a11y-control{border-top:0}
.mf-a11y-center--calm .mf-a11y-control strong{color:#30465f;font-size:11.5px;font-weight:800}
.mf-a11y-center--calm .mf-a11y-control small,
.mf-a11y-center--calm .mf-a11y-control>div:first-child>span{margin-top:3px;color:#7c8999;font-size:9.5px;line-height:1.48;font-weight:400}

/* Exact switch language from MUSIC FM settings. */
.mf-a11y-center--calm .mf-a11y-switch-row>i{
  position:relative;
  flex:0 0 43px;width:43px;height:24px;
  border:1px solid #cbd5df;
  border-radius:30px;
  background:#e8edf2;
  box-shadow:none;
  transition:.18s;
}
.mf-a11y-center--calm .mf-a11y-switch-row>i:before{
  top:3px;right:3px;
  width:16px;height:16px;
  border:1px solid #c9d2dc;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 2px rgba(10,30,50,.08);
  transition:.18s;
}
.mf-a11y-center--calm .mf-a11y-switch-row input:checked+i{background:#1476d2;border-color:#1476d2}
.mf-a11y-center--calm .mf-a11y-switch-row input:checked+i:before{right:22px;transform:none;border-color:#fff}
.mf-a11y-center--calm .mf-a11y-switch-row input:focus-visible+i{outline:3px solid rgba(20,124,255,.20);outline-offset:2px}

/* Stepper/selects: site form language. */
.mf-a11y-center--calm .mf-a11y-stepper{grid-template-columns:36px 54px 36px;border:1px solid #d8e0e8;border-radius:4px;overflow:hidden;background:#fff}
.mf-a11y-center--calm .mf-a11y-stepper button,
.mf-a11y-center--calm .mf-a11y-stepper output{border:0;border-radius:0;background:#fff;color:#38526b}
.mf-a11y-center--calm .mf-a11y-stepper button{height:36px}
.mf-a11y-center--calm .mf-a11y-stepper button:hover{background:#f3f7fa;color:#0f67b4}
.mf-a11y-center--calm .mf-a11y-select-row select{
  min-height:38px;padding-inline:10px 28px;
  border:1px solid #d6dee7;border-radius:4px;
  background-color:#fff;color:#38516a;
  font:700 10px var(--mf-font,"IBM Plex Sans Hebrew",Arial,sans-serif)
}

/* More-options label: simple separator. */
.mf-a11y-center--calm .mf-a11y-more-label{
  align-items:center;
  margin:0;
  padding:15px 0 8px;
  border:0;
  color:#425a70;
}
.mf-a11y-center--calm .mf-a11y-more-label span{font-size:11px;font-weight:800}
.mf-a11y-center--calm .mf-a11y-more-label small{font-size:8.5px;color:#909ba8}

/* Accordions: flat, precise, directly matching site panels. */
.mf-a11y-center--calm .mf-a11y-accordions{border-top:1px solid var(--mf-a11y-line)}
.mf-a11y-center--calm .mf-a11y-accordion{
  margin:0;
  border:0;
  border-bottom:1px solid var(--mf-a11y-line);
  border-radius:0;
  background:#fff;
  overflow:visible;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-accordion-trigger{
  min-height:61px;
  padding:10px 2px;
  border:0;border-radius:0;
  background:#fff;
  color:#30485f;
}
.mf-a11y-center--calm .mf-a11y-accordion-trigger:hover{background:#fff;color:#146ab4}
.mf-a11y-center--calm .mf-a11y-accordion-trigger>span{gap:10px}
.mf-a11y-center--calm .mf-a11y-accordion-trigger>span>.mf-icon,
.mf-a11y-center--calm .mf-a11y-accordion-trigger>span>svg{
  width:18px;height:18px;padding:0;color:#1b6fb6;background:transparent;border:0;border-radius:0
}
.mf-a11y-center--calm .mf-a11y-accordion-trigger b{display:block;color:#30485f;font-size:11.5px;font-weight:800}
.mf-a11y-center--calm .mf-a11y-accordion-trigger small{display:block;margin-top:2px;color:#8a97a4;font-size:8.7px;font-weight:400}
.mf-a11y-center--calm .mf-a11y-accordion-trigger>i{color:#718397}
.mf-a11y-center--calm .mf-a11y-accordion.is-open .mf-a11y-accordion-trigger{color:#146ab4}
.mf-a11y-center--calm .mf-a11y-accordion-panel{
  padding:0 2px 8px;
  border:0;
  background:#fff;
}
.mf-a11y-center--calm .mf-a11y-accordion-panel .mf-a11y-control{
  min-height:65px;
  padding:9px 0;
  border:0;
  border-top:1px solid #eef1f4;
  border-radius:0;
  background:#fff;
}
.mf-a11y-center--calm .mf-a11y-info{
  margin:8px 0 4px;
  padding:11px 12px;
  border:1px solid #dde7ef;
  border-radius:4px;
  background:#f8fbfd;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-info strong{color:#31506a;font-size:10px}
.mf-a11y-center--calm .mf-a11y-info p{color:#748394;font-size:9px;line-height:1.55}
.mf-a11y-center--calm .mf-a11y-info code,.mf-a11y-center--calm .mf-a11y-info kbd{border-radius:3px;background:#fff;border:1px solid #dbe3ea;color:#35536e}

/* Help/service: understated and human, not promotional. */
.mf-a11y-center--calm .mf-a11y-help-card{
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  margin:16px 0 5px;
  padding:14px;
  border:1px solid #dce5ed;
  border-radius:5px;
  background:#f9fbfd;
  box-shadow:none;
}
.mf-a11y-center--calm .mf-a11y-help-card::after{display:none}
.mf-a11y-center--calm .mf-a11y-help-icon{width:38px;height:38px;border:0;border-radius:4px;background:#eaf4fc;color:#176db7}
.mf-a11y-center--calm .mf-a11y-help-copy small{color:#1d70b8;font-size:8px}
.mf-a11y-center--calm .mf-a11y-help-copy h3{font-size:14px!important;color:#2b455d!important}
.mf-a11y-center--calm .mf-a11y-help-copy p{font-size:9.2px!important;color:#7c8997!important}
.mf-a11y-center--calm .mf-a11y-help-actions a{
  min-height:34px;
  padding:0 10px;
  border:1px solid #d0dae4;
  border-radius:4px;
  background:#fff;
  color:#315f87;
  font-size:9px;
}
.mf-a11y-center--calm .mf-a11y-help-actions a:first-child{background:#126fc6;border-color:#126fc6;color:#fff}

/* Footer: same quiet utility style as site forms. */
.mf-a11y-center--calm .mf-a11y-footer{
  padding:11px 16px max(12px,env(safe-area-inset-bottom));
  border-top:1px solid var(--mf-a11y-line);
  background:#fff;
}
.mf-a11y-center--calm .mf-a11y-footer-note{margin-bottom:9px}
.mf-a11y-center--calm .mf-a11y-footer-note>span{border-radius:4px}
.mf-a11y-center--calm .mf-a11y-reset{
  min-height:38px;
  border:1px solid #d4dde6;
  border-radius:4px;
  background:#f8fafc;
  color:#52677b;
  font-size:9.5px;
  font-weight:750;
}
.mf-a11y-center--calm .mf-a11y-reset:hover{background:#f1f5f8;color:#31495f}

/* Mobile: same content, fewer visual layers. */
@media(max-width:760px){
  .mf-a11y-center--calm{
    width:100%;height:min(92dvh,820px);max-height:calc(100dvh - 4px);
    border:0;border-top:1px solid rgba(255,255,255,.12);
    border-radius:0;
    box-shadow:0 -18px 42px rgba(4,19,39,.20)
  }
  .mf-a11y-center--calm .mf-a11y-header{min-height:104px;padding:17px 15px 15px}
  .mf-a11y-center--calm .mf-a11y-titlemark{width:38px;height:38px;flex-basis:38px}
  .mf-a11y-center--calm .mf-a11y-header h2{font-size:22px!important}
  .mf-a11y-center--calm .mf-a11y-header p{font-size:10px!important}
  .mf-a11y-center--calm .mf-a11y-service-strip{padding:8px 13px;min-height:45px}
  .mf-a11y-center--calm .mf-a11y-scroll{padding:0 13px 8px}
  .mf-a11y-center--calm .mf-a11y-quick,.mf-a11y-center--calm .mf-a11y-primary{padding-block:14px 13px}
  .mf-a11y-center--calm .mf-a11y-quick-grid{gap:6px}
  .mf-a11y-center--calm .mf-a11y-quick-grid button{min-height:59px;padding:8px}
  .mf-a11y-center--calm .mf-a11y-primary .mf-a11y-control,
  .mf-a11y-center--calm .mf-a11y-accordion-panel .mf-a11y-control{min-height:63px}
  .mf-a11y-center--calm .mf-a11y-accordion-trigger{min-height:58px}
}
@media(max-width:430px){
  .mf-a11y-center--calm .mf-a11y-quick-grid{grid-template-columns:1fr 1fr}
  .mf-a11y-center--calm .mf-a11y-quick-grid button{grid-template-columns:28px minmax(0,1fr);min-height:62px;padding:8px 7px;column-gap:7px}
  .mf-a11y-center--calm .mf-a11y-quick-grid button>span{width:28px;height:28px}
  .mf-a11y-center--calm .mf-a11y-quick-grid button strong{font-size:10px}
  .mf-a11y-center--calm .mf-a11y-quick-grid button small{font-size:7.8px}
  .mf-a11y-center--calm .mf-a11y-more-label small{display:none}
  .mf-a11y-center--calm .mf-a11y-stepper{grid-template-columns:34px 48px 34px}
}

/* ========================================================================== 
   MUSIC FM Accessibility Center V4 — header-attached mobile + neutral top
   2026-10-05
   ========================================================================== */
/* The accessibility header should feel like part of the site's neutral UI,
   not like a second branded hero. */
.mf-a11y-center--calm .mf-a11y-header{
  background:#eef1f4!important;
  color:#172b40!important;
  border-bottom:1px solid #d9e0e7!important;
  box-shadow:none!important;
}
.mf-a11y-center--calm .mf-a11y-header::before{
  height:2px!important;
  background:#cbd3dc!important;
}
.mf-a11y-center--calm .mf-a11y-header::after{display:none!important}
.mf-a11y-center--calm .mf-a11y-titlemark{
  background:#f8fafb!important;
  border-color:#d2d9e1!important;
  color:#315f87!important;
}
.mf-a11y-center--calm .mf-a11y-eyebrow{color:#627487!important}
.mf-a11y-center--calm .mf-a11y-header h2{color:#1b3046!important}
.mf-a11y-center--calm .mf-a11y-header p{color:#697888!important}
.mf-a11y-center--calm .mf-a11y-close{
  background:#f8fafb!important;
  border-color:#d0d8e0!important;
  color:#31485f!important;
}
.mf-a11y-center--calm .mf-a11y-close:hover{background:#fff!important;border-color:#bfc9d3!important}

/* On phones the accessibility center is a true extension of the 68px site
   header: no floating gap, no detached bottom sheet, no overlay over the bar. */
@media(max-width:760px){
  .mf-a11y-backdrop{
    inset-block-start:68px!important;
    inset-block-end:0!important;
  }
  .mf-a11y-center--calm{
    inset-block-start:68px!important;
    inset-block-end:0!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    border:0!important;
    border-top:1px solid #d5dce4!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .mf-a11y-center--calm .mf-a11y-header{
    min-height:96px!important;
    padding:15px 14px 13px!important;
  }
}

/* ===== END accessibility-core.css ===== */