/* AHANGI 10 — layout and interface refinements only.
   No post-media crop is persisted: portrait covers are CSS object-fit. */
:root{--a10-blue:#169ac5;--a10-blue-dark:#0e7da6;--a10-blue-selected:#deeff8;--a10-charcoal:#293743;--a10-ink:#273541;--a10-muted:#71808e;--a10-footer-bg:#263540}
/* Shared English eyebrow language: inspired by the Artists heading, never tracking-heavy caps. */
html .a5-body .a5-kicker,
html .a5-body .mz-overline,
html .a5-body .ag-eyebrow,
html .a5-body .a10-footer-eyebrow,
html .a5-body .a6-track-en,
html .a5-body [lang="en"]:not(input):not(textarea){font-family:"Segoe UI",Arial,sans-serif!important;letter-spacing:.01em!important;word-spacing:normal!important;line-height:1.6;text-transform:none;color:#748391;font-style:normal}
html .a5-body .a5-kicker,html .a5-body .mz-overline,html .a5-body .ag-eyebrow{font-size:10px;font-weight:650}
/* Archive tabs: the selected state is persistent, not black or translucent; hover not a white halo. */
html body.a5-body .a5-feed-tabs>a{background:#f9fbfc;color:#596d7c;border:1px solid #d8e2e8;box-shadow:none!important;outline-offset:2px;transition:background-color .18s,border-color .18s,color .18s}
html body.a5-body .a5-feed-tabs>a:hover{background:#eaf4f9;color:#127ba5;border-color:#b7d9e8;box-shadow:none!important}
html body.a5-body .a5-feed-tabs>a[aria-current="page"],
html body.a5-body .a5-feed-tabs>a[aria-current="page"]:hover,
html body.a5-body .a5-feed-tabs>a[aria-current="page"]:focus-visible{background:var(--a10-blue-selected)!important;border-color:#69b8d9!important;color:#0875a1!important;box-shadow:none!important}
/* Header title icon is inline SVG; not an emoji and not a competing color. */
html body.a5-body .a5-feed-heading .a10-feed-icon{flex:0 0 28px;width:28px;height:28px}
/* Featured: central crop, gradient with *no* rectangular strip; reveals on hover and keyboard focus. */
html body.a5-body .a6-feature-tile .a6-feature-image{position:relative;display:block;aspect-ratio:3/4;overflow:hidden}
html body.a5-body .a6-feature-image>img,html body.a5-body .a6-feature-image>picture,html body.a5-body .a6-feature-image picture>img{width:100%;height:100%;object-fit:cover;object-position:center}
html body.a5-body .a6-feature-image .a6-feature-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,29,39,.87) 0,rgba(20,29,39,.47) 22%,rgba(20,29,39,0) 63%)!important;opacity:0;border:0;border-radius:0;pointer-events:none}
html body.a5-body .a6-feature-image .a6-feature-meta{position:absolute;inset:auto 0 0!important;bottom:0;padding:40px 14px 21px;background:none!important;border:0;box-shadow:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1px;opacity:0;transform:translateY(8px);pointer-events:none}
html body.a5-body .a6-feature-image:hover .a6-feature-gradient,html body.a5-body .a6-feature-image:focus-visible .a6-feature-gradient,html body.a5-body .a6-feature-image:hover .a6-feature-meta,html body.a5-body .a6-feature-image:focus-visible .a6-feature-meta{opacity:1;transform:translateY(0)}
html body.a5-body .a6-feature-image .a6-feature-meta strong,html body.a5-body .a6-feature-image .a6-feature-meta small{color:#fff}
html body.a5-body .a6-feature-image .a6-feature-play,html body.a5-body .a6-feature-image .a6-feature-play-button{display:none!important}
@media(hover:none){html body.a5-body .a6-feature-image .a6-feature-gradient,html body.a5-body .a6-feature-image .a6-feature-meta{opacity:1;transform:none}}
/* Portrait artwork takes the entire left half of the song card, square source remains untouched. */
html body.a5-body .a9-track .a6-track-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}
html body.a5-body .a9-track .a6-track-cover-col{min-height:0;align-self:stretch}
html body.a5-body .a9-track .a6-track-cover-col .a6-track-art{position:relative;width:100%;height:100%;min-height:480px;aspect-ratio:3/4;border-radius:0;background:#dbe2e7}
html body.a5-body .a9-track .a6-track-cover-col .a6-track-art>img,
html body.a5-body .a9-track .a6-track-cover-col .a6-track-art>picture,
html body.a5-body .a9-track .a6-track-cover-col .a6-track-art picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}
html body.a5-body .a9-track .a6-track-content{background:#f0f3f4!important}
html body.a5-body .a9-track .a6-track-verse{border-inline-start:3px solid var(--a10-blue)!important;background:#e3eef4;color:#4a6573}
html body.a5-body .a9-track .a9-track-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body.a5-body .a9-track .a9-track-actions>a{min-height:43px;font-size:11px;line-height:1.7;padding:8px 6px;white-space:normal}
html body.a5-body .a9-track .a9-details span{white-space:nowrap}
/* Download remains orange until a new purple selection is explicitly approved. */
html body.a5-body .a9-track .a9-download{background:#2c3843;border-color:#2c3843;color:#fff}
/* Sidebar section actions always AFTER the list and centered, like Artists. */
html body.a5-body .a7-unified-side .a5-box-head{margin-bottom:12px}
html body.a5-body .a7-unified-side .a5-box-head>a{display:none!important}
html body.a5-body .a7-unified-side .a10-widget-view-all,
html body.a5-body .a7-unified-side .a9-all-artists{display:flex!important;justify-content:center;align-items:center;text-align:center;align-self:stretch;width:100%;min-height:39px;margin:14px 0 0;padding:9px 12px;background:#e1eef6!important;color:#176c91!important;border:1px solid #c9e0eb!important;border-radius:11px;box-shadow:none!important;font-size:11px;font-weight:790;text-decoration:none;line-height:1.6}
html body.a5-body .a7-unified-side .a10-widget-view-all:hover,
html body.a5-body .a7-unified-side .a9-all-artists:hover{background:#cde6f2!important;color:#075d80!important;border-color:#b5d7e6!important}
html body.a5-body .a10-song-row{border-radius:9px;transition:background-color .18s}
html body.a5-body .a10-song-row:hover{background:#e6e9eb!important}
html body.a5-body .a10-song-row .a10-song-copy{min-width:0}
html body.a5-body .a10-song-row .a10-song-copy strong{line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* Keep English UI labels in the same gray style on playlists, headers and widgets. */
html body.a5-body .mz-directory-heading .mz-overline{color:#748391!important}
/* Editorial footer with purposeful navigation, not decorative dead controls. */
html body.a5-body .a10-footer{background:var(--a10-footer-bg);color:#f1f5f7;border:0;border-top:4px solid var(--a10-blue);margin-top:22px;overflow:hidden}
.a10-footer .a10-footer-banner{width:min(1345px,calc(100% - 46px));margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 27px;background:linear-gradient(111deg,#365064,#2c4152);border:1px solid #456073;border-radius:17px}
.a10-footer .a10-footer-banner-copy>strong{display:block;color:#fff;font-size:19px;line-height:1.75;font-weight:850}
.a10-footer .a10-footer-eyebrow{display:block;color:#9eb6c5!important;margin-bottom:2px;font-size:10px}
.a10-footer .a10-footer-banner-copy p{font-size:11.5px;color:#c8d6e1;line-height:1.9;margin:0}
.a10-footer .a10-footer-banner-links{display:flex;gap:11px;flex-wrap:wrap;flex-shrink:0}
.a10-footer .a10-footer-banner-links>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;min-height:42px;background:var(--a10-blue);border:1px solid var(--a10-blue);border-radius:11px;color:#fff;font-size:11px;font-weight:750}
.a10-footer .a10-footer-banner-links>a+a{background:transparent;border-color:#8a9eac}
.a10-footer .a10-footer-banner-links>a:hover{background:#0a78a1;color:#fff;border-color:#0a78a1}
.a10-footer .a10-footer-banner-links .mz-icon{width:16px;height:16px}
html body.a5-body .a10-footer .a5-footer-inner{width:min(1345px,calc(100% - 46px));display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(2,minmax(125px,.85fr)) minmax(170px,1.05fr);gap:32px;padding:37px 0 30px;align-items:start}
html body.a5-body .a10-footer .a5-footer-about{max-width:none}
html body.a5-body .a10-footer .a5-footer-brand{display:inline-flex;align-items:center;width:max-content;max-width:100%}
html body.a5-body .a10-footer .a5-footer-brand .a7-wordmark{width:135px;height:64px;display:block;object-fit:contain;filter:brightness(0) invert(1);transition:filter .25s ease}
html body.a5-body .a10-footer .a5-footer-brand:hover .a7-wordmark,
html body.a5-body .a10-footer .a5-footer-brand:focus-visible .a7-wordmark{filter:brightness(0) saturate(100%) invert(47%) sepia(79%) saturate(1215%) hue-rotate(153deg) brightness(92%) contrast(91%)}
html body.a5-body .a10-footer .a5-footer-about p{color:#bfcdd7;font-size:11px;line-height:2.15;max-width:325px;margin:9px 0 12px}
html body.a5-body .a10-footer .a5-footer-links{display:flex;flex-direction:column;gap:9px}
html body.a5-body .a10-footer .a5-footer-links strong,html body.a5-body .a10-footer .a10-footer-last>strong{font-size:13px;font-weight:850;color:#fff;margin:4px 0 10px;display:block}
html body.a5-body .a10-footer .a5-footer-links a{font-size:11px;color:#bfced7;line-height:1.85}
html body.a5-body .a10-footer .a5-footer-links a:hover{color:#62c3e4!important}
.a10-footer .a10-footer-last p{font-size:11px;color:#bbcbd5;line-height:2;margin:0 0 12px}
.a10-footer .a10-footer-mini{display:flex;gap:7px;flex-wrap:wrap}
.a10-footer .a10-footer-mini>span{display:inline-flex;gap:5px;align-items:center;padding:5px 9px;border:1px solid #4c6271;border-radius:8px;background:rgba(255,255,255,.045);color:#c6d3dd;font-size:10px}
.a10-footer .a10-footer-mini .mz-icon,.a10-footer .a10-footer-contact .mz-icon{height:16px;width:16px}
.a10-footer .a10-footer-contact{display:inline-flex;gap:8px;align-items:center;margin-top:10px;padding:10px 13px;border:1px solid #597080;border-radius:10px;font-size:10.5px;color:#dbe6ec}
.a10-footer .a10-footer-contact:hover{border-color:#5bbbdc;color:#fff;background:#3e5867}
.a10-footer .a10-footer-socials{display:flex;gap:7px;flex-wrap:wrap}
.a10-footer .a10-footer-socials a{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:9px;background:#3b5161;color:#ecf3f6;font-size:10px}
.a10-footer .a10-footer-socials .mz-icon{width:16px;height:16px}
.a10-footer .a10-footer-socials a:hover{background:#137fa7;color:#fff}
html body.a5-body .a10-footer .a5-footer-bottom{border-top:1px solid #465b6b;color:#b4c4cf;font-size:10px;line-height:1.9}
html body.a5-body .a10-footer .a5-footer-bottom a{color:#dae9ef}
html body.a5-body .a10-footer .a5-footer-bottom a:hover{color:#77ccea}
@media(max-width:1120px){html body.a5-body .a10-footer .a5-footer-inner{grid-template-columns:minmax(170px,1.4fr) repeat(2,minmax(125px,1fr));gap:24px}.a10-footer .a10-footer-last{grid-column:1/-1}.a10-footer .a10-footer-banner{flex-wrap:wrap}}
@media(max-width:760px){
 html body.a5-body .a9-track .a6-track-inner{display:flex;flex-direction:column}
 html body.a5-body .a9-track .a6-track-cover-col .a6-track-art{height:auto;min-height:0;aspect-ratio:4/5;max-height:510px}
 html body.a5-body .a9-track .a6-track-cover-col .a6-track-art img{height:100%;width:100%;object-fit:cover}
 html body.a5-body .a10-footer .a5-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding-top:29px}
 html body.a5-body .a10-footer .a5-footer-about{grid-column:1/-1}
 html body.a5-body .a10-footer .a10-footer-last{grid-column:1/-1}
 .a10-footer .a10-footer-banner{width:calc(100% - 26px);margin-top:16px;padding:20px;gap:16px}
 .a10-footer .a10-footer-banner-links{flex:1 1 100%}
 .a10-footer .a10-footer-banner-links a{flex:1 1 140px}
}
@media(max-width:390px){html body.a5-body .a9-track .a9-track-actions{grid-template-columns:repeat(2,minmax(0,1fr))}html body.a5-body .a9-track .a9-track-actions>a:last-child{grid-column:1/-1}html body.a5-body .a10-footer .a5-footer-inner{gap:18px}html body.a5-body .a10-footer .a5-footer-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html body.a5-body .a6-feature-image .a6-feature-meta,html body.a5-body .a6-feature-image .a6-feature-gradient,html body.a5-body .a10-footer .a5-footer-brand .a7-wordmark{transition:none}}