/* AHANGI 11 — consistent charcoal actions, clean music card layouts and true responsive coverage.
   WordPress post editor, cover source files and MP3 destinations intentionally unchanged. */
:root{--a9-orange:#2c3843;--a9-orange-hover:#1d2832;--a11-ink:#2c3843;--a11-blue:#169ac5;--a11-card:#f0f3f4}
html body.a5-body .a9-track .a9-track-actions>a.a9-download,
html body.a5-body .a5-download-primary,html body.a5-body .mz-action-download,
html body.a5-body .a5-download-btn,html body.a5-body .a9-download,
html body.a5-body .mz-download a,html body.a5-body .mz-btn-download{background:#2c3843!important;border-color:#2c3843!important;color:#fff!important;box-shadow:none!important}
html body.a5-body .a9-track .a9-track-actions>a.a9-download:hover,
html body.a5-body .a5-download-primary:hover,html body.a5-body .mz-action-download:hover,
html body.a5-body .a5-download-btn:hover,html body.a5-body .a9-download:hover,
html body.a5-body .mz-download a:hover,html body.a5-body .mz-btn-download:hover{background:#1d2832!important;border-color:#1d2832!important;color:#fff!important}
html body.a5-body .a5-feed-heading svg.a10-feed-icon{width:29px;height:29px;flex:none;color:#169ac5}
html body.a5-body .a5-feed-heading h2{line-height:1.55;overflow-wrap:anywhere}
html body.a5-body .a8-gold-bars i,html body.a5-body .a5-feature-head .a8-gold-bars i{background:#2c3843!important}
/* User-selected footer CTAs: blue -> white; white -> blue. */
html body.a5-body .a10-footer .a10-footer-banner-links>a:first-child{background:#169ac5!important;border-color:#169ac5!important;color:#fff!important;box-shadow:none!important}
html body.a5-body .a10-footer .a10-footer-banner-links>a:first-child:hover,html body.a5-body .a10-footer .a10-footer-banner-links>a:first-child:focus-visible{background:#fff!important;border-color:#fff!important;color:#2c3843!important}
html body.a5-body .a10-footer .a10-footer-banner-links>a:nth-child(2){background:#fff!important;border-color:#fff!important;color:#2c3843!important;box-shadow:none!important}
html body.a5-body .a10-footer .a10-footer-banner-links>a:nth-child(2):hover,html body.a5-body .a10-footer .a10-footer-banner-links>a:nth-child(2):focus-visible{background:#169ac5!important;border-color:#169ac5!important;color:#fff!important}
html body.a5-body .a10-footer .a10-footer-banner-copy strong{font-size:clamp(17px,1.4vw,22px);line-height:1.9;word-spacing:.065em}
html body.a5-body .a10-footer .a10-footer-banner-copy p{line-height:2.05;margin-top:7px;word-spacing:.04em;max-width:620px}
html body.a5-body .a10-footer .a10-footer-banner-links>a{min-width:155px;line-height:1.75;white-space:normal;text-align:center;gap:9px}
/* Playlist discover: consistent container height and header spacing; never overlap nested rows. */
html body.a5-body .mz-playlist-page,html body.a5-body .mz-playlist-page :is(.mz-personal-playlist,.mz-playlist-discover,.mz-catalog-panel,.mz-playlist-search-results){min-width:0;max-width:100%;box-sizing:border-box}
html body.a5-body .mz-playlist-discover{padding:clamp(16px,2.5vw,26px)!important;border-radius:19px!important;overflow:visible;isolation:isolate}
html body.a5-body .mz-playlist-discover-heading{display:flex;align-items:flex-start;gap:12px;padding:0;margin:0 0 17px;min-width:0}
html body.a5-body .mz-playlist-discover-heading>div{min-width:0;width:100%}
html body.a5-body .mz-playlist-discover-heading h2{line-height:1.65;overflow-wrap:anywhere}
html body.a5-body .mz-playlist-discover-heading p{line-height:1.95;overflow-wrap:anywhere;margin-top:7px}
html body.a5-body .mz-playlist-search{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:9px;margin:0 0 18px;min-height:52px}
html body.a5-body .mz-playlist-search input{min-width:0;flex:1 1 150px;width:auto;max-width:100%;line-height:1.75}
html body.a5-body .mz-playlist-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;min-width:0}
html body.a5-body .mz-playlist-tabs>button{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-width:0;min-height:65px;padding:10px 8px!important;border-radius:12px;white-space:normal;line-height:1.65;text-align:center;box-shadow:none!important;filter:none!important;transform:none!important}
html body.a5-body .mz-playlist-tabs>button::after,html body.a5-body .mz-playlist-tabs>button::before{display:none!important;content:none!important}
html body.a5-body .mz-playlist-tabs>button[aria-selected="true"],html body.a5-body .mz-playlist-tabs>button[aria-selected="true"]:hover{background:#227fa8!important;color:#fff!important;border-color:#227fa8!important;box-shadow:none!important;filter:none!important}
html body.a5-body .mz-playlist-tabs>button[aria-selected="true"] small,html body.a5-body .mz-playlist-tabs>button[aria-selected="true"]:hover small{color:#eff8fc!important}
html body.a5-body .mz-playlist-discovery-grid{display:block!important;min-width:0}
html body.a5-body .mz-playlist-discovery-grid>.mz-catalog-panel{width:100%;max-width:100%;margin:0;padding:clamp(14px,2vw,22px)!important;border-radius:15px!important;overflow:hidden;box-shadow:none!important;background:#f9fafb!important}
html body.a5-body .mz-catalog-panel[hidden]{display:none!important}
html body.a5-body .mz-catalog-panel>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;min-width:0;margin-bottom:15px;padding:0}
html body.a5-body .mz-catalog-panel>header>div{min-width:180px;flex:1 1 240px}
html body.a5-body .mz-catalog-panel>header h3{font-size:clamp(15px,1.5vw,18px);line-height:1.8;overflow-wrap:anywhere;margin:0}
html body.a5-body .mz-catalog-panel .mz-catalog-description{font-size:11.5px;line-height:2;overflow-wrap:anywhere;margin:4px 0 0}
html body.a5-body .mz-catalog-panel .mz-catalog-refresh{flex-shrink:0;max-width:100%;white-space:normal;min-height:38px;border-radius:9px;padding:8px 11px;background:#edf1f3;border:1px solid #d9e0e5;color:#2c3843;box-shadow:none!important}
html body.a5-body .mz-catalog-list{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
html body.a5-body .mz-catalog-row{display:grid;grid-template-columns:52px minmax(0,1fr) 36px 36px;align-items:center;gap:12px;min-width:0;width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e1e5e8!important;background:#fff;box-shadow:none!important;box-sizing:border-box}
html body.a5-body .mz-catalog-cover{display:block;grid-column:auto;width:52px;height:52px;min-width:0;overflow:hidden;border-radius:9px}
html body.a5-body .mz-catalog-cover img{width:100%;height:100%;object-fit:cover}
html body.a5-body .mz-catalog-copy{min-width:0;align-self:center;max-width:100%;overflow:hidden}
html body.a5-body .mz-catalog-copy h3{font-size:clamp(11px,1vw,13px);line-height:1.9;overflow-wrap:anywhere;word-break:normal;white-space:normal;margin:0;min-width:0}
html body.a5-body .mz-catalog-row .mz-catalog-play,html body.a5-body .mz-catalog-row .mz-playlist-add{display:inline-flex;justify-content:center;align-items:center;min-width:0;width:36px;height:36px;min-height:36px;padding:7px;border-radius:9px;box-shadow:none!important}
html body.a5-body .mz-catalog-row .mz-inline-player{min-width:0;width:100%;grid-column:1/-1;box-sizing:border-box}
/* Contact page header must not be hidden under the sticky topbar. */
html body.a5-body .mz-contact{padding-top:clamp(19px,3vw,40px);scroll-margin-top:110px}
html body.a5-body .mz-contact-heading{padding-top:5px;margin-bottom:24px;position:relative;z-index:1}
html body.a5-body .mz-contact-heading h1{font-size:clamp(24px,2.9vw,36px);line-height:1.55;overflow-wrap:anywhere}
html body.a5-body .mz-contact-layout>*{min-width:0}
html body.a5-body .mz-contact-form-panel :is(input,textarea,select){max-width:100%}
/* Avoid clipped card text or fixed-width secondary pages. */
html body.a5-body .a5-page-main,html body.a5-body .a5-feed-column,html body.a5-body .a7-unified-side{min-width:0}
html body.a5-body :is(.mz-playlist-page,.mz-contact,.mz-charts-page,.mz-artists-page,.mz-music-index,.mz-sitemap-page){max-width:100%;min-width:0}
html body.a5-body :is(.a9-track,.mz-catalog-panel,.a5-widget,.mz-playlist-page) *{box-sizing:border-box}
html body.a5-body .a9-track .a6-track-content{min-width:0}
html body.a5-body .a9-track .a9-track-actions>a{overflow-wrap:anywhere}
@media(max-width:1050px){
 html body.a5-body .mz-playlist-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body.a5-body .a10-footer .a10-footer-banner{gap:16px}
}
@media(max-width:760px){
 html body.a5-body .mz-playlist-page{width:100%;margin-inline:auto}
 html body.a5-body .mz-playlist-discover{padding:16px!important}
 html body.a5-body .mz-playlist-search{padding:11px!important}
 html body.a5-body .mz-playlist-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html body.a5-body .mz-playlist-tabs>button{min-height:65px;font-size:12px}
 html body.a5-body .mz-catalog-panel{padding:13px!important}
 html body.a5-body .mz-catalog-row{gap:8px;grid-template-columns:48px minmax(0,1fr) 34px 34px;padding:9px 8px}
 html body.a5-body .mz-catalog-cover{width:48px;height:48px}
 html body.a5-body .mz-catalog-row .mz-catalog-play,html body.a5-body .mz-catalog-row .mz-playlist-add{width:34px;height:34px;min-height:34px}
 html body.a5-body .mz-catalog-panel>header>div{flex-basis:100%}
 html body.a5-body .mz-catalog-panel .mz-catalog-refresh{min-height:36px}
 html body.a5-body .mz-contact{padding-top:20px}
 html body.a5-body .mz-contact-layout{display:flex;flex-direction:column;gap:17px}
 html body.a5-body .mz-contact-form-panel,html body.a5-body .mz-contact-aside{width:100%;max-width:100%;padding:clamp(15px,4vw,24px)}
 html body.a5-body .a10-footer .a10-footer-banner-links>a{flex:1 1 170px}
}
@media(max-width:420px){
 html body.a5-body .mz-playlist-tabs>button{font-size:11.5px;padding:8px 6px!important}
 html body.a5-body .mz-catalog-row{grid-template-columns:44px minmax(0,1fr) 32px 32px;gap:7px;padding:8px 6px}
 html body.a5-body .mz-catalog-cover{width:44px;height:44px}
 html body.a5-body .mz-catalog-row .mz-catalog-play,html body.a5-body .mz-catalog-row .mz-playlist-add{width:32px;height:32px;min-height:32px}
 html body.a5-body .mz-catalog-copy h3{font-size:11px}
 html body.a5-body .a10-footer .a10-footer-banner{width:calc(100% - 24px);padding:17px}
 html body.a5-body .a10-footer .a10-footer-banner-links{flex-direction:column;width:100%}
 html body.a5-body .a10-footer .a10-footer-banner-links>a{width:100%;min-height:43px;flex:none}
 html body.a5-body .mz-contact-form-panel .mz-contact-fields{display:flex;flex-direction:column;gap:11px}
}
@media(prefers-reduced-motion:reduce){html body.a5-body .a10-footer .a10-footer-banner-links>a{transition:none}}