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

/* ===== BEGIN classic-refinement.css ===== */
/* Music FM classic: shared solid icons and restrained editorial polish. */
:root{--mf-editorial-frame:#d4d7dc;--mf-editorial-marker:#d9ecf8}
body,input,textarea,select,button{font-family:var(--mf-font, "IBM Plex Sans Hebrew", Arial, sans-serif)}
.mf-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.15em;fill:currentColor;stroke:none}
svg[data-mf-icon]{fill:currentColor;stroke:none}
svg use{fill:currentColor;stroke:none}
.profile-stat__icon,.profile-timeline__mark,.profile-security-icon{display:grid;place-items:center;color:var(--p-blue,#1765ad)}
.profile-stat__icon:before,.profile-stat__icon:after,.profile-timeline__mark:before,.profile-timeline__mark:after{content:none!important;display:none!important}
.profile-stat__icon .mf-icon{width:23px;height:23px}
.profile-timeline__mark .mf-icon{width:17px;height:17px}
.profile-security-icon .mf-icon{width:19px;height:19px}
.profile-stat__icon[data-stat-icon="heart"]{color:var(--p-red,#c94c60)}
.profile-stat__icon[data-stat-icon="comment"]{color:var(--p-turq,#178f93)}
.profile-stat__icon[data-stat-icon="vote"]{color:var(--p-purple,#70529a)}
.dedication-like .mf-icon{width:18px;height:18px;color:#8a96a4}
.dedication-like.is-liked .mf-icon{color:#d94867}
.post-actions .mf-icon{width:16px;height:16px;margin-inline-end:5px}
.profile-empty .mf-icon{width:25px;height:25px}
/* Smart editorial ink: geometry comes from visible text, never a fixed title width. */
:root{--mf-marker-ink:rgba(86,181,244,.32);--mf-marker-inner:rgba(78,175,242,.13)}
.mf-marker-title{display:inline-block;max-width:100%;vertical-align:baseline;background:linear-gradient(transparent 12%,var(--mf-marker-ink) 12% 88%,transparent 88%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
[data-mf-marker-heading]{position:relative;isolation:isolate;z-index:0;min-width:0}
[data-mf-marker-layer]{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;overflow:visible}
html:root body [data-mf-marker-heading][data-mf-marker-ready]::before,
html:root body [data-mf-marker-heading][data-mf-marker-ready]::after{content:none!important;display:none!important}
.mf-marker-title[data-mf-marker-ready]{background:none!important}
.mf-marker-stroke{position:absolute;display:block;background:var(--mf-marker-ink);pointer-events:none;clip-path:polygon(0 9%,4% 4%,15% 7%,29% 3%,44% 6%,60% 2%,76% 5%,93% 4%,100% 10%,99% 91%,91% 96%,76% 93%,60% 98%,43% 94%,28% 97%,13% 93%,3% 95%,0 88%)}
.mf-marker-stroke::after{content:"";position:absolute;inset:24% 1% 23%;background:var(--mf-marker-inner);clip-path:polygon(0 8%,18% 3%,39% 6%,60% 1%,81% 5%,100% 9%,99% 91%,78% 97%,56% 93%,33% 98%,13% 93%,1% 96%)}
/* Breaking news retains its compact two-line layout; the ink measures both lines. */
.flash-title strong{display:inline-block;inline-size:4.45em;max-inline-size:100%;line-height:1.05!important;text-align:center;white-space:normal;padding:.04em .08em}
@media(max-width:680px){.flash-title strong{inline-size:4.15em}}
html[data-mf-a11y-dark="on"]{--mf-marker-ink:rgba(89,199,255,.24);--mf-marker-inner:rgba(89,199,255,.10)}
html[data-mf-a11y-calm="on"]{--mf-marker-ink:rgba(86,181,244,.18);--mf-marker-inner:transparent}
html[data-mf-a11y-contrast="high"] [data-mf-marker-layer]{display:none!important}
html[data-mf-a11y-contrast="high"] .mf-marker-title{background:none!important}
@media(forced-colors:active){[data-mf-marker-layer]{display:none!important}.mf-marker-title{background:none!important}}
@media print{[data-mf-marker-layer]{display:none!important}.mf-marker-title{background:none!important}}
@media(min-width:1024px){.home-page .mf-lead-image{border:5px solid var(--mf-editorial-frame);border-radius:0;box-sizing:border-box}}
@media(max-width:1023px){.home-page .mf-lead-image{border:0}}
.mf-icon--left{transform:rotate(180deg)}
.mf-icon--up{transform:rotate(-90deg)}

/* ===== END classic-refinement.css ===== */

/* ===== BEGIN icons.css ===== */
/* MUSIC FM: one Font Awesome Classic Solid SVG system, shared by pages, themes and admin. */
svg[data-mf-icon]{fill:currentColor!important;stroke:none!important;flex-shrink:0}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.mf-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.15em}
.mf-icon--left{transform:rotate(180deg)}
.mf-icon--up{transform:rotate(-90deg)}

/* Keep the existing button, state and gentle transition; both states are real family glyphs. */
.mf-mobile-menu-toggle .mf-icon{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);transition:opacity .36s ease,transform .58s cubic-bezier(.22,1,.36,1)}
.mf-mobile-menu-toggle .mf-menu-close-icon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.8)}
.mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-open-icon{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.8)}
.mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-close-icon{opacity:1;transform:translate(-50%,-50%)}

.mf-a11y-accordion-trigger>i{display:grid;place-items:center;width:14px;height:14px;border:0;color:#657486;transform:none!important}
.mf-a11y-accordion-trigger>i .mf-icon{width:14px;height:14px;color:inherit;transition:transform .15s ease}
.mf-a11y-accordion.is-open .mf-a11y-accordion-trigger>i .mf-icon{transform:rotate(180deg)}
.mf-a11y-stepper button{display:grid;place-items:center}
.mf-a11y-stepper button .mf-icon{width:13px;height:13px}

.help-faq-plus{display:grid;place-items:center;color:var(--help-blue,#1765ad)}
.help-faq-plus::before,.help-faq-plus::after{content:none;display:none}
.help-faq-plus .mf-icon{grid-area:1/1;width:14px;height:14px}
.help-faq-plus .mf-faq-collapse,.help-faq-item[open] .mf-faq-expand{display:none}
.help-faq-item[open] .mf-faq-collapse{display:inline-block}
.mf-icon-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.mf-icon-summary::marker{content:""}
.mf-icon-summary::-webkit-details-marker{display:none}
.mf-icon-summary>.mf-disclosure-icon{width:14px;height:14px;transition:transform .2s ease}
details[open]>.mf-icon-summary>.mf-disclosure-icon{transform:rotate(180deg)}

.dedication-play .mf-icon{width:13px;height:13px;margin-inline-end:4px}
.dedication-content small .mf-icon{width:10px;height:10px;margin-inline:4px}
.settings-mini-feature>span .mf-icon{width:17px;height:17px}
.settings-a11y-symbol .mf-icon{width:36px;height:36px;color:var(--s-blue,#1765ad)}
#ow-task-list button .mf-icon{width:14px;height:14px;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.mf-mobile-menu-toggle .mf-icon,.mf-a11y-accordion-trigger>i .mf-icon,.mf-icon-summary>.mf-disclosure-icon{transition:none}}

/* ===== END icons.css ===== */

/* ===== BEGIN site-unified-polish.css ===== */
/* ========================================================================== 
   MUSIC FM — CLASSIC FOUNDATION / REFINEMENT STAGES 01–05
   2026-10-05
   One canonical foundation for the uploaded classic version. This stylesheet
   refines existing templates and navigation; editorial grids/content stay intact.
   Theme headers reference this same file, not a second design-system copy.
   ========================================================================== */

:root{
  /* Canonical foundation: all public templates share these values. */
  --mf-ui-navy:#041327;
  --mf-ui-navy-2:#071d37;
  --mf-ui-navy-3:#0a2850;
  --mf-ui-blue:#147cff;
  --mf-ui-blue-deep:#0d5fc2;
  --mf-ui-sky:#59c7ff;
  --mf-ui-turquoise:#25c8c3;
  --mf-ui-purple:#7c67d9;
  --mf-ui-red:#e94355;
  --mf-ui-ink:#17243a;
  --mf-ui-ink-strong:#102541;
  --mf-ui-muted:#617086;
  --mf-ui-muted-2:#748298;
  --mf-ui-line:#e2e8ef;
  --mf-ui-line-strong:#ced8e3;
  --mf-ui-page:#f4f6f9;
  --mf-ui-soft:#f8fafc;
  --mf-ui-paper:#fff;
  --mf-ui-porcelain:linear-gradient(180deg,#fff 0%,#fff 68%,#fbfcfe 100%);
  --mf-ui-surface-edge:inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(16,37,65,.018);

  /* Depth is semantic: background / content / card / popover / modal. */
  --mf-ui-depth-0:none;
  --mf-ui-depth-1:var(--mf-ui-surface-edge),0 1px 2px rgba(4,19,39,.035),0 7px 20px rgba(4,19,39,.026);
  --mf-ui-depth-2:var(--mf-ui-surface-edge),0 2px 4px rgba(4,19,39,.04),0 12px 28px rgba(4,19,39,.045);
  --mf-ui-depth-3:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(4,19,39,.08),0 22px 50px rgba(4,19,39,.13);
  --mf-ui-depth-4:inset 0 1px 0 rgba(255,255,255,.96),0 8px 24px rgba(4,19,39,.10),0 32px 80px rgba(4,19,39,.19);
  --mf-ui-radius:3px;
  --mf-ui-radius-control:3px;
  --mf-ui-radius-layer:4px;
  --mf-ui-shadow:var(--mf-ui-depth-2);
  --mf-ui-shadow-soft:var(--mf-ui-depth-1);
  --mf-ui-focus:0 0 0 3px rgba(20,124,255,.14);
  --mf-ui-focus-color:#1265bb;
  --mf-ui-hover:#f1f6fb;
  --mf-ui-selected:#edf5fd;
  --mf-ui-success:#137568;
  --mf-ui-success-soft:#f0f8f5;
  --mf-ui-error:#b7354b;
  --mf-ui-error-soft:#fff5f6;

  /* Four-pixel rhythm; page-specific editorial grids remain intact. */
  --mf-ui-space-1:4px;
  --mf-ui-space-2:8px;
  --mf-ui-space-3:12px;
  --mf-ui-space-4:16px;
  --mf-ui-space-5:20px;
  --mf-ui-space-6:24px;
  --mf-ui-space-7:28px;
  --mf-ui-space-8:32px;
  --mf-ui-space-10:40px;
  --mf-ui-container:1240px;
  --mf-ui-section-space:72px;
  --mf-ui-section-space-mobile:42px;
  --mf-ui-header-height:92px;
  --mf-ui-touch:44px;
  --mf-ui-header-bottom:calc(var(--mf-ui-header-height) + env(safe-area-inset-top,0px));
  --mf-ui-z-nav-backdrop:1190;
  --mf-ui-z-nav-menu:1200;
  --mf-ui-z-header:1300;
  --mf-ui-z-popover:1400;
  --mf-ui-z-search:2000;

  /* Font choice is inherited from the existing central font include. */
  --mf-ui-headline-xl:clamp(36px,3.7vw,50px);
  --mf-ui-headline-l:clamp(32px,3.1vw,44px);
  --mf-ui-headline-m:clamp(28px,2.6vw,36px);
  --mf-ui-section-title:clamp(23px,2vw,28px);
  --mf-ui-card-title:18px;
  --mf-ui-body:16px;
  --mf-ui-meta:12px;
  --mf-ui-caption:11px;
  --mf-ui-button:14px;
  --mf-ui-label:13px;
  --mf-ui-leading-title:1.17;
  --mf-ui-leading-card:1.4;
  --mf-ui-leading-body:1.75;

  /* Shared timing. Navigation closes against this same duration. */
  --mf-ui-motion-fast:140ms;
  --mf-ui-motion-ui:180ms;
  --mf-ui-motion-layer:180ms;
  --mf-ui-motion-image:260ms;
  --mf-ui-ease:cubic-bezier(.2,.75,.25,1);

  /* Compatibility aliases, rather than new palettes in individual pages. */
  --mf-brand-muted:var(--mf-ui-muted);
  --mf-brand-muted-2:var(--mf-ui-muted-2);
  --mf-brand-line:var(--mf-ui-line);
  --mf-brand-line-strong:var(--mf-ui-line-strong);
  --mf-brand-soft:var(--mf-ui-page);
  --mf-brand-soft-2:var(--mf-ui-soft);
  --mf-brand-shadow:var(--mf-ui-depth-2);
  --mf-brand-shadow-soft:var(--mf-ui-depth-1);
  --mf-brand-focus:var(--mf-ui-focus);
  --mf-brand-radius:var(--mf-ui-radius);
  --mf-brand-ease:var(--mf-ui-ease);
  --mf-top-panel-bg:var(--mf-ui-paper);
  --mf-top-panel-line:var(--mf-ui-line);
  --mf-top-panel-border:var(--mf-ui-line);
  --mf-top-panel-divider:var(--mf-ui-line);
  --mf-top-panel-unread:var(--mf-ui-selected);
  --mf-top-panel-blue:var(--mf-ui-blue-deep);
  --mf-top-panel-open:var(--mf-ui-ease);
  --mf-top-panel-text:var(--mf-ui-ink-strong);
  --mf-top-panel-muted:var(--mf-ui-muted);
  --mf-top-panel-hover:var(--mf-ui-hover);
  --mf-top-panel-radius:var(--mf-ui-radius-layer);
  --mf-top-panel-shadow:var(--mf-ui-depth-3);
  --mf-top-panel-duration:var(--mf-ui-motion-layer);
  --mf-top-panel-ease:var(--mf-ui-ease);
}

/* ===== Base / typography ===== */
html{background:var(--mf-ui-page);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--mf-ui-page)!important;
  color:var(--mf-ui-ink);
  font-family:var(--mf-font,"IBM Plex Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif)!important;
  line-height:1.62;
}
body,button,input,textarea,select{font-family:var(--mf-font,"IBM Plex Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif)!important}
main{min-width:0}
.mf-container,.container{width:min(var(--mf-ui-container),calc(100% - 42px));margin-inline:auto}

h1,h2,h3,h4,h5,h6{font-family:var(--mf-font,"IBM Plex Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif)!important;color:var(--mf-ui-ink-strong)}
h1,h2{font-weight:700!important;letter-spacing:-.035em}
h3,h4,h5,h6{font-weight:700!important;letter-spacing:-.018em}
strong,b{font-weight:700}
small,.meta,[class*="meta"],[class*="eyebrow"],[class*="kicker"]{font-variant-numeric:tabular-nums}

::selection{background:rgba(89,199,255,.30);color:var(--mf-ui-navy)}
/* Focus follows the light/dark surface; keyboard feedback stays visible. */
:focus-visible{outline:2px solid var(--mf-ui-focus-color)!important;outline-offset:3px!important}
:is(.site-header,.mf-editorial-footer,.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.profile-hero,.settings-hero,.notifications-hero,.artist-hero,.mf-wide-strip) :focus-visible{
  outline-color:var(--mf-ui-sky)!important;
}
::placeholder{color:var(--mf-ui-muted);opacity:1}
:where(main,.mf-header-account__menu,.mf-notification-dropdown) :where(.meta,[class*="__meta"],time){font-variant-numeric:tabular-nums}
:where(button,input,textarea,select){font-size:var(--mf-ui-button)}

/* Consistent motion. No component should feel much slower than another. */
a,button,input,textarea,select,summary{
  transition-duration:var(--mf-ui-motion-ui)!important;
  transition-timing-function:var(--mf-ui-ease)!important;
}

/* ===== Porcelain surfaces: subtle edges and distinct depth ===== */
/* Level 1 is a whole editorial area, not every nested row within it. */
body :is(
  .artists-editorial,.artists-directory,.news-top,.news-side-block,
  .contact-form-card,.help-faq-content,.help-faq-sidebar,.dedications-ranking,.dedications-guide,
  .dedications-archive,.legal-document,.legal-sidebar,.terms-document,.terms-sidebar,.auth-shell,
  .profile-card,.profile-side-card,.settings-card,.settings-side-card,.notifications-side-card,
  .side-card,.composer,.chart-table,.song-list,.mf-section,.mf-side-card,.pulse-panel,.mf-hero-board,.history-reader
){
  border-color:var(--mf-ui-line)!important;
  border-radius:var(--mf-ui-radius)!important;
  background:var(--mf-ui-porcelain)!important;
  box-shadow:var(--mf-ui-depth-1)!important;
}

/* Level 2: independent interactive cards and featured content. */
body :is(
  .artist-feature,.help-category-card,.help-contact-card,.profile-feature-card,.profile-library-card,
  .notification-card,.post,.playlist-grid>a,.album-card,.news-directory-card,
  .artist-profile-card,.editorial-artist,.contact-route-grid>article,.about-world-item,
  .about-tech-grid article,.about-principles-grid article,.settings-choice-card
){
  border-color:var(--mf-ui-line)!important;
  border-radius:var(--mf-ui-radius)!important;
  background:var(--mf-ui-porcelain)!important;
  box-shadow:var(--mf-ui-depth-2)!important;
}
/* Featured packages deserve a slightly stronger base than small sections. */
:is(.mf-hero-board,.artist-feature,.auth-shell){box-shadow:var(--mf-ui-depth-2)!important}
/* Dark editorial calls to action retain their existing background. */
.news-side-note{box-shadow:var(--mf-ui-depth-1)!important;border-color:var(--mf-ui-line)!important}
:is(.news-final,.contact-final-card,.about-contact-card){border-color:var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius)!important}

/* Nested content shares its parent's plane, rather than accumulating shadows. */
:is(.mf-mini-card,.news-top-card,.news-row,.dedication-row){
  border-color:var(--mf-ui-line)!important;
  background:var(--mf-ui-porcelain)!important;
  box-shadow:none!important;
}
.home-page .mf-lead-copy{background:var(--mf-ui-porcelain)!important}
.home-page .mf-mini-grid{background:transparent!important}
.home-page .flash-strip{background:var(--mf-ui-porcelain)!important;box-shadow:var(--mf-ui-depth-1)!important}

/* Level 3: menus share their surface, depth and motion language. */
:is(.mf-header-account__menu,.mf-notification-dropdown,.mega-menu.v4-mega){
  background:var(--mf-ui-porcelain)!important;
  border-color:var(--mf-ui-line)!important;
  box-shadow:var(--mf-ui-depth-3)!important;
}
:is(.mf-header-account__menu,.mf-notification-dropdown){border-radius:var(--mf-ui-radius-layer)!important}
/* Level 4: focused system tasks, clearly above the navigation layer. */
:is(.premium-search,.history-dialog,.mf-a11y-center){box-shadow:var(--mf-ui-depth-4)!important}
.premium-search,.history-dialog{background:var(--mf-ui-porcelain)!important}

/* Keep intentional round things round, but remove random rounded cards/pills. */
:is(.avatar,.profile-avatar__status,.mf-header-account__online,.online-users i,.auth-live i,
    .notifications-channel i,.settings-side-card--status li>i,.history-volume-record,.history-volume-record::before,
    .v4-action,.mf-mobile-menu-toggle,.album-play,.play,.dedication-play){border-radius:50%!important}

/* ===== Buttons / interactive controls ===== */
:is(
  .primary-btn,.about-btn,.history-button,.profile-action,.auth-submit,.contact-form-actions button,
  .contact-hero-links a,.help-contact-actions a,.dedication-form-actions button,.news-read-link,
  .notifications-mark-all,.settings-form-actions button,.settings-form-actions a
){
  min-height:44px;
  border-radius:var(--mf-ui-radius-control)!important;
  font-weight:600!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
}

:is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button){
  background:var(--mf-ui-blue-deep)!important;
  border-color:var(--mf-ui-blue-deep)!important;
  color:#fff!important;
}
:is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button):hover{
  background:#0a52ab!important;
  border-color:#0a52ab!important;
  transform:translateY(-1px);
}

/* ===== Forms ===== */
:is(
  .contact-form input,.contact-form textarea,.contact-form select,.auth-input,.composer textarea,
  .settings-page input,.settings-page textarea,.settings-page select,.artists-search,.news-search,
  .help-search-box,.legal-search,.terms-search,.newsletter input
){
  border-radius:var(--mf-ui-radius-control)!important;
  border-color:var(--mf-ui-line-strong)!important;
  background:#fff!important;
  color:var(--mf-ui-ink)!important;
}
:is(.contact-form input:not([type="checkbox"],[type="radio"]),.auth-input,.settings-page input:not([type="checkbox"],[type="radio"]),.settings-page select){min-height:48px}
:is(.contact-form textarea,.settings-page textarea,.composer textarea){line-height:1.7}
:is(
  .contact-form input,.contact-form textarea,.contact-form select,.auth-input,.composer textarea,
  .settings-page input,.settings-page textarea,.settings-page select
):focus{
  outline:0!important;
  border-color:#9fc9f6!important;
  box-shadow:var(--mf-ui-focus)!important;
}

/* ===== Stage 02 — header and navigation, on the same foundation ===== */
html{scrollbar-gutter:stable}
body .site-header.v4-site-header,
body:is(.scrolled,.menu-open,.search-open,.mf-top-layer-open) .site-header.v4-site-header{
  position:sticky!important;top:0!important;z-index:var(--mf-ui-z-header)!important;
  height:calc(var(--mf-ui-header-height) + env(safe-area-inset-top,0px))!important;
  padding-top:env(safe-area-inset-top,0px);
  background:var(--mf-ui-navy)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.018)!important;
  backdrop-filter:none!important;filter:none!important;
  transition:none!important;
}
.v4-nav-shell{
  display:grid!important;grid-template-columns:250px minmax(0,1fr) auto!important;
  height:var(--mf-ui-header-height)!important;min-height:var(--mf-ui-header-height);
  align-items:center!important;gap:var(--mf-ui-space-6)!important;
  width:min(var(--mf-ui-container),calc(100% - 42px))!important;
}
.v4-mainnav{min-width:0;gap:clamp(14px,1.8vw,24px)!important;align-items:center!important}
.v4-mainnav>a,.v4-mainnav .v4-more{
  min-width:0;font-weight:600!important;letter-spacing:0!important;
  line-height:1.35!important;transform:none!important;
  transition:color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
.v4-mainnav>a.active,.v4-mainnav>a[aria-current="page"],.v4-mainnav>a:hover{color:#fff!important}
.v4-mainnav>a::after{
  height:2px!important;background:var(--mf-ui-sky)!important;box-shadow:none!important;
  transform:scaleX(0);transform-origin:center;
  right:0!important;left:0!important;
  transition:transform var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
.v4-mainnav>a:is(.active,[aria-current="page"],:hover,:focus-visible)::after{transform:scaleX(1)}
.mf-mobile-menu-toggle .mf-icon{transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease),transform var(--mf-ui-motion-layer) var(--mf-ui-ease)!important}
.v4-more svg{transition:transform var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;transform-origin:center}
.v4-actions{align-items:center!important;gap:var(--mf-ui-space-2)!important}
.v4-action,.mf-header-account>summary{
  border-color:rgba(255,255,255,.17)!important;background:transparent!important;
  transition:color var(--mf-ui-motion-ui) var(--mf-ui-ease),background-color var(--mf-ui-motion-ui) var(--mf-ui-ease),border-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
.v4-action:hover,.mf-header-account>summary:hover{
  background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.28)!important;
}
.v4-actions :is(.v4-action,summary):focus-visible{
  outline:2px solid var(--mf-ui-sky)!important;outline-offset:3px!important;
}

/* The background receives a tint; the header retains its exact navy. */
.mf-nav-backdrop{
  position:fixed;inset:var(--mf-ui-header-bottom) 0 0;
  z-index:var(--mf-ui-z-nav-backdrop);background:rgba(4,19,39,.22);
  opacity:0;pointer-events:none;
  transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease);
}
.mf-nav-backdrop.is-open{opacity:1;pointer-events:auto}
.mf-nav-backdrop[hidden]{display:none!important}

/* One reversible opacity/transform transition. No animated clip or blur. */
body .mega-menu.v4-mega.mf-expanded-mega,
body.scrolled .mega-menu.v4-mega.mf-expanded-mega{
  position:fixed!important;top:var(--mf-ui-header-bottom)!important;
  right:0!important;left:0!important;bottom:auto!important;
  z-index:var(--mf-ui-z-nav-menu)!important;
  max-height:calc(100vh - var(--mf-ui-header-bottom));
  max-height:calc(100dvh - var(--mf-ui-header-bottom));
  height:auto!important;overflow-y:auto!important;overflow-x:hidden;
  overscroll-behavior-y:contain;touch-action:pan-y;
  background:var(--mf-ui-porcelain)!important;
  border-bottom:1px solid var(--mf-ui-line)!important;
  box-shadow:var(--mf-ui-depth-3)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateY(-6px)!important;clip-path:none!important;filter:none!important;
  transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease),transform var(--mf-ui-motion-layer) var(--mf-ui-ease),visibility var(--mf-ui-motion-layer) linear!important;
  transition-delay:0s!important;
}
body .mega-menu.v4-mega.mf-expanded-mega.open,
body.scrolled .mega-menu.v4-mega.mf-expanded-mega.open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
}
body .mega-menu.v4-mega.mf-expanded-mega{scrollbar-width:none;-ms-overflow-style:none}
body .mega-menu.v4-mega.mf-expanded-mega::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}
.mf-expanded-mega :is(.v4-mega-intro,.mf-mega-group){
  opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important;
}
.mf-mega-editorial-shell{border-color:var(--mf-ui-line)!important}
.mf-expanded-mega .mf-mega-headline-row{padding-block:var(--mf-ui-space-8);gap:var(--mf-ui-space-8)}
.mf-expanded-mega .v4-mega-intro h2{font-size:var(--mf-ui-headline-m)!important;line-height:1.25!important;letter-spacing:-.025em!important}
.mf-expanded-mega .mf-mega-group{
  padding:var(--mf-ui-space-6) var(--mf-ui-space-6) var(--mf-ui-space-7)!important;
  border-color:var(--mf-ui-line)!important;
}
.mf-expanded-mega .mf-mega-group h3{color:var(--mf-ui-ink-strong)!important;line-height:1.4!important;margin-bottom:var(--mf-ui-space-3)!important}
.mf-expanded-mega .mf-mega-group a{
  display:flex!important;align-items:center;min-height:36px;padding:6px 0!important;
  color:#44556c!important;font-weight:500!important;line-height:1.55!important;
  border-radius:var(--mf-ui-radius-control);
  transition:color var(--mf-ui-motion-ui) var(--mf-ui-ease),background-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
.mf-expanded-mega .mf-mega-group a:is(:hover,:focus-visible){
  color:var(--mf-ui-blue-deep)!important;background:var(--mf-ui-hover)!important;
  padding:6px 0!important;transform:none!important;
}
.mf-expanded-mega .mf-mega-group a::before{display:none!important}
.mf-expanded-mega .mf-mega-group a[aria-current="page"]{color:var(--mf-ui-blue-deep)!important;box-shadow:inset -2px 0 0 var(--mf-ui-blue-deep);background:var(--mf-ui-selected)!important}
.mf-expanded-mega .mf-mega-group--service{background:var(--mf-ui-soft)!important}
.mf-mega-quicklinks :is(a,button){min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px!important}
.mf-expanded-mega .v4-mega-close{width:44px!important;height:44px!important;border-radius:var(--mf-ui-radius-layer)!important;top:24px!important}
.mf-mega-bottomline{gap:var(--mf-ui-space-6)}

.search-overlay{background:rgba(4,19,39,.72)!important;backdrop-filter:none!important;z-index:var(--mf-ui-z-search)!important;overscroll-behavior:contain}
.search-overlay{transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease),visibility var(--mf-ui-motion-layer) linear!important}
.premium-search{
  border:1px solid var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius-layer)!important;
  box-shadow:var(--mf-ui-depth-4)!important;
}
.search-overlay .premium-search{transform:translateY(-6px);transition:transform var(--mf-ui-motion-layer) var(--mf-ui-ease)!important}
.search-overlay.open .premium-search{transform:none}
.search-field{border-color:var(--mf-ui-blue-deep)!important;border-radius:var(--mf-ui-radius-control)!important}
.search-trends a{border-radius:var(--mf-ui-radius-control)!important;background:var(--mf-ui-page)!important;border:1px solid var(--mf-ui-line)!important}
.mf-header-account__menu,.mf-notification-dropdown{z-index:var(--mf-ui-z-popover)!important}
body.search-open{overflow:hidden!important}
body.menu-open{touch-action:auto!important}

@media(min-width:981px) and (max-width:1180px){
  .v4-nav-shell{grid-template-columns:220px minmax(0,1fr) auto!important;gap:16px!important}
  .v4-mainnav{gap:clamp(10px,1.3vw,16px)!important}
  .v4-brand.mf-classic-brand .mf-classic-word{font-size:27px!important}
  .v4-brand.mf-classic-brand{gap:10px!important}
}
@keyframes mfMobileBottomReturn{
  0%{opacity:0;transform:translateY(calc(100% + 10px))}
  58%{opacity:.82}
  100%{opacity:1;transform:translateY(0)}
}
@media(max-width:980px) and (hover:none){
  :root{--mf-ui-header-height:68px}
  .v4-nav-shell{
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;
    grid-template-areas:"menu brand actions";gap:8px!important;
    height:68px!important;width:min(var(--mf-ui-container),calc(100% - 24px))!important;
  }
  .v4-mainnav{display:none!important}

  /* The three original lines themselves morph into the X. The button never spins. */
  .mf-mobile-menu-toggle{
    grid-area:menu;display:grid!important;place-items:center;position:relative!important;
    top:auto!important;right:auto!important;left:auto!important;justify-self:start;
    width:44px!important;height:44px!important;padding:0!important;transform:none!important;
    border:0!important;border-radius:4px!important;background:transparent!important;color:#dce8f3!important;
    -webkit-tap-highlight-color:transparent;
  }
  .mf-mobile-menu-toggle:active{transform:none!important;background:rgba(255,255,255,.035)!important}
  .mf-mobile-menu-toggle .mf-menu-lines{position:relative;display:block;width:25px;height:20px;pointer-events:none}
  .mf-mobile-menu-toggle .mf-menu-line{
    position:absolute!important;left:50%!important;right:auto!important;
    display:block;width:25px;height:1.6px;border-radius:999px;background:currentColor;
    transform:translateX(-50%);transform-origin:center;
    transition:top .52s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .24s ease!important;
  }
  .mf-mobile-menu-toggle .mf-menu-line--1{top:3px!important}
  .mf-mobile-menu-toggle .mf-menu-line--2{top:9px!important;width:19px}
  .mf-mobile-menu-toggle .mf-menu-line--3{top:15px!important}
  .mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-line--1{top:9px!important;transform:translateX(-50%) rotate(45deg)!important}
  .mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-line--2{top:9px!important;width:0!important;opacity:0!important;transform:translateX(-50%)!important}
  .mf-mobile-menu-toggle[aria-expanded="true"] .mf-menu-line--3{top:9px!important;transform:translateX(-50%) rotate(-45deg)!important}

  .v4-brand.mf-classic-brand{
    grid-area:brand;position:static!important;top:auto!important;left:auto!important;
    transform:none!important;justify-self:center!important;align-self:center!important;
    display:grid!important;place-items:center;width:44px!important;height:44px!important;
  }
  .v4-brand.mf-classic-brand .mf-classic-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
  .v4-brand.mf-classic-brand .mf-classic-copy{display:none!important}
  .v4-actions{
    grid-area:actions;position:static!important;top:auto!important;left:auto!important;
    transform:none!important;justify-self:end!important;gap:4px!important;
  }
  .v4-actions .v4-desktop-action{display:none!important}
  .v4-actions>.v4-action,.v4-actions>.mf-header-notifications{
    flex-basis:44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
  .mf-notification-trigger{width:44px!important;height:44px!important}

  /* Calm mobile menu: white editorial surface, soft reversible motion, hidden scrollbar. */
  body .mega-menu.v4-mega.mf-expanded-mega,
  body.scrolled .mega-menu.v4-mega.mf-expanded-mega{
    top:var(--mf-ui-header-bottom)!important;bottom:0!important;height:auto!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;
    scrollbar-width:none!important;-ms-overflow-style:none!important;
    background:#fff!important;border:0!important;border-top:1px solid #e9edf2!important;box-shadow:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1),visibility 0s linear .52s!important;
  }
  body .mega-menu.v4-mega.mf-expanded-mega::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}
  body .mega-menu.v4-mega.mf-expanded-mega.open,
  body.scrolled .mega-menu.v4-mega.mf-expanded-mega.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
    transition-delay:0s!important;
  }
  .mf-expanded-mega .mf-mega-editorial-shell{width:100%!important;min-height:100%;padding:0!important;background:#fff!important}
  .mf-expanded-mega .mf-mega-headline-row{
    display:block;padding:22px 20px 18px;background:#fff;border-bottom:1px solid #edf0f3!important;
  }
  .mf-expanded-mega .v4-mega-intro{
    opacity:0!important;transform:translateY(9px)!important;
    transition:opacity .30s ease,transform .46s cubic-bezier(.22,1,.36,1)!important;
  }
  .mf-expanded-mega.open .v4-mega-intro{opacity:1!important;transform:none!important;transition-delay:.08s!important}
  .mf-expanded-mega .v4-mega-intro>span{color:#6497bd!important;font-size:8px!important;letter-spacing:1.8px!important}
  .mf-expanded-mega .v4-mega-intro h2{font-size:24px!important;line-height:1.18!important;letter-spacing:-.025em!important;color:#0b223c!important;margin-bottom:8px!important}
  .mf-expanded-mega .v4-mega-intro p{font-size:12.5px!important;line-height:1.65!important;color:#7a8796!important;max-width:590px!important}
  .mf-expanded-mega .mf-mega-note{display:none!important}

  .mf-expanded-mega .v4-mega-grid.mf-mega-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:#fff!important;border-bottom:0!important}
  .mf-expanded-mega .mf-mega-group,
  .mf-expanded-mega .mf-mega-group:nth-child(2n){
    opacity:0!important;transform:translateY(10px)!important;
    padding:18px 20px 19px!important;background:#fff!important;
    border-color:#edf0f3!important;border-bottom:1px solid #edf0f3!important;
    transition:opacity .27s ease,transform .44s cubic-bezier(.22,1,.36,1)!important;
  }
  .mf-expanded-mega .mf-mega-group:nth-child(2n){border-inline-end:0!important}
  .mf-expanded-mega .mf-mega-group--service{grid-column:1/-1;background:#fcfcfd!important}
  .mf-expanded-mega.open .mf-mega-group{opacity:1!important;transform:none!important}
  .mf-expanded-mega.open .mf-mega-group:nth-child(1){transition-delay:.10s!important}
  .mf-expanded-mega.open .mf-mega-group:nth-child(2){transition-delay:.13s!important}
  .mf-expanded-mega.open .mf-mega-group:nth-child(3){transition-delay:.16s!important}
  .mf-expanded-mega.open .mf-mega-group:nth-child(4){transition-delay:.19s!important}
  .mf-expanded-mega.open .mf-mega-group:nth-child(5){transition-delay:.22s!important}
  .mf-expanded-mega .mf-mega-group small{font-size:8px!important;letter-spacing:.8px!important;color:#9badbd!important}
  .mf-expanded-mega .mf-mega-group h3{font-size:15.5px!important;line-height:1.35!important;margin:4px 0 8px!important;color:#19334e!important}
  .mf-expanded-mega .mf-mega-group a,
  .mf-expanded-mega .mf-mega-group a:is(:hover,:focus-visible){
    min-height:42px!important;padding:8px 0!important;font-size:13.5px!important;line-height:1.45!important;
    color:#617184!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  }
  .mf-expanded-mega .mf-mega-group a:is(:active,:focus-visible){color:#0d5fc2!important;background:#fafcff!important}
  .mf-expanded-mega .mf-mega-group a[aria-current="page"]{color:#0d5fc2!important;background:transparent!important;box-shadow:inset -2px 0 0 #bcd8ee!important}
  .mf-expanded-mega .v4-mega-close{display:none!important}

  /* One long, almost-white framed service strip for greeting/contact/accessibility. */
  .mf-mega-bottomline{
    width:100%!important;min-height:0!important;margin:0!important;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;
    background:#fafbfc!important;
    border-top:1px solid #edf0f3!important;border-bottom:1px solid #edf0f3!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  .mf-mega-bottom-title{display:none!important}
  .mf-mega-quicklinks{
    width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  .mf-mega-quicklinks :is(a,button){
    min-width:0!important;min-height:42px!important;margin:0!important;padding:0 8px!important;
    border:0!important;border-inline-start:1px solid #eef1f4!important;background:transparent!important;
    color:#647386!important;font-size:11.5px!important;font-weight:650!important;text-align:center!important;
    justify-content:center!important;gap:6px!important;border-radius:0!important;
    transition:color .18s ease,background-color .18s ease!important;
  }
  .mf-mega-quicklinks :is(a,button):nth-child(2n+1){border-inline-start:0!important}
  .mf-mega-quicklinks :is(a,button):is(:hover,:focus-visible,:active){color:#0d5fc2!important;background:rgba(20,124,255,.022)!important}
  .mf-mega-quicklinks > :first-child{color:#29445f!important;font-weight:800!important}
  .mf-mega-accessibility--bottom{
    grid-column:1/-1!important;width:100%!important;min-height:42px!important;margin:2px 0 0!important;padding:0 8px!important;
    border:0!important;border-top:1px solid #eef1f4!important;background:transparent!important;
    color:#647386!important;font-size:11.5px!important;justify-content:center!important;
  }
  .mf-mega-accessibility--bottom .mf-a11y-svg-icon{width:16px!important;height:16px!important;flex-basis:16px!important}

  body.menu-open{overflow:hidden!important}
  body:not(.mf-admin){padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .mobile-bottom.mf-mobile-bottom{
    position:fixed!important;right:0!important;left:0!important;bottom:0!important;z-index:150!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    height:calc(72px + env(safe-area-inset-bottom))!important;padding:0 7px env(safe-area-inset-bottom)!important;
    background:#fff!important;border-top:1px solid var(--mf-ui-line)!important;
    box-shadow:0 -3px 12px rgba(4,19,39,.045)!important;
    opacity:1;transform:translateY(0);
    transition:opacity .30s ease,transform .42s cubic-bezier(.22,1,.36,1)!important;
    will-change:opacity,transform;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link{
    height:72px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;min-width:0;padding:8px 2px 7px!important;font-size:14px;color:var(--mf-ui-muted)!important;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__icon{width:31px;height:27px;display:grid;place-items:center;color:inherit}
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__icon svg{width:20px!important;height:20px!important}
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__label{font-size:11px!important;line-height:1.25!important;font-weight:600!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link:is(.active,[aria-current="page"]){color:var(--mf-ui-ink-strong)!important}
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link:is(.active,[aria-current="page"]) .mf-mobile-bottom__icon{color:var(--mf-ui-blue-deep)}
  body:is(.menu-open,.menu-closing,.search-open) .mobile-bottom.mf-mobile-bottom{
    opacity:0!important;transform:translateY(calc(100% + 10px))!important;pointer-events:none!important;
  }
  body.menu-bottom-return:not(.menu-open):not(.menu-closing):not(.search-open) .mobile-bottom.mf-mobile-bottom{
    animation:mfMobileBottomReturn .58s cubic-bezier(.22,1,.36,1) both!important;
    pointer-events:auto!important;
  }
}
@media(max-width:360px){
  .mf-expanded-mega .mf-mega-group,.mf-expanded-mega .mf-mega-group:nth-child(2n){padding:16px!important}
  .v4-nav-shell{gap:4px!important}
}

/* ===== One page-hero family ===== */
:is(
  .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
  .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero
){
  background:linear-gradient(125deg,var(--mf-ui-navy) 0%,var(--mf-ui-navy-2) 62%,var(--mf-ui-navy-3) 100%)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
:is(
  .about-eyebrow,.contact-eyebrow,.help-eyebrow,.news-kicker,.dedications-eyebrow,
  .profile-eyebrow,.settings-eyebrow,.notifications-eyebrow,.legal-kicker,.terms-kicker,
  .artists-eyebrow,.artist-section-kicker
){
  color:var(--mf-ui-sky)!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
}
:is(
  .about-hero h1,.contact-hero h1,.help-hero h1,.news-masthead h1,.dedications-masthead h1,
  .profile-hero h1,.settings-hero h1,.notifications-hero h1,.legal-hero h1,.terms-hero h1
){
  font-weight:700!important;
  letter-spacing:-.042em!important;
  text-wrap:balance;
}
:is(
  .about-hero-lead,.contact-hero p,.help-hero p,.news-masthead p,.dedications-masthead p,
  .profile-hero p,.settings-hero p,.notifications-hero p,.legal-hero p,.terms-hero p
){color:#c8d5e4!important}

/* Keep hero content proportions related across pages. */
:is(.about-hero-grid,.contact-hero-grid,.help-hero-layout,.news-masthead-inner,.dedications-masthead-grid,
    .profile-hero__inner,.settings-hero__inner,.notifications-hero__inner,.legal-hero-inner,.terms-hero-inner){
  padding-top:54px!important;
  padding-bottom:54px!important;
}

/* Light editorial masthead for directory pages: same spacing, same accent language. */
.artists-masthead{
  background:#fff!important;
  border-bottom:1px solid var(--mf-ui-line)!important;
}
.artists-masthead-grid{padding-top:52px!important;padding-bottom:52px!important}
.artists-masthead h1{font-weight:700!important;color:var(--mf-ui-ink-strong)!important}
.artists-masthead p{color:var(--mf-ui-muted)!important}
.artists-masthead-stats{background:var(--mf-ui-navy-2)!important;border-color:rgba(255,255,255,.08)!important}

/* ===== Section headings / page titles ===== */
:is(
  .about-section-heading,.contact-section-heading,.help-section-head,.news-section-head,
  .dedications-section-head,.artists-section-head,.profile-section-head,.settings-section-head,
  .notifications-list-head,.section-heading,.mf-section-heading,.page-title
){margin-bottom:var(--mf-ui-space-7)}

:is(
  .about-section-heading h2,.contact-section-heading h2,.help-section-head h2,.news-section-head h2,
  .dedications-section-head h2,.artists-section-head h2,.profile-section-head h2,.settings-section-head h2,
  .notifications-list-head h2,.section-heading h2,.mf-section-heading h2,.page-title h1
){color:var(--mf-ui-ink-strong)!important;font-weight:700!important}

.page-title{
  padding-bottom:20px!important;
  margin-bottom:30px!important;
  border-bottom:1px solid var(--mf-ui-line)!important;
}
.page-title::after{height:2px!important;background:var(--mf-ui-blue)!important}
.page-title h1{font-size:clamp(38px,4.4vw,58px)!important}
.page-title p{color:var(--mf-ui-muted)!important;max-width:760px}

/* ===== Navigation strips / filters / local tabs ===== */
:is(.about-jumpbar,.help-jump,.profile-local-nav-wrap,.settings-nav-wrap,.notifications-filter-wrap){
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--mf-ui-line)!important;
  box-shadow:0 1px 0 rgba(4,19,39,.025),0 4px 12px rgba(4,19,39,.022)!important;
  backdrop-filter:none!important;
}
:is(.about-jumpbar a,.help-jump a,.profile-local-nav button,.settings-nav button,.notifications-filters a){
  color:#5f6d81!important;
  font-weight:600!important;
}
:is(.about-jumpbar a.active,.help-jump a.active,.profile-local-nav button.active,.settings-nav button.active,.notifications-filters a.active){
  color:var(--mf-ui-navy)!important;
}

:is(.news-filter,.artist-filter,.help-filter-list button,.profile-tags span,.notifications-status-chip){
  border-radius:var(--mf-ui-radius-control)!important;
}

/* ===== Home ===== */
.home-page .home-stage{padding-top:var(--mf-ui-space-6);padding-bottom:52px}
.home-page .mf-hero-board{border-color:var(--mf-ui-line)!important;background:var(--mf-ui-porcelain)!important}
.home-page .mf-lead-copy h1{font-weight:700!important;color:var(--mf-ui-ink-strong)!important}
.home-page .mf-lead-copy p{color:#46536a!important}
.home-page .mf-mini-card h2{font-weight:700!important;color:var(--mf-ui-ink-strong)!important}
.home-page .flash-strip{border-top-width:3px!important;border-color:var(--mf-ui-line)!important;border-top-color:var(--mf-ui-navy)!important}
.home-page .portal-title h2,.home-page .mf-section-heading h2,.home-page .panel-head h2{font-weight:700!important}
/* Heading space belongs to the heading row, not a second section wrapper.
   Keep each template's existing inline/bottom padding and its title markers. */
.home-page .mf-section{padding-top:0}
.home-page .mf-section-heading{
  height:auto;min-height:0;padding-block:var(--mf-ui-space-4);
  margin-bottom:var(--mf-ui-space-4);
}
.home-page .pulse-panel,.home-page .mf-side-card{padding-top:var(--mf-ui-space-4)}
.home-page .portal-title{
  height:auto;min-height:0;align-items:center;padding-top:0;
  padding-bottom:var(--mf-ui-space-3);margin-bottom:var(--mf-ui-space-3);
}
.home-page .mf-side-card .panel-head{
  height:auto;min-height:0;padding-top:0;
  padding-bottom:var(--mf-ui-space-3);margin-bottom:var(--mf-ui-space-3);
}
.home-page .wide-strip{border-radius:var(--mf-ui-radius)!important}

/* ===== News / Artists / Dedications / Help / Contact / About ===== */
:is(.news-content,.artists-body,.dedications-content,.help-categories,.help-popular,.help-faq-section,.contact-directory,.contact-form-section,.about-main){background:var(--mf-ui-page)}

:is(.news-top-card,.news-row,.news-editorial-card,.news-directory-card,.editorial-artist,.artist-profile-card,
    .dedication-feature,.dedication-composer,.dedication-row,.contact-route-grid>article,.about-tech-grid article,
    .about-principles-grid article,.about-world-item,.help-category-card){
  border-color:var(--mf-ui-line)!important;
  border-radius:var(--mf-ui-radius)!important;
}

:is(.news-row,.dedication-row,.artist-profile-card,.editorial-artist){transition:background-color .18s var(--mf-ui-ease),border-color .18s var(--mf-ui-ease)!important}
:is(.news-row,.dedication-row,.artist-profile-card,.editorial-artist):hover{background:#fff!important;border-color:#cad7e5!important;transform:none!important}

/* ===== Classic content family ===== */
.classic-content-page main{background:var(--mf-ui-page)!important}
.classic-content-page .listing-page,.classic-content-page .article-layout{padding-top:44px!important;padding-bottom:72px!important}
.classic-content-page .music-feature,.classic-content-page .song-list,.classic-content-page .chart-table,
.classic-content-page .composer,.classic-content-page .post,.classic-content-page .playlist-grid>a{
  background:var(--mf-ui-porcelain)!important;border-color:var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius)!important;
}
.classic-content-page .side-card{background:var(--mf-ui-porcelain)!important}
.classic-content-page .album-card img,.classic-content-page .playlist-grid img,.classic-content-page .song-list img,.classic-content-page .chart-table-row img{border-radius:0!important}
.classic-content-page .song-list>a,.classic-content-page .chart-table-row{min-height:74px}
.classic-content-page .post p,.classic-content-page .music-feature p,.classic-content-page .article-body{color:#46536a}
.classic-content-page .article-body{line-height:1.85}
.classic-content-page .article-body h2{font-weight:700!important}

/* ===== Account family ===== */
.profile-page,.settings-page,.notifications-page{background:var(--mf-ui-page)!important;color:var(--mf-ui-ink)!important}
.profile-layout,.settings-shell,.notifications-shell{padding-top:30px!important;padding-bottom:76px!important}
.profile-card,.profile-feature-card,.profile-library-card,.settings-card,.settings-side-card,.notifications-side-card,.notification-card{background:var(--mf-ui-porcelain)!important}
.profile-feature-card:after{width:3px!important}
.profile-stat,.profile-quick-grid a,.profile-community-summary article{background:#fff!important;border-color:var(--mf-ui-line)!important}
.settings-progress>i,.profile-progress,.notifications-side-meter{border-color:var(--mf-ui-line)!important}

/* ===== Legal family ===== */
.legal-page-body,.terms-page-body{background:var(--mf-ui-page)!important}
.legal-shell,.terms-shell{gap:var(--mf-ui-space-7)!important;margin-top:var(--mf-ui-space-8)!important}
.legal-document,.terms-document{padding:40px 46px 50px!important}
.legal-section,.terms-section{border-bottom-color:var(--mf-ui-line)!important}
.legal-notice,.terms-notice{background:#f8fafc!important;border-color:var(--mf-ui-line-strong)!important}
.legal-final,.terms-final{background:linear-gradient(135deg,var(--mf-ui-navy),var(--mf-ui-navy-3))!important}

/* ===== Authentication ===== */
.auth-page{background:var(--mf-ui-page)!important}
.auth-wrap{margin-top:34px!important;margin-bottom:62px!important}
.auth-shell{border-color:var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius)!important;box-shadow:var(--mf-ui-shadow)!important}
.auth-visual{background:linear-gradient(145deg,var(--mf-ui-navy),var(--mf-ui-navy-2) 62%,var(--mf-ui-navy-3))!important}
.auth-input{border-radius:var(--mf-ui-radius-control)!important}
.auth-submit{background:var(--mf-ui-blue-deep)!important}
.auth-submit:hover{background:#0a52ab!important;filter:none!important}

/* ===== History book: unique story, same product language ===== */
.history-book-page{
  --history-navy:var(--mf-ui-navy)!important;
  --history-ink:var(--mf-ui-ink-strong)!important;
  --history-blue:var(--mf-ui-blue)!important;
  --history-sky:var(--mf-ui-sky)!important;
  --history-line:var(--mf-ui-line)!important;
  --history-paper:#fff!important;
  background:var(--mf-ui-page)!important;
}
.history-cover{background:#fff!important;border-bottom-color:var(--mf-ui-line)!important}
.history-cover::before{background:linear-gradient(115deg,transparent 58%,rgba(89,199,255,.08))!important}
.history-eyebrow{color:var(--mf-ui-blue-deep)!important}
.history-cover h1,.history-hero-intro h2,.history-chapter-heading h2{color:var(--mf-ui-ink-strong)!important;font-weight:700!important}
.history-hero-intro p,.history-byline,.history-cover-meta{color:var(--mf-ui-muted)!important}
.history-milestones{border-bottom-color:var(--mf-ui-line)!important}
.history-milestones a{border-color:var(--mf-ui-line)!important}
.history-milestones a:hover{background:#f7faff!important}
.history-reader{background:var(--mf-ui-porcelain)!important;border:1px solid var(--mf-ui-line)!important;box-shadow:var(--mf-ui-shadow-soft)!important}
.history-chapter{border-color:var(--mf-ui-line)!important}
.history-index summary{border-bottom-color:var(--mf-ui-navy)!important}
.history-index a,.history-dialog-index a{border-bottom-color:var(--mf-ui-line)!important}
.history-index a[aria-current],.history-dialog-index a[aria-current]{background:#f1f7fd!important;border-inline-start-color:var(--mf-ui-blue)!important}
.history-button,.history-icon-button,.history-save-button,.history-dialog{border-radius:var(--mf-ui-radius-control)!important}
.history-pullquote,.history-notes-scene,.history-drafts-scene,.history-archive{border-color:var(--mf-ui-line-strong)!important}
.history-prose>p{color:#3f5066}

/* ===== Accessibility center belongs to the site, not a separate product ===== */
.mf-a11y-center,.mf-a11y-center *{font-family:var(--mf-font,"IBM Plex Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif)!important}
.mf-a11y-center{--mf-a11y-radius:var(--mf-ui-radius-control);--mf-a11y-soft:var(--mf-ui-soft);--mf-a11y-line:var(--mf-ui-line);--mf-a11y-ink:var(--mf-ui-ink-strong);--mf-a11y-muted:var(--mf-ui-muted)}

/* ===== Footer ===== */
.mf-editorial-footer{background:var(--mf-ui-navy)!important;border-top:1px solid rgba(255,255,255,.06)!important}
.mf-footer-column nav a{font-weight:500!important}
.mf-footer-column nav a:hover{color:var(--mf-ui-sky)!important}

/* ===== Type roles — no font replacement or logo/marker rewrite ===== */
.home-page .mf-lead-copy h1{font-size:var(--mf-ui-headline-xl)!important;line-height:var(--mf-ui-leading-title)!important;letter-spacing:-.032em}
:where(.classic-content-page) .page-title h1{font-size:var(--mf-ui-headline-l)!important;line-height:var(--mf-ui-leading-title)!important}
:is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.legal-hero,.terms-hero) h1{
  font-size:var(--mf-ui-headline-l)!important;line-height:var(--mf-ui-leading-title)!important;
}
:is(.artists-masthead h1,.profile-identity__copy h1,.settings-hero h1,.notifications-hero h1){
  font-size:var(--mf-ui-headline-m)!important;line-height:var(--mf-ui-leading-title)!important;
}
:is(.about-section-heading h2,.contact-section-heading h2,.help-section-head h2,.news-section-head h2,
    .artists-section-head h2,.dedications-section-head h2,.profile-section-head h2,.settings-section-head h2,
    .notifications-list-head h2){font-size:var(--mf-ui-section-title)!important;line-height:1.3!important}
/* Home marker dimensions are deliberately preserved; type only is refined. */
.home-page :is(.mf-mini-card h2,.mf-section-side h3){line-height:var(--mf-ui-leading-card)!important}
:is(.artist-profile-copy h3,.profile-library-card h3,.help-category-card h3,.album-card h3){
  font-size:var(--mf-ui-card-title)!important;line-height:var(--mf-ui-leading-card)!important;
}
:is(.mf-meta,.news-story-meta,.artist-feature-meta,.mf-mini-card small,.song-list .duration){
  font-size:var(--mf-ui-meta)!important;color:var(--mf-ui-muted)!important;line-height:1.6!important;
}
:is(.mf-lead-copy p,.news-row-copy p,.artist-profile-copy p,.profile-card p,.settings-card p){line-height:var(--mf-ui-leading-body)}
:is(.contact-form label,.auth-field>label,.settings-form-grid>label){font-size:var(--mf-ui-label)}
:where(.mf-container,.container) :where(.story-copy,.news-row-copy,.artist-profile-copy,.profile-identity__copy){min-width:0}

/* ===== Shared feedback — small changes, never layout-shifting padding ===== */
:where(button,a,summary){-webkit-tap-highlight-color:rgba(20,124,255,.10)}
:is(.primary-btn,.about-btn,.history-button,.profile-action,.auth-submit,.contact-form-actions button,
    .dedication-form-actions button,.settings-primary-button,.notifications-mark-all):active:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(1px)!important;
  box-shadow:inset 0 1px 3px rgba(4,19,39,.16)!important;
}
:is(.v4-action,.mf-mobile-menu-toggle,.album-play,.play,.dedication-play,.chart-row button,.song-list button):active{
  transform:scale(.96)!important;
}
:where(main) :is(button,input,select,textarea):disabled,
:where(main) [aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* No animated shadows, filters, padding or permanent compositing hints. */
@media(hover:hover) and (pointer:fine){
  :is(.help-category-card,.album-card,.playlist-grid>a,.profile-library-card){
    transition-property:transform,border-color!important;
    transition-duration:var(--mf-ui-motion-ui)!important;
    transition-timing-function:var(--mf-ui-ease)!important;
  }
  :is(.help-category-card,.album-card,.playlist-grid>a,.profile-library-card):hover{
    transform:translateY(-1px)!important;border-color:#bfcede!important;
  }
  :is(.news-row,.dedication-row,.artist-profile-card,.editorial-artist,.mf-mini-card):hover{background:var(--mf-ui-hover)!important}
  :is(.chart-row,.song-list>a,.chart-table-row):hover{background:var(--mf-ui-hover)!important}
  .home-page .interesting-panel li a:hover{padding-inline:0!important}
  :is(.mf-lead-image img,.mini-media img,.mf-hot-grid img,.mf-section-lead img,.news-lead-media img,.news-row-media img){
    transition:transform var(--mf-ui-motion-image) var(--mf-ui-ease)!important;
  }
  :is(.mf-lead-image,.mf-mini-card,.mf-hot-grid a,.mf-section-lead,.news-lead-media,.news-row-media):hover img{
    transform:scale(1.012)!important;
  }
}
@media(hover:none){
  :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card):hover{transform:none!important}
}

/* Both existing top panels share exactly the same surface and transition. */
.mf-header-account__menu,.mf-notification-dropdown{
  transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease),transform var(--mf-ui-motion-layer) var(--mf-ui-ease),visibility var(--mf-ui-motion-layer) linear!important;
}
.mf-header-account__links>a:hover,.mf-notification-mini:hover{background:var(--mf-ui-hover)!important}
.mf-header-account__links>a:focus-visible,.mf-notification-mini:focus-visible{outline-offset:-3px!important}
.mf-header-account__close,.mf-notification-close{border-color:var(--mf-ui-line-strong);border-radius:var(--mf-ui-radius-layer)}

/* Selection and state styling consume existing real states; no fake actions. */
:is(.news-filter,.artist-filter,.help-filter-list button).is-active{
  border-color:var(--mf-ui-blue-deep)!important;color:var(--mf-ui-blue-deep)!important;
  background:var(--mf-ui-selected)!important;box-shadow:inset 0 -2px 0 var(--mf-ui-blue-deep);
}
:is(.contact-form,.auth-form,.settings-card) :is(input,select,textarea)[aria-invalid="true"]{
  border-color:var(--mf-ui-error)!important;box-shadow:0 0 0 3px rgba(183,53,75,.10)!important;
}
:is(.settings-alert--error,.notifications-flash--error,.mf-notification-status){
  color:var(--mf-ui-error)!important;background:var(--mf-ui-error-soft)!important;border-color:#efcdd4!important;
}
:is(.settings-alert:not(.settings-alert--error),.notifications-flash--success){
  color:var(--mf-ui-success)!important;background:var(--mf-ui-success-soft)!important;border-color:#cce5dc!important;
}
:is(.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.dedications-empty){
  border-color:var(--mf-ui-line)!important;color:var(--mf-ui-muted)!important;background:var(--mf-ui-soft)!important;
}
:where(main) [aria-busy="true"]{cursor:progress}
:where(main) button[aria-busy="true"]{opacity:.75;transform:none!important}
:is(.dedication-like.is-liked,.post-actions [aria-pressed="true"]){color:var(--mf-ui-error)!important}

/* Touch targets grow through padding/minimum size, never by zooming the page. */
@media(pointer:coarse){
  :is(.v4-action,.mf-mobile-menu-toggle,.mf-notification-close,.mf-header-account__close){
    min-width:var(--mf-ui-touch)!important;min-height:var(--mf-ui-touch)!important;
  }
  .v4-actions>.mf-header-notifications{flex-basis:44px!important;width:44px!important;height:44px!important}
  .mf-notification-trigger{width:44px!important;height:44px!important}
  .mf-header-account>summary{min-width:44px!important;min-height:44px!important}
  :is(.mf-mega-group a,.mf-mobile-bottom__link,.help-filter-list button,.news-filter,.artist-filter){min-height:var(--mf-ui-touch)!important}
}

/* Namespace bridges: previous page tokens all resolve to the canonical palette. */
:root{
  --mf-brand-navy:var(--mf-ui-navy);
  --mf-brand-navy-2:var(--mf-ui-navy-2);
  --mf-brand-navy-3:var(--mf-ui-navy-3);
  --mf-brand-blue:var(--mf-ui-blue);
  --mf-brand-blue-deep:var(--mf-ui-blue-deep);
  --mf-brand-cyan:var(--mf-ui-sky);
  --mf-brand-sky:var(--mf-ui-sky);
  --mf-brand-turquoise:var(--mf-ui-turquoise);
  --mf-brand-purple:var(--mf-ui-purple);
  --mf-brand-red:var(--mf-ui-red);
  --mf-brand-ink:var(--mf-ui-ink);
  --mf-brand-ink-strong:var(--mf-ui-ink-strong);
  --mf-brand-muted:var(--mf-ui-muted);
  --mf-brand-muted-2:var(--mf-ui-muted-2);
  --mf-brand-line:var(--mf-ui-line);
  --mf-brand-line-strong:var(--mf-ui-line-strong);
  --mf-brand-soft:var(--mf-ui-page);
  --mf-brand-soft-2:var(--mf-ui-soft);
  --mf-brand-paper:var(--mf-ui-paper);
  --mf-navy:var(--mf-ui-navy);
  --mf-navy-2:var(--mf-ui-navy-2);
  --mf-blue:var(--mf-ui-blue);
  --mf-sky:var(--mf-ui-sky);
  --mf-turquoise:var(--mf-ui-turquoise);
  --mf-purple:var(--mf-ui-purple);
  --mf-red:var(--mf-ui-red);
  --mf-ink:var(--mf-ui-ink);
  --mf-muted:var(--mf-ui-muted);
  --mf-line:var(--mf-ui-line);
  --mf-soft:var(--mf-ui-page);
  --mf-card:var(--mf-ui-paper);
  --mf-white:var(--mf-ui-paper);
  --navy:var(--mf-ui-navy);--blue:var(--mf-ui-blue-deep);
  --muted:var(--mf-ui-muted);--line:var(--mf-ui-line);--soft:var(--mf-ui-page);
}
body.home-page{
  --home-navy:var(--mf-ui-navy);
  --home-navy2:var(--mf-ui-navy-2);
  --home-navy-2:var(--mf-ui-navy-2);
  --home-blue:var(--mf-ui-blue);
  --home-sky:var(--mf-ui-sky);
  --home-cyan:var(--mf-ui-sky);
  --home-turq:var(--mf-ui-turquoise);
  --home-turquoise:var(--mf-ui-turquoise);
  --home-purple:var(--mf-ui-purple);
  --home-red:var(--mf-ui-red);
  --home-ink:var(--mf-ui-ink);
  --home-muted:var(--mf-ui-muted);
  --home-line:var(--mf-ui-line);
  --home-soft:var(--mf-ui-page);
  --home-paper:var(--mf-ui-paper);
  --home-white:var(--mf-ui-paper);
  --home-bg:var(--mf-ui-page);
}
body .settings-page{
  --s-navy:var(--mf-ui-navy);
  --s-navy2:var(--mf-ui-navy-2);
  --s-navy-2:var(--mf-ui-navy-2);
  --s-blue:var(--mf-ui-blue);
  --s-sky:var(--mf-ui-sky);
  --s-cyan:var(--mf-ui-sky);
  --s-turq:var(--mf-ui-turquoise);
  --s-turquoise:var(--mf-ui-turquoise);
  --s-purple:var(--mf-ui-purple);
  --s-red:var(--mf-ui-red);
  --s-ink:var(--mf-ui-ink);
  --s-muted:var(--mf-ui-muted);
  --s-line:var(--mf-ui-line);
  --s-soft:var(--mf-ui-page);
  --s-paper:var(--mf-ui-paper);
  --s-white:var(--mf-ui-paper);
  --s-bg:var(--mf-ui-page);
}
body :is(.news-page,.notifications-page){
  --n-navy:var(--mf-ui-navy);
  --n-navy2:var(--mf-ui-navy-2);
  --n-navy-2:var(--mf-ui-navy-2);
  --n-blue:var(--mf-ui-blue);
  --n-sky:var(--mf-ui-sky);
  --n-cyan:var(--mf-ui-sky);
  --n-turq:var(--mf-ui-turquoise);
  --n-turquoise:var(--mf-ui-turquoise);
  --n-purple:var(--mf-ui-purple);
  --n-red:var(--mf-ui-red);
  --n-ink:var(--mf-ui-ink);
  --n-muted:var(--mf-ui-muted);
  --n-line:var(--mf-ui-line);
  --n-soft:var(--mf-ui-page);
  --n-paper:var(--mf-ui-paper);
  --n-white:var(--mf-ui-paper);
  --n-bg:var(--mf-ui-page);
}
body.about-premium-page,body .about-main,body .about-hero{
  --about-navy:var(--mf-ui-navy);
  --about-navy2:var(--mf-ui-navy-2);
  --about-navy-2:var(--mf-ui-navy-2);
  --about-blue:var(--mf-ui-blue);
  --about-sky:var(--mf-ui-sky);
  --about-cyan:var(--mf-ui-sky);
  --about-turq:var(--mf-ui-turquoise);
  --about-turquoise:var(--mf-ui-turquoise);
  --about-purple:var(--mf-ui-purple);
  --about-red:var(--mf-ui-red);
  --about-ink:var(--mf-ui-ink);
  --about-muted:var(--mf-ui-muted);
  --about-line:var(--mf-ui-line);
  --about-soft:var(--mf-ui-page);
  --about-paper:var(--mf-ui-paper);
  --about-white:var(--mf-ui-paper);
  --about-bg:var(--mf-ui-page);
}
body .contact-premium-page{
  --c-navy:var(--mf-ui-navy);
  --c-navy2:var(--mf-ui-navy-2);
  --c-navy-2:var(--mf-ui-navy-2);
  --c-blue:var(--mf-ui-blue);
  --c-sky:var(--mf-ui-sky);
  --c-cyan:var(--mf-ui-sky);
  --c-turq:var(--mf-ui-turquoise);
  --c-turquoise:var(--mf-ui-turquoise);
  --c-purple:var(--mf-ui-purple);
  --c-red:var(--mf-ui-red);
  --c-ink:var(--mf-ui-ink);
  --c-muted:var(--mf-ui-muted);
  --c-line:var(--mf-ui-line);
  --c-soft:var(--mf-ui-page);
  --c-paper:var(--mf-ui-paper);
  --c-white:var(--mf-ui-paper);
  --c-bg:var(--mf-ui-page);
}
body .help-premium-page{
  --help-navy:var(--mf-ui-navy);
  --help-navy2:var(--mf-ui-navy-2);
  --help-navy-2:var(--mf-ui-navy-2);
  --help-blue:var(--mf-ui-blue);
  --help-sky:var(--mf-ui-sky);
  --help-cyan:var(--mf-ui-sky);
  --help-turq:var(--mf-ui-turquoise);
  --help-turquoise:var(--mf-ui-turquoise);
  --help-purple:var(--mf-ui-purple);
  --help-red:var(--mf-ui-red);
  --help-ink:var(--mf-ui-ink);
  --help-muted:var(--mf-ui-muted);
  --help-line:var(--mf-ui-line);
  --help-soft:var(--mf-ui-page);
  --help-paper:var(--mf-ui-paper);
  --help-white:var(--mf-ui-paper);
  --help-bg:var(--mf-ui-page);
}
body .dedications-page{
  --dd-navy:var(--mf-ui-navy);
  --dd-navy2:var(--mf-ui-navy-2);
  --dd-navy-2:var(--mf-ui-navy-2);
  --dd-blue:var(--mf-ui-blue);
  --dd-sky:var(--mf-ui-sky);
  --dd-cyan:var(--mf-ui-sky);
  --dd-turq:var(--mf-ui-turquoise);
  --dd-turquoise:var(--mf-ui-turquoise);
  --dd-purple:var(--mf-ui-purple);
  --dd-red:var(--mf-ui-red);
  --dd-ink:var(--mf-ui-ink);
  --dd-muted:var(--mf-ui-muted);
  --dd-line:var(--mf-ui-line);
  --dd-soft:var(--mf-ui-page);
  --dd-paper:var(--mf-ui-paper);
  --dd-white:var(--mf-ui-paper);
  --dd-bg:var(--mf-ui-page);
}

/* ===== Stage 04 — one finish across public pages and administration ===== */
:root{
  --mf-ui-icon:18px;
  --mf-ui-control-height:44px;
  --mf-ui-field-height:48px;
  --mf-ui-card-padding:24px;
  --mf-ui-card-gap:20px;
}
[hidden]{display:none!important}
:where(main,.adm-main) :where(article,section,aside,form,fieldset,.story-copy,.post-user>div,.song-list>a>div){min-width:0}
:where(main,.adm-main) :where(p,li,dd,.meta,.caption){overflow-wrap:break-word}
:where(main,.adm-main) :where(time,.duration,[class*="stat"],[class*="metric"]){font-variant-numeric:tabular-nums}
:where(main,.adm-main) :where(img){max-width:100%}

/* Uncovered surfaces join the same depth hierarchy; dark editorial bands stay dark. */
body :is(.artist-card,.cards-4>a,.contact-card){
  background:var(--mf-ui-porcelain)!important;border:1px solid var(--mf-ui-line)!important;
  border-radius:var(--mf-ui-radius)!important;box-shadow:var(--mf-ui-depth-2)!important;
}
body :is(.dedication-composer,.dedication-feature,.legal-summary-item,.help-service-map,.profile-accessibility-card){
  border-color:var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius)!important;
}
body :is(.contact-card,.faq details){padding:var(--mf-ui-card-padding)}
body .cards-4>a{overflow:hidden;padding-bottom:16px}
body .cards-4>a h3{margin:12px 16px 0;font-size:var(--mf-ui-card-title);line-height:var(--mf-ui-leading-card)}
body .artist-card{overflow:hidden;padding-bottom:16px}
body .artist-card :is(h3,span){margin-inline:16px}
body .artist-card span{display:block;margin-top:4px;color:var(--mf-ui-muted)}

/* A musical card uses the image's own grid cell for its play mark. */
body .album-grid,body .playlist-grid{gap:var(--mf-ui-card-gap);align-items:stretch}
body .album-card{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;
  overflow:hidden;padding-bottom:16px;border:1px solid var(--mf-ui-line)!important;
}
body .album-card>img{grid-area:1/1;width:100%;aspect-ratio:1;object-fit:cover}
body .album-card>h3{grid-row:2;margin:12px 14px 0!important}
body .album-card>p{grid-row:3;margin:4px 14px 0!important;line-height:1.5;color:var(--mf-ui-muted)}
body .album-card>.album-play{
  grid-area:1/1;position:relative!important;top:auto!important;left:auto!important;
  justify-self:end;align-self:end;margin:12px;width:44px;height:44px;
  background:var(--mf-ui-blue-deep);color:#fff;border:1px solid rgba(255,255,255,.6);
  display:grid;place-items:center;box-shadow:0 2px 8px rgba(4,19,39,.12);
}
body .playlist-grid>a{overflow:hidden;border:1px solid var(--mf-ui-line)!important}
body .playlist-grid>a>div{padding:16px 18px 18px}
body .playlist-grid h3{font-size:var(--mf-ui-card-title);line-height:var(--mf-ui-leading-card)}
body .playlist-grid p{font-size:var(--mf-ui-meta);line-height:1.6;color:var(--mf-ui-muted)}

/* Compact catalog rows, with a consistent action column and no shifting hover. */
body :is(.song-list,.chart-table){overflow:hidden;border:1px solid var(--mf-ui-line)!important;box-shadow:var(--mf-ui-depth-1)!important}
body .chart-table{border-top:2px solid var(--mf-ui-navy)!important}
body :is(.song-list>a,.chart-table-row){
  padding:14px 18px;border-bottom-color:var(--mf-ui-line)!important;
  transition:background-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
body :is(.song-list>a:last-child,.chart-table-row:last-child){border-bottom:0}
body :is(.song-list>a>div,.chart-table-row>div){min-width:0;line-height:1.5}
body :is(.song-list>a strong,.chart-table-row strong){font-size:16px;font-weight:600;overflow-wrap:anywhere}
body :is(.song-list>a span,.chart-table-row>div>span){color:var(--mf-ui-muted);font-size:var(--mf-ui-meta)}
body :is(.song-list img,.chart-table-row img){object-fit:cover;border:1px solid var(--mf-ui-line);border-radius:var(--mf-ui-radius)!important}
body :is(.song-list button,.chart-table-row .play,.chart-row button,.playlist-grid :is(button,.playlist-play-icon)){
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
  display:grid;place-items:center;border-radius:50%!important;
  border:1px solid var(--mf-ui-line-strong)!important;background:var(--mf-ui-soft)!important;color:var(--mf-ui-blue-deep)!important;
  transition:transform var(--mf-ui-motion-fast) var(--mf-ui-ease),background-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
body .playlist-grid :is(button,.playlist-play-icon){background:var(--mf-ui-blue-deep)!important;color:#fff!important;border-color:rgba(255,255,255,.65)!important}
body :is(.song-list button,.chart-table-row .play,.chart-row button):hover{background:var(--mf-ui-selected)!important}
body :is(.song-list button,.chart-table-row .play,.chart-row button,.playlist-grid :is(button,.playlist-play-icon)):active{transform:scale(.96)!important}
body .chart-table-row>button:not(.play){
  min-height:44px;border-radius:var(--mf-ui-radius-control)!important;
  border:1px solid var(--mf-ui-line-strong)!important;background:#fff!important;
  color:var(--mf-ui-blue-deep)!important;font-size:var(--mf-ui-label);font-weight:600;
}
body .chart-table-row>button:not(.play):hover{background:var(--mf-ui-selected)!important}

/* The editorial article keeps a reading rhythm rather than a wall of text. */
body .article-page h1{font-size:var(--mf-ui-headline-xl)!important;line-height:var(--mf-ui-leading-title)!important;letter-spacing:-.03em;max-width:24ch}
body .article-deck{font-size:clamp(18px,1.7vw,22px);line-height:1.6;color:var(--mf-ui-muted)}
body .article-meta{gap:12px;align-items:center;flex-wrap:wrap;border-color:var(--mf-ui-line);font-size:var(--mf-ui-meta)}
body .article-body{max-width:720px;font-size:18px;line-height:1.85}
body .article-body>p{margin-block:0 24px}
body .article-body h2{font-size:var(--mf-ui-section-title);line-height:1.3;margin-block:36px 16px}
body .article-body blockquote{margin-block:28px;padding:16px 20px;border-inline-start:3px solid var(--mf-ui-blue-deep);font-size:clamp(20px,2vw,24px);line-height:1.55;background:var(--mf-ui-soft)}
body .article-hero{object-fit:cover;border-radius:var(--mf-ui-radius)!important}
body .caption{font-size:var(--mf-ui-caption);line-height:1.6;color:var(--mf-ui-muted)}
body .breadcrumbs{font-size:var(--mf-ui-meta);line-height:1.7;color:var(--mf-ui-muted)}
body .artist-hero h1{font-size:var(--mf-ui-headline-l)!important;line-height:var(--mf-ui-leading-title)!important}
body .artist-hero p{max-width:640px;font-size:var(--mf-ui-body);line-height:var(--mf-ui-leading-body)}
body .artist-hero img{height:clamp(220px,25vw,310px);object-fit:cover;border-radius:var(--mf-ui-radius)!important}
body .music-feature{overflow:hidden;border:1px solid var(--mf-ui-line)!important;box-shadow:var(--mf-ui-depth-2)!important}
body .music-feature h2{font-size:var(--mf-ui-headline-m);line-height:var(--mf-ui-leading-title)}
body .music-feature>div{padding:32px}

/* Community belongs to the same editorial product, including poll options. */
body :is(.composer,.post){padding:var(--mf-ui-card-padding)}
body .post-user{gap:12px;align-items:center}
body .post-user strong{font-size:16px;color:var(--mf-ui-ink-strong)}
body .post-user span{font-size:var(--mf-ui-meta);color:var(--mf-ui-muted)}
body .post>p{margin-block:18px;font-size:var(--mf-ui-body);line-height:var(--mf-ui-leading-body)}
body .post-actions{gap:8px;border-color:var(--mf-ui-line);padding-top:12px;flex-wrap:wrap}
body .post-actions button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:8px 12px;border:1px solid transparent;border-radius:var(--mf-ui-radius-control);
  color:var(--mf-ui-muted);font-size:var(--mf-ui-label);line-height:1.4;
}
body .post-actions button:hover{color:var(--mf-ui-blue-deep);background:var(--mf-ui-hover)}
body .post-actions button[aria-pressed="true"]{color:var(--mf-ui-blue-deep);background:var(--mf-ui-selected);border-color:var(--mf-ui-line-strong)}
body .community-layout .sidebar label:has(input[type="radio"]){
  display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;margin-bottom:8px;
  border:1px solid var(--mf-ui-line);border-radius:var(--mf-ui-radius-control);font-size:14px;cursor:pointer;
}
body .community-layout .sidebar label:has(input[type="radio"]:checked){background:var(--mf-ui-selected);border-color:var(--mf-ui-blue-deep);color:var(--mf-ui-ink-strong)}
body .online-users{gap:12px}
body .online-users span{line-height:1.5;color:var(--mf-ui-muted)}

/* Every primary action has the same type, shape, feedback and contrast. */
body :is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button,
         .settings-primary-button,.settings-form-actions>button:not(.danger),.profile-action--primary,
         .notifications-empty a:first-child,.history-button-primary,.help-contact-actions a:first-child,.newsletter button,.adm-button:not(.adm-button-light)){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--mf-ui-control-height)!important;padding:10px 18px;
  border:1px solid var(--mf-ui-blue-deep)!important;border-radius:var(--mf-ui-radius-control)!important;
  background:var(--mf-ui-blue-deep)!important;color:#fff!important;
  font-size:var(--mf-ui-button)!important;font-weight:600!important;line-height:1.4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;text-decoration:none;
  transition:background-color var(--mf-ui-motion-ui) var(--mf-ui-ease),border-color var(--mf-ui-motion-ui) var(--mf-ui-ease),transform var(--mf-ui-motion-fast) var(--mf-ui-ease)!important;
}
body :is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button,
         .settings-primary-button,.settings-form-actions>button:not(.danger),.profile-action--primary,
         .notifications-empty a:first-child,.history-button-primary,.help-contact-actions a:first-child,.newsletter button,.adm-button:not(.adm-button-light)):hover{
  background:#0a52ab!important;border-color:#0a52ab!important;transform:none!important;
}
body :is(.primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button,
         .settings-primary-button,.settings-form-actions>button:not(.danger),.profile-action--primary,
         .notifications-empty a:first-child,.history-button-primary,.help-contact-actions a:first-child,.newsletter button,.adm-button:not(.adm-button-light)):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(1px)!important}
body :is(.history-button-secondary,.profile-inline-button,.auth-social,.settings-form-actions>a,.adm-button-light,.about-btn-ghost-dark,.help-contact-actions a:not(:first-child)){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:10px 16px;border:1px solid var(--mf-ui-line-strong)!important;
  border-radius:var(--mf-ui-radius-control)!important;background:var(--mf-ui-porcelain)!important;
  color:var(--mf-ui-ink-strong)!important;font-size:var(--mf-ui-button);font-weight:600!important;line-height:1.4;
}
body :is(.history-button-secondary,.profile-inline-button,.auth-social,.settings-form-actions>a,.adm-button-light,.about-btn-ghost-dark,.help-contact-actions a:not(:first-child)):hover{
  background:var(--mf-ui-hover)!important;border-color:#bfcede!important;transform:none!important;
}
body :is(.profile-action,.about-btn,.history-button,.history-save-button,.notifications-empty a,.mf-a11y-control){
  min-height:44px;border-radius:var(--mf-ui-radius-control)!important;font-size:var(--mf-ui-button);font-weight:600!important;
}
body :is(.settings-danger-card button,.settings-data-actions .danger){color:var(--mf-ui-error)!important;border-color:var(--mf-ui-error)!important;background:var(--mf-ui-error-soft)!important}
:where(main,.adm-main,.mf-a11y-center) :is(button,[role="button"]) .mf-icon{width:var(--mf-ui-icon);height:var(--mf-ui-icon);flex-shrink:0}

/* Fields share a finish; switches and native choice controls keep their geometry. */
body :where(main,.adm-main) :is(input,textarea,select):not([type="checkbox"],[type="radio"],[type="range"],[type="hidden"],[type="file"],[type="color"],[type="submit"],[type="button"],[type="reset"]){
  border:1px solid var(--mf-ui-line-strong)!important;border-radius:var(--mf-ui-radius-control)!important;
  background:#fff!important;color:var(--mf-ui-ink)!important;
  font-size:16px!important;line-height:1.5;max-width:100%;
  transition:border-color var(--mf-ui-motion-ui) var(--mf-ui-ease),background-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
body :where(main,.adm-main) :is(input,select):not([type="checkbox"],[type="radio"],[type="range"],[type="hidden"],[type="file"],[type="color"],[type="submit"],[type="button"],[type="reset"]){min-height:var(--mf-ui-field-height)!important}
body :where(main,.adm-main) textarea{min-height:112px;resize:vertical;line-height:var(--mf-ui-leading-body)!important}
body :where(main,.adm-main) :is(input,textarea,select):not([type="checkbox"],[type="radio"],[type="range"],[type="hidden"]):focus{
  border-color:var(--mf-ui-blue-deep)!important;box-shadow:var(--mf-ui-focus)!important;
}
body :where(main,.adm-main) :is(input,textarea,select)[aria-invalid="true"]{border-color:var(--mf-ui-error)!important}
body :where(main,.adm-main) :is(input,textarea,select)[aria-invalid="true"]:focus{border-color:var(--mf-ui-error)!important;box-shadow:0 0 0 3px rgba(183,53,75,.14)!important}
body :where(main,.adm-main) :is(input,textarea)[readonly]{background:var(--mf-ui-soft)!important;color:var(--mf-ui-muted)!important}
body :where(main,.adm-main) input:is([type="checkbox"],[type="radio"]){accent-color:var(--mf-ui-blue-deep)}
body :is(.auth-check,.contact-agree,.dedication-agree,.community-layout .sidebar) input:is([type="checkbox"],[type="radio"]){width:18px;height:18px;min-height:18px!important;padding:0;flex-shrink:0}
body :is(.settings-switch input:checked+i,.mf-a11y-switch-row input:checked+i){background:var(--mf-ui-blue-deep)!important;border-color:var(--mf-ui-blue-deep)!important}
body :is(.settings-switch i,.mf-a11y-switch-row>i){transition:background-color var(--mf-ui-motion-ui) var(--mf-ui-ease),border-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important}
body .settings-switch i:after,body .mf-a11y-switch-row>i:before{right:3px!important;transition:transform var(--mf-ui-motion-ui) var(--mf-ui-ease)!important}
body .settings-switch input:checked+i:after,body .mf-a11y-switch-row input:checked+i:before{transform:translateX(-19px)!important}
body :is(.settings-switch,.mf-a11y-switch-row) input:focus-visible+i{outline:2px solid var(--mf-ui-focus-color)!important;outline-offset:3px!important}

/* Empty, error and success states share the same spacing and semantic palette. */
body :is(.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.ow-empty,.an-empty,.legal-index-empty,.terms-index-empty){
  padding:32px 24px;border:1px solid var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius)!important;
  background:var(--mf-ui-soft)!important;color:var(--mf-ui-muted)!important;box-shadow:none!important;
}
body :is(.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.ow-empty,.an-empty) :is(h2,strong){color:var(--mf-ui-ink-strong);line-height:1.4}
body :is(.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.ow-empty,.an-empty) p{max-width:48ch;margin-inline:auto;font-size:var(--mf-ui-body);line-height:1.7}
body :is(.contact-errors,.auth-alert--error,.settings-alert--error,.dedication-form-error,.notifications-flash--error,.adm-theme-notice.is-error){
  border:1px solid #efcbd2!important;border-radius:var(--mf-ui-radius-control)!important;
  background:var(--mf-ui-error-soft)!important;color:var(--mf-ui-error)!important;padding:16px 18px;line-height:1.7;
}
body :is(.contact-success,.auth-alert--success,.settings-alert:not(.settings-alert--error),.dedication-form-success,.notifications-flash:not(.notifications-flash--error),.adm-theme-notice.is-success){
  border:1px solid #c9e5da!important;border-radius:var(--mf-ui-radius-control)!important;
  background:var(--mf-ui-success-soft)!important;color:var(--mf-ui-success)!important;padding:16px 18px;line-height:1.7;
}
body :is(.auth-note,.contact-form-intro>p,.dedication-form-note,.settings-form-note){color:var(--mf-ui-muted);font-size:var(--mf-ui-meta);line-height:1.7}
body :where(main,.adm-main) :is(button,[role="button"]):is([aria-busy="true"],.is-loading){opacity:.8;cursor:progress}
html:root body :where(main,.adm-main) :is(button,a,input,textarea,select):is(:disabled,[aria-disabled="true"]){opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* Accordion, selection and dialog treatments use the same small corner and motion. */
body .faq details{background:var(--mf-ui-porcelain);border:1px solid var(--mf-ui-line);border-radius:var(--mf-ui-radius);margin-bottom:12px}
body .faq summary{font-size:var(--mf-ui-card-title);line-height:1.5;min-height:44px;color:var(--mf-ui-ink-strong)}
body .faq details[open]{border-color:var(--mf-ui-line-strong)}
body :is(.help-filter-list button,.news-filter,.artist-filter,.notifications-filters a,.settings-nav button,.profile-local-nav button){font-size:var(--mf-ui-label);font-weight:600}
body :is(.help-filter-list button.is-active,.news-filter.active,.news-filter.is-active,.artist-filter.active,.artist-filter.is-active,.notifications-filters a.active){background:var(--mf-ui-selected)!important;border-color:var(--mf-ui-blue-deep)!important;color:var(--mf-ui-blue-deep)!important}
body :is(.mf-a11y-quick-grid button,.mf-a11y-preset-grid button,.mf-a11y-quick-grid button>span,.mf-a11y-help-card){border-radius:var(--mf-ui-radius-control)!important;border-color:var(--mf-ui-line)!important}
body :is(.mf-a11y-quick-grid button,.mf-a11y-preset-grid button){transition:background-color var(--mf-ui-motion-ui) var(--mf-ui-ease),border-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important}
body :is(.mf-a11y-quick-grid button[aria-pressed="true"],.mf-a11y-quick-grid button.is-active){background:var(--mf-ui-selected)!important;border-color:var(--mf-ui-blue-deep)!important}
body :is(.history-dialog,.adm-app-menu){border:1px solid var(--mf-ui-line)!important;border-radius:var(--mf-ui-radius-layer)!important;background:var(--mf-ui-porcelain)!important;box-shadow:var(--mf-ui-depth-4)!important}
body :is(.history-dialog,.adm-app-menu)::backdrop{background:rgba(4,19,39,.55)}
body .settings-toast{border-radius:var(--mf-ui-radius-layer)!important;box-shadow:var(--mf-ui-depth-3)!important;line-height:1.6}

/* The footer keeps its brand composition and gains the same type and spacing rhythm. */
.mf-editorial-footer .mf-footer-intro{gap:32px;padding-block:36px}
.mf-editorial-footer .mf-footer-directory{gap:24px;padding-block:32px}
.mf-editorial-footer .mf-footer-column-title{align-items:center;gap:8px;margin-bottom:12px}
.mf-editorial-footer .mf-footer-column-title h3{font-size:18px;line-height:1.4;font-weight:600!important}
.mf-editorial-footer .mf-footer-column nav a{min-height:36px;padding-block:8px;line-height:1.5;font-size:14px}
.mf-editorial-footer .mf-footer-column nav a:hover{padding-inline:0!important;transform:none!important}
.mf-editorial-footer .mf-footer-bottom{font-size:var(--mf-ui-meta);line-height:1.7}

@media(hover:hover) and (pointer:fine){
  body :is(.artist-card,.cards-4>a){transition:transform var(--mf-ui-motion-ui) var(--mf-ui-ease),border-color var(--mf-ui-motion-ui) var(--mf-ui-ease)}
  body :is(.artist-card,.cards-4>a):hover{transform:translateY(-1px);border-color:#bfcede!important}
}
@media(pointer:coarse){
  :is(.mf-footer-column nav a,.mf-a11y-close,.mf-a11y-stepper button,.auth-peek,.history-icon-button){min-height:44px;min-width:44px}
}
@media(min-width:761px){body .artist-hero .container{grid-template-columns:clamp(220px,25vw,310px) minmax(0,1fr)}}
@media(max-width:1050px){body .album-grid,body .album-grid.big{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px) and (hover:none){
  :root{--mf-ui-card-padding:20px;--mf-ui-card-gap:16px}
  body .album-grid,body .album-grid.big,body .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .album-card :is(h3,p){margin-inline:12px!important}
  body :is(.album-card h3,.playlist-grid h3){font-size:16px!important}
  body .album-card>.album-play{margin:8px}
  body .playlist-grid>a>div{padding:14px}
  body .song-list>a,body .song-list.large>a{grid-template-columns:24px 48px minmax(0,1fr) 44px;gap:10px;padding:12px;min-height:76px}
  body .song-list img,body .song-list.large img{width:48px;height:48px}
  body .song-list.large .duration{display:none}
  body .chart-table-row{grid-template-columns:26px 48px minmax(0,1fr) 64px 44px;gap:8px;padding:12px}
  body .chart-table-row img{width:48px;height:48px}
  body .chart-table-row>em{grid-column:3;grid-row:2;font-size:12px;line-height:1.3}
  body .chart-table-row>button{grid-row:1/3}
  body .chart-table-row>button:not(.play){grid-column:4}
  body .chart-table-row>.play{grid-column:5}
  body .chart-table-row>img,body .chart-table-row>b{grid-row:1/3}
  body .chart-table-row>div{grid-column:3;grid-row:1}
  body .chart-table-row strong{font-size:14px}
  body .music-feature>div{padding:24px 20px}
  body .article-body{font-size:17px;line-height:1.85}
  body .article-body h2{margin-block:28px 12px}
  body .article-body blockquote{padding:14px 16px}
  body .article-hero{height:auto;aspect-ratio:4/3}
  body .artist-hero img{height:220px}
  body :is(.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.ow-empty,.an-empty){padding:24px 20px}
  .mf-editorial-footer .mf-footer-intro{padding-block:28px;gap:24px}
  .mf-editorial-footer .mf-footer-directory{padding-block:24px;gap:24px}
  .mf-editorial-footer .mf-footer-column nav a{min-height:44px}
}
@media(max-width:360px){
  body .chart-table-row{grid-template-columns:22px 40px minmax(0,1fr) 56px 44px;gap:6px;padding:10px 8px}
  body .chart-table-row img{width:40px;height:40px}
  body .chart-table-row>button:not(.play){font-size:12px;padding-inline:4px}
  body .song-list>a,body .song-list.large>a{grid-template-columns:20px 44px minmax(0,1fr) 44px;gap:8px;padding:10px 8px}
  body .song-list img,body .song-list.large img{width:44px;height:44px}
}

/* Remaining quiet actions keep the same hit area, label and corner. */
body .about-btn{min-height:44px!important}
body :is(.about-hero .about-btn,.contact-hero-links a){min-height:44px!important}
body :is(.dedication-like,.legal-back-top,.terms-back-top,.help-search-box button,.help-category-actions button,.help-results-bar button,.notifications-mark-all button,.notification-card__links button,.settings-side-links button,.profile-local-nav button,.settings-nav button){min-height:44px!important;border-radius:var(--mf-ui-radius-control)!important;font-size:var(--mf-ui-button);line-height:1.4}
body :is(.help-category-actions button,.help-results-bar button,.notifications-mark-all button,.notification-card__links button):hover{color:var(--mf-ui-blue-deep);background:var(--mf-ui-hover)}
body .history-type-tools .history-icon-button{width:44px;min-height:44px;flex-basis:44px}
body .notification-card{grid-template-columns:46px minmax(0,1fr) 44px;gap:16px}
body .notification-card__archive{position:static}
body .notification-card__archive button{width:44px;height:44px;min-height:44px;border-radius:var(--mf-ui-radius-control)!important}
body .notification-card p{font-size:var(--mf-ui-body);line-height:1.7}
@media(max-width:760px) and (hover:none){body .notification-card{grid-template-columns:36px minmax(0,1fr) 44px;padding:16px 12px;gap:12px}}

/* Article sharing is a real control, with the same feedback and field geometry. */
body .article-meta .share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
body .mf-share-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--mf-ui-line-strong);border-radius:var(--mf-ui-radius-control);background:var(--mf-ui-porcelain);color:var(--mf-ui-ink-strong);font-size:var(--mf-ui-button);font-weight:600;line-height:1.4;cursor:pointer}
body .mf-share-action:hover{background:var(--mf-ui-hover);color:var(--mf-ui-blue-deep)}
body .mf-share-action:active:not(:disabled){transform:translateY(1px)}
body .mf-share-action.is-success{background:var(--mf-ui-success-soft);color:var(--mf-ui-success);border-color:#c9e5da}
body .mf-share-status{flex-basis:100%;font-size:var(--mf-ui-meta);line-height:1.6}
body .mf-share-url{width:100%;padding:10px 12px;direction:ltr;text-align:left}
@media(max-width:760px) and (hover:none){body .article-meta .share{flex-basis:100%;margin-inline:0}}

/* ===== Responsive consistency ===== */
@media(min-width:761px) and (max-width:1180px){
  /* Narrow desktop / docked DevTools: keep the desktop UI compact instead of
     making it feel visually enlarged when the available viewport shrinks. */
  :root{
    --mf-ui-headline-xl:clamp(33px,3.2vw,44px);
    --mf-ui-headline-l:clamp(30px,2.9vw,40px);
    --mf-ui-headline-m:clamp(27px,2.5vw,34px);
    --mf-ui-section-title:clamp(22px,1.9vw,27px);
    --mf-ui-body:15px;
  }
  body{font-size:15px}
  .mf-container,.container{width:min(100% - 30px,1240px)}
}

@media(max-width:980px) and (hover:hover) and (pointer:fine){
  /* Narrow desktop / docked DevTools is still desktop. Keep the desktop shell
     and compress it instead of switching the whole product to phone geometry. */
  :root{
    --mf-ui-header-height:72px;
    --mf-ui-headline-xl:clamp(30px,3.1vw,39px);
    --mf-ui-headline-l:clamp(27px,2.8vw,35px);
    --mf-ui-headline-m:clamp(24px,2.5vw,31px);
    --mf-ui-section-title:clamp(20px,1.9vw,25px);
    --mf-ui-body:14px;
    --mf-ui-button:12.5px;
  }
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:14px!important;padding-bottom:0!important}
  body .site-header.v4-site-header,
  body:is(.scrolled,.menu-open,.search-open,.mf-top-layer-open) .site-header.v4-site-header{
    height:72px!important;
  }
  .v4-nav-shell{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr) 92px!important;
    grid-template-areas:none!important;
    gap:10px!important;
    height:72px!important;
    width:min(100% - 18px,1240px)!important;
  }
  .mf-mobile-menu-toggle{display:none!important}
  .v4-brand.mf-classic-brand{
    position:static!important;transform:none!important;display:flex!important;
    width:auto!important;height:72px!important;justify-self:start!important;gap:8px!important;
  }
  .v4-brand.mf-classic-brand .mf-classic-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
  .v4-brand.mf-classic-brand .mf-classic-copy{display:flex!important}
  .v4-brand.mf-classic-brand .mf-classic-word{font-size:18px!important;letter-spacing:-.35px!important}
  .v4-brand.mf-classic-brand .mf-classic-copy small{display:none!important}
  .v4-mainnav{
    display:flex!important;height:72px!important;gap:clamp(4px,1vw,10px)!important;
    justify-content:center!important;overflow:hidden!important;white-space:nowrap!important;
  }
  .v4-mainnav>a,.v4-more{font-size:11px!important;padding-inline:2px!important;min-width:0!important}
  .v4-actions{
    position:static!important;transform:none!important;display:flex!important;justify-self:end!important;
    gap:2px!important;width:auto!important;
  }
  .v4-actions .v4-desktop-action{display:none!important}
  .v4-actions>.v4-action,.v4-actions>.mf-header-notifications,
  .mf-notification-trigger{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important}
  .mobile-bottom.mf-mobile-bottom{display:none!important}
  .mf-container,.container{width:min(100% - 18px,1240px)!important}
}
@media(max-width:680px) and (hover:hover) and (pointer:fine){
  .v4-nav-shell{grid-template-columns:128px minmax(0,1fr) 82px!important;gap:6px!important}
  .v4-brand.mf-classic-brand .mf-classic-mark{width:30px!important;height:30px!important;flex-basis:30px!important}
  .v4-brand.mf-classic-brand .mf-classic-word{font-size:16px!important}
  .v4-mainnav{gap:4px!important}
  .v4-mainnav>a,.v4-more{font-size:9.5px!important}
}

@media(max-width:1050px){
  :root{--mf-ui-section-space:58px}
  .mf-container,.container{width:min(100% - 30px,1240px)}
  :is(.about-hero-grid,.contact-hero-grid,.help-hero-layout,.news-masthead-inner,.dedications-masthead-grid,
      .profile-hero__inner,.settings-hero__inner,.notifications-hero__inner,.legal-hero-inner,.terms-hero-inner){
    padding-top:44px!important;padding-bottom:44px!important
  }
}

@media(max-width:760px) and (hover:none){
  :root{--mf-ui-header-height:68px}
  body{line-height:1.58}
  .mf-container,.container{width:min(100% - 24px,1240px)}

  /* A single mobile rhythm throughout the product. */
  :is(.about-hero-grid,.contact-hero-grid,.help-hero-layout,.news-masthead-inner,.dedications-masthead-grid,
      .profile-hero__inner,.settings-hero__inner,.notifications-hero__inner,.legal-hero-inner,.terms-hero-inner,
      .artists-masthead-grid){
    padding-top:30px!important;padding-bottom:30px!important
  }
  :is(.about-hero h1,.contact-hero h1,.help-hero h1,.news-masthead h1,.dedications-masthead h1,
      .profile-hero h1,.settings-hero h1,.notifications-hero h1,.legal-hero h1,.terms-hero h1,.artists-masthead h1){
    font-size:clamp(32px,9.6vw,42px)!important;line-height:1.08!important
  }
  :is(.about-hero p,.contact-hero p,.help-hero p,.news-masthead p,.dedications-masthead p,
      .profile-hero p,.settings-hero p,.notifications-hero p,.legal-hero p,.terms-hero p,.artists-masthead p){
    font-size:14px!important;line-height:1.75!important
  }

  :is(.about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,.profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artists-masthead) h1{
    font-size:var(--mf-ui-headline-l)!important;line-height:var(--mf-ui-leading-title)!important;
  }
  .page-title{margin-bottom:24px!important;padding-bottom:17px!important}
  .page-title h1{font-size:var(--mf-ui-headline-l)!important;line-height:var(--mf-ui-leading-title)!important}
  .page-title p{font-size:15px!important;line-height:1.72!important}

  /* Smaller shadows for touch screens, without flattening their surfaces. */
  :root{
    --mf-ui-depth-1:var(--mf-ui-surface-edge),0 1px 2px rgba(4,19,39,.035),0 3px 9px rgba(4,19,39,.022);
    --mf-ui-depth-2:var(--mf-ui-surface-edge),0 2px 3px rgba(4,19,39,.04),0 6px 16px rgba(4,19,39,.035);
    --mf-ui-headline-xl:clamp(32px,8.6vw,38px);
    --mf-ui-headline-l:clamp(30px,8vw,36px);
    --mf-ui-headline-m:clamp(27px,7.1vw,32px);
    --mf-ui-section-title:24px;
    --mf-ui-body:15px;
  }

  .profile-layout,.settings-shell,.notifications-shell{padding-top:20px!important;padding-bottom:48px!important}
  .legal-shell,.terms-shell{margin-top:18px!important}
  .legal-document,.terms-document{padding:25px 20px 34px!important}
  .classic-content-page .listing-page,.classic-content-page .article-layout{padding-top:26px!important;padding-bottom:48px!important}
  .home-page .home-stage{padding-top:14px;padding-bottom:38px}
  .home-page .mf-section-heading{padding-block:var(--mf-ui-space-3);margin-bottom:var(--mf-ui-space-3)}
  .home-page .pulse-panel,.home-page .mf-side-card{padding-top:var(--mf-ui-space-3)}

  /* Controls should be easy to hit without looking like giant app cards. */
  :is(.primary-btn,.about-btn,.history-button,.profile-action,.auth-submit,.contact-form-actions button,
      .help-contact-actions a,.dedication-form-actions button){min-height:46px}
}

@media(max-width:390px){
  .mf-container,.container{width:min(100% - 20px,1240px)}
  .page-title h1{font-size:var(--mf-ui-headline-l)!important}
}

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

/* Visitor accessibility preferences remain authoritative over refinement. */
html[data-mf-a11y-reduced-motion="on"]{
  --mf-ui-motion-fast:.01ms;--mf-ui-motion-ui:.01ms;
  --mf-ui-motion-layer:.01ms;--mf-ui-motion-image:.01ms;
}
html[data-mf-a11y-reduced-motion="on"] *,
html[data-mf-a11y-reduced-motion="on"] *::before,
html[data-mf-a11y-reduced-motion="on"] *::after{
  scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;
}
html[data-mf-a11y-reduced-motion="on"] :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card):hover,
html[data-mf-a11y-reduced-motion="on"] :is(.mf-lead-image,.mf-mini-card,.mf-hot-grid a,.mf-section-lead,.news-lead-media,.news-row-media):hover img{
  transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card):hover,
  :is(.mf-lead-image,.mf-mini-card,.mf-hot-grid a,.mf-section-lead,.news-lead-media,.news-row-media):hover img{transform:none!important}
}

html[data-mf-a11y-dark="on"] body :is(
  .mf-hero-board,.mf-lead-copy,.mf-mini-card,.mf-mini-grid,.flash-strip,.pulse-panel,.mf-section,.side-card,
  .artists-editorial,.artists-directory,.artist-feature,.artist-profile-card,.editorial-artist,
  .news-top,.news-top-card,.news-row,.news-side-block,.news-side-note,.news-directory-card,
  .contact-form-card,.help-category-card,.help-faq-content,.help-faq-sidebar,.help-contact-card,
  .dedications-ranking,.dedications-guide,.dedications-archive,.dedication-row,.legal-document,.legal-sidebar,
  .terms-document,.terms-sidebar,.auth-shell,.auth-panel,.profile-card,.profile-side-card,.profile-feature-card,
  .profile-library-card,.settings-card,.settings-side-card,.settings-choice-card,.notification-card,
  .notifications-side-card,.composer,.post,.chart-table,.song-list,.playlist-grid>a,.album-card,.history-reader
){background:#0f1e2d!important;color:#eef4fa!important;border-color:#405267!important;box-shadow:none!important}
html[data-mf-a11y-dark="on"] body .site-shell :where(main,footer) :is(h1,h2,h3,h4,h5,h6,p,strong,small,time,span,label,li){color:#eef4fa!important}
html[data-mf-a11y-dark="on"] body .site-shell :where(main,footer) a{color:#80c8ff!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(input,textarea,select){background:#0a1826!important;color:#fff!important;border-color:#52667c!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(.album-card,.playlist-grid>a,.help-category-card,.news-row,.dedication-row,.artist-profile-card,.mf-mini-card,.chart-row,.song-list>a,.chart-table-row):hover{background:#172b40!important}

html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(h1,h2,h3,h4,h5,h6,p,strong,small,time,span,label,li){color:#080b10!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) a{color:#003f87!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(section,article,aside,div){background-color:#fff!important;background-image:none!important;border-color:#27384a!important;box-shadow:none!important}
html[data-mf-a11y-contrast="high"] body .site-shell :is(input,textarea,select){background:#fff!important;color:#080b10!important;border-color:#27384a!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(button,.primary-btn,.about-btn-primary,.auth-submit){background:#003f87!important;color:#fff!important;border-color:#003f87!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(button,.primary-btn,.about-btn-primary,.auth-submit) *{color:#fff!important}

html[data-mf-a11y-calm="on"] body .site-shell :is(.mf-hero-board,.mf-lead-copy,.mf-mini-card,.flash-strip,.mf-section,.history-reader,.artists-editorial,.artists-directory,.artist-feature,.legal-document,.terms-document,.song-list,.post,.composer,.chart-table,[class*="card"],[class*="panel"]){box-shadow:none!important;background-image:none!important}
html[data-mf-a11y-calm="on"] body .site-shell :where(main,footer) :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card):hover{transform:none!important}
html[data-mf-a11y-calm="on"] body .site-shell :is(.mf-lead-image,.mf-mini-card,.mf-hot-grid a,.mf-section-lead,.news-lead-media,.news-row-media):hover img{transform:none!important}

/* The generic legacy transition rule is !important, so reduction needs an
   explicit component scope as well as the universal fallback above. */
html[data-mf-a11y-reduced-motion="on"] body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown),
html[data-mf-a11y-reduced-motion="on"] body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown) *,
html[data-mf-a11y-reduced-motion="on"] body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown) *::before,
html[data-mf-a11y-reduced-motion="on"] body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown) *::after{
  transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;
}
@media(prefers-reduced-motion:reduce){
  :root{--mf-ui-motion-fast:.01ms;--mf-ui-motion-ui:.01ms;--mf-ui-motion-layer:.01ms;--mf-ui-motion-image:.01ms}
  html:root body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown),
  html:root body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown) *,
  html:root body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown) *::before,
  html:root body:is(.home-page,.inner-page) :is(.site-shell,.mf-a11y-center,.mf-notification-dropdown) *::after{
    transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;
  }
}

/* New surfaces continue to obey the visitor's accessibility preferences. */
html[data-mf-a11y-dark="on"] body .site-shell :is(.artist-card,.cards-4>a,.contact-card,.faq details,.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.legal-summary-item,.dedication-composer){
  background:#0f1e2d!important;background-image:none!important;color:#eef4fa!important;border-color:#405267!important;box-shadow:none!important;
}
html[data-mf-a11y-dark="on"] body .site-shell :is(.history-button-secondary,.profile-inline-button,.auth-social,.settings-form-actions>a,.about-btn-ghost-dark,.help-contact-actions a:not(:first-child),.chart-table-row>button:not(.play)){
  background:#122a41!important;color:#eef4fa!important;border-color:#52667c!important;
}
html[data-mf-a11y-dark="on"] body .site-shell :is(.song-list button,.chart-table-row .play,.chart-row button){background:#122a41!important;color:#80c8ff!important;border-color:#52667c!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(input,textarea,select):not([type="checkbox"],[type="radio"],[type="hidden"]){background:#0a1826!important;color:#fff!important;border-color:#52667c!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(.artist-card,.cards-4>a,.contact-card,.faq details) a{color:#80c8ff!important}
html[data-mf-a11y-calm="on"] body .site-shell :is(.artist-card,.cards-4>a,.music-feature){box-shadow:none!important;background-image:none!important;transform:none!important}
html[data-mf-a11y-calm="on"] body .site-shell :is(.artist-card,.cards-4>a):hover{transform:none!important}
html[data-mf-a11y-strong-focus="on"] body :focus-visible{outline-width:4px!important;outline-offset:4px!important}
html[data-mf-a11y-strong-focus="on"] body :is(.settings-switch,.mf-a11y-switch-row) input:focus-visible+i{outline-width:4px!important;outline-offset:4px!important}
html[data-mf-a11y-reduced-motion="on"] body :is(.artist-card,.cards-4>a):hover{transform:none!important}
@media(prefers-reduced-motion:reduce){body :is(.artist-card,.cards-4>a):hover{transform:none!important}}

/* Keep action labels legible, including combined dark/high-contrast preferences. */
html[data-mf-a11y-dark="on"] body .site-shell :is(.primary-btn,.about-btn-primary,.profile-action--primary,.history-button-primary,.help-contact-actions a:first-child,.newsletter button,.notifications-empty a:first-child){color:#fff!important}
html[data-mf-a11y-dark="on"] body .site-shell .mf-share-action{background:#122a41!important;color:#eef4fa!important;border-color:#52667c!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(input,textarea,select)[aria-invalid="true"]{border-color:#ffbfcc!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(input,textarea,select)[aria-invalid="true"]:focus{border-color:#ffbfcc!important;box-shadow:0 0 0 3px rgba(255,191,204,.16)!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(.contact-errors,.auth-alert--error,.settings-alert--error,.dedication-form-error,.notifications-flash--error){background:#321b26!important;color:#ffbfcc!important;border-color:#7b4054!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(.contact-success,.auth-alert--success,.settings-alert:not(.settings-alert--error),.dedication-form-success,.notifications-flash:not(.notifications-flash--error)){background:#112e2a!important;color:#a8e4d3!important;border-color:#3d7768!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(.contact-errors,.auth-alert--error,.settings-alert--error,.dedication-form-error,.notifications-flash--error) :is(p,span,li,strong){color:#ffbfcc!important}
html[data-mf-a11y-dark="on"] body .site-shell :is(.contact-success,.auth-alert--success,.settings-alert:not(.settings-alert--error),.dedication-form-success,.notifications-flash:not(.notifications-flash--error)) :is(p,span,li,strong){color:#a8e4d3!important}

html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(.artist-card,.cards-4>a,.contact-card,.faq details,.artists-empty,.news-empty,.help-empty,.profile-empty,.notifications-empty,.legal-summary-item,.dedication-composer,.contact-errors,.auth-alert--error,.settings-alert,.dedication-form-error,.contact-success,.auth-alert--success,.dedication-form-success,.notifications-flash:not(.notifications-flash--error)){background:#fff!important;background-image:none!important;color:#080b10!important;border-color:#27384a!important;box-shadow:none!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(input,textarea,select):not([type="checkbox"],[type="radio"],[type="hidden"]){background:#fff!important;color:#080b10!important;border-color:#27384a!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(input,textarea,select)[aria-invalid="true"]{border-color:#b7354b!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(input,textarea,select)[aria-invalid="true"]:focus{border-color:#b7354b!important;box-shadow:0 0 0 3px rgba(183,53,75,.14)!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(.primary-btn,.about-btn-primary,.profile-action--primary,.history-button-primary,.help-contact-actions a:first-child,.newsletter button,.notifications-empty a:first-child,button.mf-share-action,.chart-table-row>button:not(.play),.song-list button,.chart-table-row .play,.chart-row button){background:#003f87!important;color:#fff!important;border-color:#003f87!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(.history-button-secondary,.profile-inline-button,.auth-social,.settings-form-actions>a,.about-btn-ghost-dark,.help-contact-actions a:not(:first-child)){background:#fff!important;color:#003f87!important;border-color:#27384a!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(.contact-errors,.auth-alert--error,.settings-alert--error,.dedication-form-error,.contact-success,.auth-alert--success,.settings-alert:not(.settings-alert--error),.dedication-form-success,.notifications-flash:not(.notifications-flash--error)) :is(p,span,li,strong){color:#080b10!important}
html[data-mf-a11y-contrast="high"] body .site-shell :where(main,footer) :is(button,.primary-btn,.about-btn-primary,.profile-action--primary,.history-button-primary,.help-contact-actions a:first-child,.newsletter button,.notifications-empty a:first-child) :is(span,strong,small){color:#fff!important}
html[data-mf-a11y-reduced-motion="on"] body.mf-admin,html[data-mf-a11y-reduced-motion="on"] body.mf-admin *,html[data-mf-a11y-reduced-motion="on"] body.mf-admin *::before,html[data-mf-a11y-reduced-motion="on"] body.mf-admin *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
@media(prefers-reduced-motion:reduce){html:root body.mf-admin *,html:root body.mf-admin *::before,html:root body.mf-admin *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Calm mode applies to every canonical paper surface, including FAQ areas. */
html[data-mf-a11y-calm="on"] body .site-shell :is(.artists-editorial,.artists-directory,.news-top,.news-side-block,.contact-form-card,.help-faq-content,.help-faq-sidebar,.dedications-ranking,.dedications-guide,.dedications-archive,.legal-document,.legal-sidebar,.terms-document,.terms-sidebar,.auth-shell,.profile-card,.profile-side-card,.settings-card,.settings-side-card,.notifications-side-card,.side-card,.composer,.chart-table,.song-list,.mf-section,.mf-side-card,.pulse-panel,.mf-hero-board,.history-reader,.artist-feature,.help-category-card,.help-contact-card,.profile-feature-card,.profile-library-card,.notification-card,.post,.playlist-grid>a,.album-card,.news-directory-card,.artist-profile-card,.editorial-artist,.contact-route-grid>article,.about-world-item,.about-tech-gridarticle,.about-principles-gridarticle,.settings-choice-card){box-shadow:none!important;background-image:none!important}
html[data-mf-a11y-calm="on"] body.mf-admin :is(.adm-stat,.adm-panel,.adm-theme-card,.an-card,.an-summary,.an-details,.ow-attention-row,.ow-task-row,.ow-shortcut,.ow-module){box-shadow:none!important;background-image:none!important}

/* Stage 05 — quiet rhythm: same easing, short distances and intact layout. */
:root{--mf-motion-ease:var(--mf-ui-ease);--mf-motion-navy:var(--mf-ui-navy);--mf-motion-blue:var(--mf-ui-blue);--mf-motion-sky:var(--mf-ui-sky)}
body .mf-page-transition{transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease),visibility 0s linear var(--mf-ui-motion-layer)}
body.mf-page-leaving .mf-page-transition{transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease)}
body .mf-page-transition__inner{transform:translateY(2px);transition:opacity var(--mf-ui-motion-layer) var(--mf-ui-ease),transform var(--mf-ui-motion-layer) var(--mf-ui-ease)}
body.mf-page-leaving .mf-page-transition__inner{transform:none}
body.mf-page-arriving .site-shell{animation:mfQuietArrive var(--mf-ui-motion-image) var(--mf-ui-ease) both}
@keyframes mfQuietArrive{from{opacity:.92;transform:translateY(2px)}to{opacity:1;transform:none}}
body :is(.section-heading,.mf-section-heading,.panel-head,[class*="section-head"]){align-items:center}
body :is(.section-heading,.mf-section-heading,.panel-head,[class*="section-head"]) :is(h2,h3){min-width:0;overflow-wrap:break-word}
@media(hover:hover) and (pointer:fine){
 body :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card,.artist-card,.cards-4>a):hover{transform:translateY(-1px)!important}
 body :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card,.artist-card,.cards-4>a):active:not([aria-disabled="true"]){transform:none!important}
}
html[data-mf-a11y-calm="on"] body :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card,.artist-card,.cards-4>a):hover,
html[data-mf-a11y-reduced-motion="on"] body :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card,.artist-card,.cards-4>a):hover{transform:none!important}
@media(prefers-reduced-motion:reduce){body :is(.album-card,.playlist-grid>a,.help-category-card,.profile-library-card,.artist-card,.cards-4>a):hover{transform:none!important}body.mf-page-arriving .site-shell{animation:none!important}}
html[data-mf-a11y-reduced-motion="on"] body.mf-page-arriving .site-shell{animation:none!important}

/* Stage 06 — light type belongs to dark editorial surfaces.
   Explicit surface families keep light cards and high-contrast mode intact. */
:root{--mf-ui-on-dark:#f8fbff;--mf-ui-on-dark-muted:#c8d5e4;--mf-ui-on-dark-accent:#80ceff}
html:root:not([data-mf-a11y-contrast="high"]) body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header) :is(h1,h2,h3,h4,h5,h6){color:var(--mf-ui-on-dark)!important}
html:root:not([data-mf-a11y-contrast="high"]) body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header) :is(h1,h2,h3,h4,h5,h6) :is(a,span,strong,em){color:inherit!important}
html:root:not([data-mf-a11y-contrast="high"]) body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header) :is(h1,h2,h3,h4,h5,h6) a:is(:hover,:focus-visible){color:var(--mf-ui-on-dark-accent)!important}
html:root:not([data-mf-a11y-contrast="high"]) body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header){--mf-marker-ink:rgba(89,199,255,.24);--mf-marker-inner:rgba(89,199,255,.08)}
html:root:not([data-mf-a11y-contrast="high"]) body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header) :focus-visible{outline-color:var(--mf-ui-on-dark-accent)!important}
html:root:not([data-mf-a11y-contrast="high"]) body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header) ::selection{background:#b8e3ff;color:#041327}
html[data-mf-a11y-calm="on"] body :is([data-mf-surface="dark"],.mf-dedications-rail,.mf-wide-strip,.wide-strip,
 .about-hero,.contact-hero,.help-hero,.news-masthead,.dedications-masthead,
 .profile-hero,.settings-hero,.notifications-hero,.legal-hero,.terms-hero,.artist-hero,
 .artists-request,.artists-masthead-stats,.news-masthead-meta,.news-breaking,
 .news-side-note,.news-editorial,.auth-visual,.help-security,.legal-final,.terms-final,
 .about-vision-band,.about-pillars article,.about-future,.mf-editorial-footer,.mf-footer,.site-footer,
 .history-volume-front,.history-endnote,.history-radio-art,.history-mobile-scene,
 .adm-welcome,.mf-a11y-header){--mf-marker-ink:rgba(89,199,255,.16);--mf-marker-inner:transparent}
/* Small shared reading details; no new layout, effects or continuous motion. */
body :is(.article-body,.history-prose,.legal-document,.terms-document) a{text-underline-offset:.18em;text-decoration-thickness:1px}
body :is(input,textarea):not(:disabled){caret-color:var(--mf-ui-blue-deep)}
html[data-mf-a11y-dark="on"] body :is(input,textarea):not(:disabled){caret-color:var(--mf-ui-on-dark-accent)}

/* Stage 07 — directory typography uses the loaded brand face and real weights. */
html:root:not([data-mf-a11y-readable-font="on"]) body .mega-menu.v4-mega.mf-expanded-mega,
html:root:not([data-mf-a11y-readable-font="on"]) body .mega-menu.v4-mega.mf-expanded-mega :is(h2,h3,p,a,span,strong,small,button){
 font-family:var(--mf-font,"IBM Plex Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif)!important;
 font-synthesis:none;
}
html:root body .mega-menu.v4-mega.mf-expanded-mega :is(.v4-mega-intro h2,.mf-mega-group h3,.v4-mega-intro>span,.mf-mega-group small){font-weight:700!important}
html:root body .mega-menu.v4-mega.mf-expanded-mega .mf-mega-group a{font-weight:600!important}
html:root[data-mf-a11y-readable-font="on"] body .mega-menu.v4-mega.mf-expanded-mega,
html:root[data-mf-a11y-readable-font="on"] body .mega-menu.v4-mega.mf-expanded-mega :is(h2,h3,p,a,span,strong,small,button){font-family:Arial,"Noto Sans Hebrew",sans-serif!important}

/* ==========================================================================
   Stage 08 — SOFT EDITORIAL POLISH / TACTILE MICRO-INTERACTIONS
   2026-10-07
   Purpose: keep the classic MUSIC FM layout intact while making the whole
   public site feel less flat, less generic and more intentionally crafted.
   No layout rewrites, no heavy blur and no continuous animation.
   ========================================================================== */
:root{
  --mf-ui-page:#f5f7fa;
  --mf-ui-soft:#f9fbfd;
  --mf-ui-line:#e3e9f0;
  --mf-ui-line-strong:#d2dce7;
  --mf-ui-porcelain:linear-gradient(180deg,#ffffff 0%,#fefeff 58%,#fbfdff 100%);
  --mf-ui-depth-1:inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(4,19,39,.03),0 9px 26px rgba(4,19,39,.035);
  --mf-ui-depth-2:inset 0 1px 0 rgba(255,255,255,.98),0 2px 5px rgba(4,19,39,.04),0 16px 36px rgba(4,19,39,.055);
  --mf-ui-depth-3:inset 0 1px 0 rgba(255,255,255,.98),0 6px 18px rgba(4,19,39,.09),0 28px 62px rgba(4,19,39,.14);
  --mf-ui-radius:4px;
  --mf-ui-radius-control:4px;
  --mf-ui-radius-layer:5px;
  --mf-ui-motion-fast:150ms;
  --mf-ui-motion-ui:220ms;
  --mf-ui-motion-image:320ms;
  --mf-ui-ease:cubic-bezier(.22,.72,.22,1);
  --mf-ui-press-ease:cubic-bezier(.2,.8,.2,1);
  --mf-ui-card-hover:#fdfefe;
  --mf-ui-soft-blue:#f3f8fd;
}

body{
  background:
    radial-gradient(circle at 16% 0%,rgba(89,199,255,.045),transparent 32%),
    linear-gradient(180deg,#f8fafc 0%,var(--mf-ui-page) 34%,#f4f7fa 100%)!important;
}
.site-shell{background:transparent}
.inner-page main,.home-page main{background:transparent!important}

/* A very light material quality on the main white surfaces. */
body :is(
  .mf-hero-board,.pulse-panel,.mf-side-card,.side-card,.mf-section,
  .news-top,.news-side-block,.news-final,.news-directory-card,
  .mf-article,.mf-article-side-card,.mf-reader-desk,.mf-article-related-card,
  .mf-music-latest,.mf-music-catalog,.mf-latest-song,.mf-music-row,
  .artists-editorial,.artists-directory,.artist-feature,.artist-profile-card,.editorial-artist,
  .mf-community-composer,.mf-community-post,.mf-community-card,
  .dedication-feature,.dedication-composer,.dedications-ranking,.dedications-guide,.dedications-archive,
  .profile-card,.profile-feature-card,.profile-library-card,.profile-side-card,
  .settings-card,.settings-side-card,.notification-card,.notifications-side-card,
  .help-category-card,.help-faq-content,.help-faq-sidebar,.help-contact-card,
  .contact-form-card,.contact-final-card,.auth-shell,.legal-document,.legal-sidebar,.terms-document,.terms-sidebar,
  .about-world-item,.history-reader
){
  border-color:var(--mf-ui-line)!important;
  border-radius:var(--mf-ui-radius)!important;
}

body :is(
  .mf-hero-board,.pulse-panel,.mf-side-card,.side-card,
  .news-top,.news-side-block,.mf-article-side-card,.mf-reader-desk,
  .artists-editorial,.artists-directory,.artist-feature,
  .dedications-ranking,.dedications-guide,.dedications-archive,
  .profile-card,.profile-side-card,.settings-card,.settings-side-card,
  .notifications-side-card,.help-faq-content,.help-faq-sidebar,
  .contact-form-card,.auth-shell,.legal-document,.legal-sidebar,.terms-document,.terms-sidebar,.history-reader
){
  box-shadow:var(--mf-ui-depth-1)!important;
}

body :is(
  .mf-mini-card,.news-top-card,.news-directory-card,.news-editorial-card,.mf-article-related-card,
  .mf-latest-song,.artist-profile-card,.editorial-artist,.mf-community-post,.mf-community-card,
  .profile-feature-card,.profile-library-card,.notification-card,.help-category-card,.about-world-item
){
  background:var(--mf-ui-porcelain)!important;
  box-shadow:0 1px 2px rgba(4,19,39,.025),0 8px 24px rgba(4,19,39,.035)!important;
}

/* Fine inner edge makes images/cards feel printed rather than flat. */
body :is(
  .mf-lead-image,.mini-media,.mf-section-lead,.news-lead-media,.news-top-card-media,.news-row-media,
  .news-editorial-media,.mf-article-hero-frame,.mf-article-inline-media,.mf-latest-song__cover,
  .artist-feature-media,.artist-profile-media,.profile-avatar,.mf-hd-avatar
){
  box-shadow:inset 0 0 0 1px rgba(16,37,65,.055);
}

/* Section titles get stronger hierarchy without decorative bars or loud color. */
body :is(
  .section-heading,.mf-section-heading,.news-section-head,.dedications-section-head,
  .help-section-head,.contact-section-heading,.about-section-heading,.profile-section-head,
  .settings-section-head,.mf-music-section-head,.mf-community-section-head,.mf-article-related-head
) :is(h2,h3){
  color:var(--mf-ui-ink-strong)!important;
  letter-spacing:-.032em!important;
  text-wrap:balance;
}
body :is(.mf-meta,.meta,[class*="__meta"],[class*="-meta"]){color:var(--mf-ui-muted)!important}

/* Home: preserve the chosen editorial geometry, only give it depth and warmth. */
.home-page .mf-hero-board{
  background:linear-gradient(180deg,#fff 0%,#fdfefe 100%)!important;
  box-shadow:0 2px 5px rgba(4,19,39,.035),0 18px 44px rgba(4,19,39,.05)!important;
}
.home-page .mf-lead-copy{background:linear-gradient(180deg,#fff,#fbfdff)!important}
.home-page .mf-mini-card{box-shadow:0 1px 2px rgba(4,19,39,.025),0 7px 20px rgba(4,19,39,.028)!important}
.home-page .flash-strip{border-color:var(--mf-ui-line)!important;background:linear-gradient(90deg,#fff,#fbfdff 55%,#fff)!important}
.home-page .mf-hd-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 1px 2px rgba(4,19,39,.025),0 9px 24px rgba(4,19,39,.035)!important}

/* News / magazine: slightly richer hierarchy, still square and editorial. */
.news-page .news-top{background:linear-gradient(180deg,#fff,#fcfdff)!important}
.news-page :is(.news-top-card,.news-row,.news-directory-card){border-color:var(--mf-ui-line)!important}
.news-page .news-row{background:rgba(255,255,255,.72)!important}
.news-page .news-search{box-shadow:inset 0 1px 2px rgba(4,19,39,.025)!important}

/* Article: comfortable reading surface with restrained magazine depth. */
.mf-article-wrap .mf-article{background:transparent!important}
.mf-article-wrap .mf-article-header{padding-bottom:22px;border-bottom:1px solid var(--mf-ui-line)}
.mf-article-wrap .mf-article-body{color:#26374d}
.mf-article-wrap .mf-article-body p{line-height:1.88}
.mf-article-wrap .mf-article-quote{background:linear-gradient(90deg,#f5f9fd,#fbfdff)!important;border-color:#d9e7f4!important}
.mf-article-wrap .mf-reader-desk{background:linear-gradient(180deg,#fff,#f8fbfe)!important}

/* Music / catalogs: rows feel touchable without turning into app bubbles. */
.mf-music-archive :is(.mf-music-latest,.mf-music-catalog){background:transparent!important}
.mf-music-archive .mf-latest-song{border-color:var(--mf-ui-line)!important}
.mf-music-archive .mf-music-row{background:rgba(255,255,255,.78)!important;border-color:var(--mf-ui-line)!important}
.mf-music-archive .mf-song-play,.mf-music-archive .mf-music-row__action{box-shadow:0 3px 12px rgba(4,19,39,.08)!important}

/* Account areas: reduce the dashboard-flat feeling. */
:is(.profile-page,.settings-page,.notifications-page) :is(.profile-card,.profile-feature-card,.profile-library-card,.settings-card,.settings-side-card,.notification-card,.notifications-side-card){
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
}
:is(.profile-page,.settings-page,.notifications-page) :is(.profile-card__head,.settings-card-head,.notification-card__meta){border-color:var(--mf-ui-line)!important}

/* Forms: a little more tactile, but no glossy treatment. */
body :is(
  .contact-form input,.contact-form textarea,.contact-form select,.auth-input,.composer textarea,
  .settings-page input,.settings-page textarea,.settings-page select,.artists-search,.news-search,
  .help-search-box,.legal-search,.terms-search,.newsletter input,.mf-music-search input,.mf-reader-report textarea
){
  background:linear-gradient(180deg,#fff,#fdfefe)!important;
  border-color:var(--mf-ui-line-strong)!important;
  box-shadow:inset 0 1px 2px rgba(4,19,39,.025)!important;
  transition:border-color var(--mf-ui-motion-ui) var(--mf-ui-ease),box-shadow var(--mf-ui-motion-ui) var(--mf-ui-ease),background-color var(--mf-ui-motion-ui) var(--mf-ui-ease)!important;
}
body :is(
  .contact-form input,.contact-form textarea,.contact-form select,.auth-input,.composer textarea,
  .settings-page input,.settings-page textarea,.settings-page select,.artists-search,.news-search,
  .help-search-box,.legal-search,.terms-search,.newsletter input,.mf-music-search input,.mf-reader-report textarea
):focus{
  background:#fff!important;
  border-color:#96c5ef!important;
  box-shadow:0 0 0 3px rgba(20,124,255,.09),inset 0 1px 2px rgba(4,19,39,.02)!important;
}

/* Primary actions: soft gradient + quiet depth, never glossy. */
body :is(
  .primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button,
  .mf-community-primary,.mf-community-composer__submit,.mf-community-poll-submit,.profile-action--primary,
  .settings-primary-button,.mf-music-filter__submit,.mf-hd-send,.history-button-primary,.newsletter button
){
  background:linear-gradient(180deg,#167fff 0%,#0e69d9 100%)!important;
  border-color:#0d67cd!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 5px 14px rgba(13,95,194,.14)!important;
}

/* Secondary actions get an almost-white surface instead of a dead white box. */
body :is(
  .about-btn-ghost,.mf-community-secondary,.profile-action:not(.profile-action--primary),
  .mf-music-filter__clear,.history-button-secondary,.contact-hero-links a:not(:first-child),
  .help-contact-actions a:not(:first-child),.mf-reader-error__open
){
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border-color:var(--mf-ui-line-strong)!important;
  box-shadow:0 1px 2px rgba(4,19,39,.03)!important;
}

/* Universal tactile feedback. Individual transforms remain untouched because
   the independent scale property composes with transform. */
body :where(button,input[type="button"],input[type="submit"],input[type="reset"],a.primary-btn,a.about-btn,a.profile-action,a.history-button,a.news-read-link,a.mf-community-primary,a.mf-community-secondary,a.mf-hd-send,a.mf-hd-all,a.mf-reader-error__open,a.mf-music-filter__submit,a.mf-music-filter__clear){
  -webkit-tap-highlight-color:rgba(20,124,255,.08);
  transition-property:color,background-color,border-color,box-shadow,opacity,filter,scale,translate!important;
  transition-duration:var(--mf-ui-motion-ui)!important;
  transition-timing-function:var(--mf-ui-ease)!important;
}
body :where(button,input[type="button"],input[type="submit"],input[type="reset"],a.primary-btn,a.about-btn,a.profile-action,a.history-button,a.news-read-link,a.mf-community-primary,a.mf-community-secondary,a.mf-hd-send,a.mf-hd-all,a.mf-reader-error__open,a.mf-music-filter__submit,a.mf-music-filter__clear):active:not(:disabled):not([aria-disabled="true"]){
  scale:.985;
  filter:brightness(.985) saturate(.985);
  transition-duration:85ms!important;
  transition-timing-function:var(--mf-ui-press-ease)!important;
}

/* Icon-only buttons press even more gently. */
body :where(.v4-action,.mf-mobile-menu-toggle,.mf-header-account__close,.mf-notification-close,.search-close,.mf-music-player__close,.mf-music-row__action,.mf-song-play):active:not(:disabled){
  scale:.955;
  transition-duration:80ms!important;
}

/* Header: tiny depth at the lower edge makes it feel anchored, not pasted. */
.site-header.v4-site-header{
  background:linear-gradient(180deg,#05162c 0%,#041327 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.035),0 8px 28px rgba(4,19,39,.08)!important;
}
.v4-action,.mf-header-account>summary{transition:background-color var(--mf-ui-motion-ui) var(--mf-ui-ease),border-color var(--mf-ui-motion-ui) var(--mf-ui-ease),scale var(--mf-ui-motion-fast) var(--mf-ui-ease)!important}

/* Mobile bottom navigation: app-like but quiet, with no expensive blur. */
@media(max-width:980px){
  .mobile-bottom.mf-mobile-bottom{
    background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,253,.995))!important;
    border-top-color:#dfe6ee!important;
    box-shadow:0 -8px 28px rgba(4,19,39,.07)!important;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link{
    transition:color var(--mf-ui-motion-ui) var(--mf-ui-ease),opacity var(--mf-ui-motion-ui) var(--mf-ui-ease),scale var(--mf-ui-motion-fast) var(--mf-ui-ease)!important;
  }
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link:active{scale:.96}
  .mobile-bottom.mf-mobile-bottom .mf-mobile-bottom__link:is(.active,[aria-current="page"]) .mf-mobile-bottom__icon{
    filter:drop-shadow(0 3px 7px rgba(13,95,194,.12));
  }
  body :is(.mf-hero-board,.pulse-panel,.mf-side-card,.side-card,.news-top,.mf-article-side-card,.mf-reader-desk,.profile-card,.settings-card,.notification-card,.help-category-card,.contact-form-card){
    box-shadow:0 1px 2px rgba(4,19,39,.025),0 7px 20px rgba(4,19,39,.03)!important;
  }
}

/* Hover is only for real mouse pointers. Cards lift by one physical pixel. */
@media(hover:hover) and (pointer:fine){
  body :is(
    .mf-mini-card,.news-top-card,.news-row,.news-directory-card,.news-editorial-card,.mf-article-related-card,
    .mf-latest-song,.mf-music-row,.artist-profile-card,.editorial-artist,.mf-community-post,.mf-community-card,
    .profile-feature-card,.profile-library-card,.notification-card,.help-category-card,.about-world-item,.mf-hd-card
  ){
    transition-property:background-color,border-color,box-shadow,translate!important;
    transition-duration:var(--mf-ui-motion-ui)!important;
    transition-timing-function:var(--mf-ui-ease)!important;
  }
  body :is(
    .mf-mini-card,.news-top-card,.news-row,.news-directory-card,.news-editorial-card,.mf-article-related-card,
    .mf-latest-song,.mf-music-row,.artist-profile-card,.editorial-artist,.mf-community-post,.mf-community-card,
    .profile-feature-card,.profile-library-card,.notification-card,.help-category-card,.about-world-item,.mf-hd-card
  ):hover{
    translate:0 -1px;
    border-color:#cad6e2!important;
    box-shadow:0 2px 4px rgba(4,19,39,.035),0 13px 30px rgba(4,19,39,.05)!important;
  }
  body :is(
    .primary-btn,.about-btn-primary,.auth-submit,.contact-form-actions button,.dedication-form-actions button,
    .mf-community-primary,.mf-community-composer__submit,.mf-community-poll-submit,.profile-action--primary,
    .settings-primary-button,.mf-music-filter__submit,.mf-hd-send,.history-button-primary,.newsletter button
  ):hover:not(:disabled){
    filter:brightness(1.025) saturate(1.02);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px rgba(13,95,194,.18)!important;
  }
}

/* Accessibility modes always win over decorative polish. */
@media(prefers-reduced-motion:reduce){
  body :where(button,a,input,select,textarea,summary){transition-duration:.01ms!important;scale:1!important;translate:none!important}
  body :is(.mf-mini-card,.news-top-card,.news-row,.news-directory-card,.news-editorial-card,.mf-article-related-card,.mf-latest-song,.mf-music-row,.artist-profile-card,.editorial-artist,.mf-community-post,.mf-community-card,.profile-feature-card,.profile-library-card,.notification-card,.help-category-card,.about-world-item,.mf-hd-card):hover{translate:none!important}
}
html[data-mf-a11y-reduced-motion="on"] body :where(button,a,input,select,textarea,summary),
html[data-mf-a11y-calm="on"] body :where(button,a,input,select,textarea,summary){transition-duration:.01ms!important;scale:1!important;translate:none!important}
html[data-mf-a11y-calm="on"] body :is(.mf-mini-card,.news-top-card,.news-row,.news-directory-card,.news-editorial-card,.mf-article-related-card,.mf-latest-song,.mf-music-row,.artist-profile-card,.editorial-artist,.mf-community-post,.mf-community-card,.profile-feature-card,.profile-library-card,.notification-card,.help-category-card,.about-world-item,.mf-hd-card){box-shadow:none!important;translate:none!important}

/* ========================================================================== 
   MUSIC FM — FINAL CLASSIC FINISH / 2026-10-07
   A quiet finishing pass: more material depth, better interaction feedback and
   finer editorial details without changing the established classic identity.
   ========================================================================== */
:root{
  --mf-finish-paper:linear-gradient(180deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.995) 64%,rgba(249,251,253,.995) 100%);
  --mf-finish-shadow:0 1px 2px rgba(4,19,39,.025),0 10px 28px rgba(4,19,39,.038);
  --mf-finish-shadow-hover:0 3px 7px rgba(4,19,39,.05),0 16px 36px rgba(4,19,39,.065);
  --mf-finish-blue-soft:rgba(20,124,255,.065);
  --mf-finish-cyan-soft:rgba(89,199,255,.075);
}

body:not(.mf-admin){
  background:
    radial-gradient(900px 420px at 85% -120px,rgba(89,199,255,.065),transparent 66%),
    radial-gradient(720px 360px at 5% 16%,rgba(124,103,217,.028),transparent 72%),
    linear-gradient(180deg,#f8fafc 0,#f4f6f9 22%,#f6f8fb 100%)!important;
}

/* The page remains restrained, but large white packages no longer feel pasted on. */
body:not(.mf-admin) :is(
  .mf-hero-board,.pulse-panel,.mf-section,.mf-side-card,.side-card,.news-top,.news-side-block,
  .artists-editorial,.artists-directory,.artist-feature,.contact-form-card,.help-faq-content,
  .help-faq-sidebar,.dedications-ranking,.dedications-guide,.dedications-archive,.legal-document,
  .legal-sidebar,.terms-document,.terms-sidebar,.profile-card,.profile-side-card,.settings-card,
  .settings-side-card,.notifications-side-card,.auth-shell,.community-preview,.mf-community-card,
  .mf-community-composer,.mf-community-posts,.dedication-composer
){
  border-color:#dfe6ee!important;
  box-shadow:var(--mf-finish-shadow)!important;
}

body:not(.mf-admin) :is(.mf-section,.mf-side-card,.profile-card,.settings-card,.notification-card,.help-category-card,.artist-feature,.news-directory-card,.album-card,.playlist-grid>a,.mf-community-card){
  background:var(--mf-finish-paper)!important;
}

/* Fine section hierarchy: text first, ornament second. */
body:not(.mf-admin) :is(.section-heading,.panel-head,.portal-title,.mf-community-section-head,.dedications-section-head,.adm-section-head) h2{
  text-wrap:balance;
}
body:not(.mf-admin) :is(.section-heading,.panel-head,.portal-title,.mf-community-section-head) > :is(span,small){
  color:#718095;
}

/* Images get a subtle editorial frame instead of a flat rectangular cutout. */
body:not(.mf-admin) :is(.mf-lead-image,.mini-media,.mf-section-lead>a>img,.mf-section-side img,.news-card img,.artist-feature img,.album-card img,.playlist-grid img){
  outline:1px solid rgba(16,37,65,.045);
  outline-offset:-1px;
}
body:not(.mf-admin) img{transition:filter 260ms var(--mf-ui-ease),transform 360ms var(--mf-ui-ease)}

/* Buttons: a light tactile response, never a bounce. */
body:not(.mf-admin) :is(button,.auth-submit,.mf-community-primary,.mf-community-secondary,.dedication-form-actions button,.contact-submit,.settings-save,.profile-action,.help-contact-card a){
  -webkit-tap-highlight-color:transparent;
}
@media (hover:hover) and (pointer:fine){
  body:not(.mf-admin) :is(
    .mf-mini-card,.mf-hot-grid>a,.mf-section-side>article,.artist-feature,.help-category-card,.profile-feature-card,
    .profile-library-card,.notification-card,.album-card,.playlist-grid>a,.news-directory-card,.mf-community-post,
    .mf-hd-card,.dedications-archive-grid article
  ){
    transition:transform 220ms var(--mf-ui-ease),box-shadow 220ms var(--mf-ui-ease),border-color 220ms var(--mf-ui-ease),background-color 220ms var(--mf-ui-ease)!important;
  }
  body:not(.mf-admin) :is(
    .mf-mini-card,.mf-hot-grid>a,.mf-section-side>article,.artist-feature,.help-category-card,.profile-feature-card,
    .profile-library-card,.notification-card,.album-card,.playlist-grid>a,.news-directory-card,.mf-hd-card,
    .dedications-archive-grid article
  ):hover{
    transform:translateY(-2px);
    box-shadow:var(--mf-finish-shadow-hover)!important;
    border-color:#d2dce7!important;
  }
  body:not(.mf-admin) :is(.mf-section-lead,.mf-mini-card,.mf-hot-grid>a,.album-card,.playlist-grid>a):hover img{filter:saturate(1.035) contrast(1.015)}
}
body:not(.mf-admin) :is(button,[role="button"],.auth-submit,.mf-community-primary,.mf-community-secondary,.dedication-form-actions button):active{
  transform:scale(.985)!important;
  transition-duration:70ms!important;
}

/* Links with arrows feel deliberate rather than static. */
body:not(.mf-admin) a .mf-icon--left,
body:not(.mf-admin) :is(.flash-all,.section-heading>a,.panel-head>a,.mf-hd-all,.mf-hd-card-footer>a) svg{
  transition:transform 180ms var(--mf-ui-ease)!important;
}
@media (hover:hover) and (pointer:fine){
  body:not(.mf-admin) a:hover .mf-icon--left,
  body:not(.mf-admin) :is(.flash-all,.section-heading>a,.panel-head>a,.mf-hd-all,.mf-hd-card-footer>a):hover svg{transform:translateX(-2px)}
}

/* Inputs carry a little more depth but stay clean and editorial. */
body:not(.mf-admin) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  border-color:#dbe3ec!important;
  box-shadow:inset 0 1px 1px rgba(4,19,39,.015)!important;
}
body:not(.mf-admin) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select):focus{
  background:#fff!important;
  border-color:#147cff!important;
  box-shadow:0 0 0 3px rgba(20,124,255,.085),inset 0 1px 1px rgba(4,19,39,.015)!important;
}

/* Header/footer receive depth, not glow. */
.site-header{box-shadow:0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(2,12,28,.08)!important}
.mf-editorial-footer{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}

/* Menus and account layers: crisp edge + soft separation from the page. */
:is(.mega-menu.v4-mega,.mf-header-account__menu,.mf-notification-dropdown){
  box-shadow:0 8px 24px rgba(3,19,39,.09),0 28px 72px rgba(3,19,39,.12)!important;
}
:is(.mf-header-account__links a,.mf-notification-item,.mf-mega-group a){
  transition:background-color 160ms var(--mf-ui-ease),color 160ms var(--mf-ui-ease),transform 160ms var(--mf-ui-ease)!important;
}
@media (hover:hover) and (pointer:fine){
  :is(.mf-header-account__links a,.mf-notification-item,.mf-mega-group a):hover{transform:translateX(-1px)}
}

/* Lists and tables read more comfortably on long sessions. */
body:not(.mf-admin) :is(table tbody tr,.song-row,.news-row,.dedication-row,.notification-card){
  transition:background-color 160ms var(--mf-ui-ease),border-color 160ms var(--mf-ui-ease)!important;
}
@media (hover:hover) and (pointer:fine){
  body:not(.mf-admin) table tbody tr:hover{background:#f8fbfe}
}

/* Small live/status markers stay quiet and precise. */
:is(.mf-hd-live-dot,.mf-community-live-dot,.mf-header-account__online){box-shadow:0 0 0 4px rgba(37,200,195,.075)!important}

/* Mobile: retain the app feel, but avoid over-layering. */
@media (max-width:760px){
  body:not(.mf-admin){background:linear-gradient(180deg,#f7f9fc,#f4f6f9 34%,#f6f8fb)!important}
  body:not(.mf-admin) :is(.mf-container,.container){width:min(100% - 28px,var(--mf-ui-container))}
  body:not(.mf-admin) :is(.mf-section,.mf-side-card,.profile-card,.settings-card,.notification-card,.mf-community-card,.dedication-composer){box-shadow:0 1px 2px rgba(4,19,39,.025),0 8px 20px rgba(4,19,39,.03)!important}
}

@media (prefers-reduced-motion:reduce){
  body:not(.mf-admin) :is(button,[role="button"],a,img,.mf-mini-card,.mf-hot-grid>a,.mf-section-side>article,.mf-community-post,.mf-hd-card){transition:none!important;transform:none!important}
}


/* ========================================================================== 
   2026-10-08 — Mature ceramic surfaces / remove decorative strips
   The site should feel premium and adult: no colored top bars or side strips.
   ========================================================================== */
:root{
  --mf-ui-porcelain-solid:linear-gradient(180deg,#ffffff 0%,#ffffff 62%,#fbfcfe 100%);
  --mf-ui-ceramic-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(7,31,63,.035),0 12px 30px rgba(7,31,63,.045);
  --mf-ui-ceramic-shadow-soft:inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(7,31,63,.03),0 8px 20px rgba(7,31,63,.038);
}

/* Global ceramic glass blocks — opaque white, refined depth, no loud framing. */
body :is(
  .mf-hero-board,.flash-strip,.pulse-panel,.mf-section,.mf-side-card,
  .artists-editorial,.artists-directory,.news-top,.news-side-block,
  .contact-form-card,.help-faq-content,.help-faq-sidebar,.dedications-ranking,.dedications-guide,
  .dedications-archive,.legal-document,.legal-sidebar,.terms-document,.terms-sidebar,.auth-shell,
  .profile-card,.profile-side-card,.settings-card,.settings-side-card,.notifications-side-card,
  .side-card,.composer,.chart-table,.song-list,.history-reader,
  .artist-feature,.help-category-card,.help-contact-card,.profile-feature-card,.profile-library-card,
  .notification-card,.post,.playlist-grid>a,.album-card,.news-directory-card,
  .artist-profile-card,.editorial-artist,.contact-route-grid>article,.about-world-item,
  .about-tech-grid article,.about-principles-grid article,.settings-choice-card,
  .social-feed-card,.journey-card,.leaderboard-card,.community-card,.community-post,
  .dedication-card,.dedication-row,.news-row,.mf-mini-card
){
  background:var(--mf-ui-porcelain-solid)!important;
  border:1px solid rgba(214,223,233,.88)!important;
  box-shadow:var(--mf-ui-ceramic-shadow-soft)!important;
}
body :is(.mf-hero-board,.flash-strip,.pulse-panel,.mf-section,.mf-side-card,.artist-feature,.profile-feature-card,.profile-library-card,.notification-card,.post,.album-card,.news-directory-card,.artist-profile-card,.editorial-artist,.community-post,.social-feed-card,.journey-card,.leaderboard-card){
  box-shadow:var(--mf-ui-ceramic-shadow)!important;
}

/* Kill decorative strips, accents and bars around content blocks. */
body :is(
  .mf-hero-board,.flash-strip,.pulse-panel,.hot-panel,.interesting-panel,
  .mf-section,.mf-side-card,.mf-wide-strip,.mf-dedications-rail,
  .journey-hero,.journey-panel,.leaderboard-panel,.social-feed-panel,
  .profile-hero-card,.member-hero-card,.member-wall-card
)::before,
body :is(
  .mf-hero-board,.flash-strip,.pulse-panel,.hot-panel,.interesting-panel,
  .mf-section,.mf-side-card,.mf-wide-strip,.mf-dedications-rail,
  .journey-hero,.journey-panel,.leaderboard-panel,.social-feed-panel,
  .profile-hero-card,.member-hero-card,.member-wall-card
)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Remove colored top borders / side rules that made sections look juvenile. */
body :is(.flash-strip,.mf-section,.mf-side-card,.pulse-panel,.hot-panel,.interesting-panel,.chart-table){
  border-top:1px solid rgba(214,223,233,.88)!important;
}

/* Preserve the home hero/editorial layout but make surfaces quieter and more premium. */
.home-page .mf-lead-copy,
.home-page .pulse-panel,
.home-page .hot-panel,
.home-page .interesting-panel,
.home-page .mf-mini-card{
  background:var(--mf-ui-porcelain-solid)!important;
}
.home-page .mf-mini-card:hover{
  background:var(--mf-ui-porcelain-solid)!important;
  box-shadow:var(--mf-ui-ceramic-shadow-soft)!important;
}
.home-page .mf-hot-grid a:hover img,
.home-page .mf-lead-image:hover img{transform:none!important}

/* Wide signature strips should feel like clean panels, not banners. */
body .mf-wide-strip{
  background:var(--mf-ui-porcelain-solid)!important;
  color:var(--mf-ui-ink-strong)!important;
  border:1px solid rgba(214,223,233,.88)!important;
  box-shadow:var(--mf-ui-ceramic-shadow)!important;
}
body .mf-wide-strip :is(h2,strong,b,span,p,a){color:inherit!important}

/* Keep navigation indicators functional, but remove decorative panel striping elsewhere. */
body :is(.portal-title,.section-title,[class*="section-title"],[class*="portal-title"])::before,
body :is(.portal-title,.section-title,[class*="section-title"],[class*="portal-title"])::after{
  box-shadow:none!important;
}

/* Dark rails keep their dark identity, but without colorful framing. */
body .mf-dedications-rail{
  background:linear-gradient(180deg,#071d37 0%,#08213f 100%)!important;
  border:1px solid rgba(16,47,88,.22)!important;
  box-shadow:0 12px 30px rgba(7,31,63,.14)!important;
}

/* Small page tabs/active states remain subtle and useful. */
body :is(.settings-nav button.active,.profile-tabs button.active,.member-tabs button.active){box-shadow:inset 0 -2px 0 var(--mf-ui-blue-deep)!important}

/* 2026-10-09 — Accessibility center: keep text readable on the current light header. */
html:root:not([data-mf-a11y-contrast="high"]) body .mf-a11y-center--calm .mf-a11y-header .mf-a11y-eyebrow{
  color:#355d78!important;
}
html:root:not([data-mf-a11y-contrast="high"]) body .mf-a11y-center--calm .mf-a11y-header h2,
html:root:not([data-mf-a11y-contrast="high"]) body .mf-a11y-center--calm .mf-a11y-header h2 :is(a,span,strong,em){
  color:#102f4d!important;
}
html:root:not([data-mf-a11y-contrast="high"]) body .mf-a11y-center--calm .mf-a11y-header p{
  color:#53687d!important;
}

/* ===== END site-unified-polish.css ===== */

/* ===== BEGIN mobile-scroll-stability.css ===== */
/* MUSIC FM — mobile scroll stability / iOS-PWA overscroll guard. */
html{
  background:#041327;
  overscroll-behavior-y:none;
}
body{
  min-height:100%;
  overscroll-behavior-y:none;
}

@media(max-width:980px) and (hover:none){
  /* Safari/PWA rubber-band should reveal the same navy as the header/footer,
     never a white canvas above the sticky header or below the footer. */
  html{background:#041327!important;overscroll-behavior-y:none!important}
  body{overscroll-behavior-y:none!important}
  .site-header.v4-site-header{background:#041327!important}
  .site-footer{background-color:#041327!important}

  /* Entering REELS must not animate/repaint the whole heavy section. */
  .home-page .mf-home-reels.reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .home-page .mf-home-reels .mf-reels-rail{
    scroll-behavior:auto!important;
  }

  /* Backdrop blur over full-height video cards is expensive on mobile Safari.
     Keep the same translucent look without invoking the live blur compositor. */
  .home-page .mf-home-reels :is(
    .mf-reel-brand,.mf-reel-fresh,.mf-reels-mobile-tip,.mf-reel-play,.mf-reel-pick
  ){
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* ===== END mobile-scroll-stability.css ===== */