/* Ahangi 12: mobile/tablet layout repair. Presentation-only; no edits to stored media. */
:root{--a12-blue:#169ac5;--a12-ink:#2c3843;--a12-canvas:#f1f3f1}
/* Desktop stays as designed. Fix artist-specific rules which previously targeted the unused ag-body class. */
body.a5-body .ag-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;line-height:1.9;margin:12px 0 21px;padding:0 2px;color:#788590;font-size:12px}
body.a5-body .ag-crumb a{color:#41596a;text-decoration:none}
body.a5-body .ag-crumb span{overflow-wrap:anywhere}
body.a5-body .ag-artist-header{display:flex;align-items:center;gap:24px;min-width:0;padding:24px;border:1px solid #e1e6e8;border-radius:20px;background:#f8faf9;margin:0 0 26px}
body.a5-body .ag-artist-avatar{display:grid;place-items:center;flex:0 0 165px;width:165px;height:165px;min-width:0;overflow:hidden;border-radius:18px;background:#e1ebf0;font-size:46px;color:var(--a12-blue);font-weight:800}
body.a5-body .ag-artist-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.a5-body .ag-artist-header-info{flex:1;min-width:0}
body.a5-body .ag-artist-header h1{font-size:clamp(22px,2.4vw,32px);line-height:1.65;margin:6px 0 9px;overflow-wrap:anywhere}
body.a5-body .ag-artist-header-info>small{display:block;direction:ltr;text-align:right;font-size:12px;color:#72818c}
body.a5-body .ag-artist-description{color:#526475;font-size:13px;line-height:2;margin:9px 0 13px}
body.a5-body .ag-artist-description p{margin:0}
body.a5-body .ag-artist-counters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
body.a5-body .ag-artist-counters>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:37px;padding:7px 13px;border-radius:10px;border:1px solid #dce4e8;background:#ecf1f3;color:#40525e;font-size:12px;line-height:1.55;white-space:nowrap;text-decoration:none}
body.a5-body .ag-artist-counters>a[aria-current="page"]{background:#dbeef7;border-color:#a9d8e8;color:#0c7199}
body.a5-body .ag-artist-counters strong{font-size:12px;line-height:1.4}
body.a5-body .ag-artist-newest,body.a5-body .ag-artist-archive{min-width:0;width:100%;margin-bottom:28px}
body.a5-body .ag-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 15px;min-width:0}
body.a5-body .ag-section-head h2{font-size:clamp(17px,2vw,22px);line-height:1.7;margin:3px 0 0;overflow-wrap:anywhere}
body.a5-body .ag-section-head .ag-eyebrow{color:#778994;font-family:"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}
body.a5-body .ag-albums-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;min-width:0;width:100%}
body.a5-body .ag-albums-row>*{min-width:0;max-width:100%}
body.a5-body .ag-related-song{min-width:0;max-width:100%;border:1px solid #e0e5e7;border-radius:14px;padding:10px;background:#f8faf9;overflow:hidden}
body.a5-body .ag-related-song>.ag-art{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:#dce5e9}
body.a5-body .ag-related-song>.ag-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.a5-body .ag-related-song h3{font-size:14px;line-height:1.75;margin:9px 0 3px;overflow-wrap:anywhere}
body.a5-body .ag-related-song p{font-size:12px;color:#647485;margin:0;overflow-wrap:anywhere}
body.a5-body .ag-artist-filter{display:flex;gap:8px;align-items:center;max-width:540px;margin:0 0 15px;padding:6px;border:1px solid #dae3e7;border-radius:13px;background:#f8faf9;box-sizing:border-box}
body.a5-body .ag-artist-filter input{flex:1 1 auto;min-width:0;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;padding:10px 11px;font-size:13px}
body.a5-body .ag-artist-filter button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;min-height:41px;padding:9px 12px;background:var(--a12-blue);color:#fff;border:0;border-radius:10px;font-size:12px;white-space:nowrap}
body.a5-body .ag-artist-filter button svg{width:16px;height:16px}
body.a5-body .ag-song-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;width:100%}
body.a5-body .ag-artist-song-list{grid-template-columns:repeat(2,minmax(0,1fr))}
body.a5-body .ag-song-list>*{min-width:0;max-width:100%}
body.a5-body .ag-track-card{display:flex;gap:12px;align-items:center;padding:11px;border-radius:14px;background:#f8faf9;border:1px solid #e1e6e8;min-width:0}
body.a5-body .ag-track-card>.ag-art{display:block;flex:0 0 100px;width:100px;height:100px;min-width:0;border-radius:11px;overflow:hidden}
body.a5-body .ag-track-card>.ag-art img{display:block;width:100%;height:100%;object-fit:cover}
body.a5-body .ag-track-content{flex:1;min-width:0}
body.a5-body .ag-track-content h3{font-size:14px;line-height:1.75;margin:6px 0;overflow-wrap:anywhere}
body.a5-body .ag-track-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#72818b;font-size:11px}
body.a5-body .ag-track-artist{font-size:12px;line-height:1.7}
body.a5-body .ag-track-en{display:block;min-width:0;font-size:11px;color:#72818b;overflow-wrap:anywhere}
body.a5-body .ag-track-tools{display:flex;gap:5px;align-items:center;flex-shrink:0}
body.a5-body .ag-track-tools>*{display:inline-grid;place-items:center;min-width:34px;min-height:34px;border-radius:9px;text-align:center}
body.a5-body .ag-song-list>.ag-album-card{display:flex;flex-direction:row;gap:12px;align-items:center;padding:11px;border:1px solid #e1e6e8;border-radius:14px;background:#f8faf9;min-width:0}
body.a5-body .ag-song-list>.ag-album-card .ag-album-cover{flex:0 0 100px;width:100px;height:100px;min-width:0;overflow:hidden;border-radius:11px}
body.a5-body .ag-song-list>.ag-album-card .ag-album-cover .ag-art{display:block;width:100%;height:100%}
body.a5-body .ag-song-list>.ag-album-card img{width:100%;height:100%;object-fit:cover}
body.a5-body .ag-album-content{min-width:0;flex:1}
body.a5-body .ag-album-content h3{font-size:14px;line-height:1.7;margin:4px 0;overflow-wrap:anywhere}
body.a5-body .ag-artist-avatar,.a5-body .ag-albums-row,.a5-body .ag-related-song,.a5-body .ag-track-card{box-sizing:border-box}
/* Footer: colors are permanent. A subtle motion/contrast response only, no inversion. */
html body.a5-body .a10-footer .a10-footer-banner-links>a:first-child,
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:#169ac5!important;color:#fff!important;border-color:#169ac5!important}
html body.a5-body .a10-footer .a10-footer-banner-links>a:nth-child(2),
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:#fff!important;color:#2c3843!important;border-color:#fff!important}
html body.a5-body .a10-footer .a10-footer-banner-links>a{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;will-change:transform}
html body.a5-body .a10-footer .a10-footer-banner-links>a:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 6px 15px rgba(0,0,0,.13)!important}
html body.a5-body .a10-footer .a10-footer-banner-links>a:focus-visible{outline:2px solid #b5e8fa;outline-offset:3px}
@media(max-width:1100px){
 /* A legacy two-column widget rule made a single column of widgets only 170px wide. */
 html body.a5-body .a7-unified-side,html body.a5-body .a5-side.a7-unified-side{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;min-width:0;width:100%!important;max-width:100%}
 html body.a5-body .a7-unified-side>.a5-widget{width:100%!important;min-width:0;max-width:100%;align-self:stretch}
 body.a5-body .ag-albums-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.a5-body .ag-song-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.a5-body .ag-track-card>.ag-art,body.a5-body .ag-song-list>.ag-album-card .ag-album-cover{flex-basis:88px;width:88px;height:88px}
}
/* Tablet: no forced desktop multicolumn sidebars; let main content breathe. */
@media(max-width:870px){
 html body.a5-body .a5-shell{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
 html body.a5-body .a5-page-main{min-width:0;width:100%;max-width:100%}
 html body.a5-body .a5-dashboard-grid,html body.a5-body .a6-dashboard-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important;min-width:0;width:100%}
 html body.a5-body .a5-feed-column,html body.a5-body .a5-side,html body.a5-body .a7-unified-side{min-width:0;width:100%!important;max-width:100%;align-self:stretch}
 html body.a5-body .a5-side.a7-unified-side{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;grid-template-columns:none!important}
 html body.a5-body .a7-unified-side>.a5-widget{display:block;width:100%!important;min-width:0;max-width:100%;align-self:stretch;padding:clamp(15px,3vw,23px);box-sizing:border-box}
 html body.a5-body .a5-detail-grid{display:flex!important;flex-direction:column!important;align-items:stretch;gap:18px}
 html body.a5-body .a5-detail-main,html body.a5-body .a5-detail-aside{width:100%;max-width:100%;min-width:0}
 html body.a5-body .a5-detail-aside{display:flex!important;flex-direction:column;gap:14px}
 html body.a5-body .a5-detail-aside>.a5-panel{width:100%;min-width:0}
 body.a5-body .ag-artist-header{gap:16px;padding:18px}
 body.a5-body .ag-artist-avatar{flex-basis:140px;width:140px;height:140px}
 body.a5-body .ag-albums-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
/* Phone: prioritize readable covers, full-width cards and an intentional reading order. */
@media(max-width:650px){
 html body.a5-body .a5-shell{width:calc(100% - 24px);margin-inline:auto;padding-top:14px;grid-template-columns:minmax(0,1fr)}
 html body.a5-body .a5-page-main{width:100%;min-width:0}
 html body.a5-body .a5-detail{max-width:100%;min-width:0}
 html body.a5-body .a5-detail-title{padding:3px 2px 16px}
 html body.a5-body .a5-detail-title h1{font-size:clamp(20px,5.4vw,26px);line-height:1.65;overflow-wrap:anywhere}
 html body.a5-body .a5-detail-title p{font-size:12px;line-height:1.9}
 html body.a5-body .a5-breadcrumb{gap:7px;flex-wrap:wrap;font-size:11px;margin-bottom:12px}
 html body.a5-body .a5-song-hero,html body.a5-body .a5-album-hero{display:flex!important;flex-direction:column;align-items:stretch;gap:17px;padding:clamp(15px,4vw,22px);min-width:0}
 html body.a5-body .a5-song-art,html body.a5-body .a5-album-art{width:min(100%,340px);height:auto;aspect-ratio:1/1;margin-inline:auto;flex:none;border-radius:15px;overflow:hidden}
 html body.a5-body .a5-song-art>a,html body.a5-body .a5-album-art>a{display:block;width:100%;height:100%}
 html body.a5-body .a5-song-art img,html body.a5-body .a5-album-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
 html body.a5-body .a5-song-overview,html body.a5-body .a5-album-overview{width:100%;max-width:100%;min-width:0;text-align:right}
 html body.a5-body .a5-song-overview h2,html body.a5-body .a5-album-overview h2{font-size:clamp(21px,5.8vw,27px);line-height:1.55;margin:8px 0}
 html body.a5-body .a5-performer{font-size:15px;line-height:1.9}
 html body.a5-body .a5-song-action-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:14px}
 html body.a5-body .a5-song-action-row>*{display:inline-flex;justify-content:center;align-items:center;min-width:0;min-height:44px;line-height:1.65;white-space:normal;gap:5px;text-align:center;padding:8px}
 html body.a5-body .a5-song-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
 html body.a5-body .a5-song-chips>*{max-width:100%;white-space:normal}
 html body.a5-body .a5-panel{max-width:100%;min-width:0;box-sizing:border-box;padding:clamp(14px,3.8vw,23px)}
 html body.a5-body .a5-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;min-width:0}
 html body.a5-body .a5-box-head h2{font-size:clamp(17px,4.7vw,21px);line-height:1.6;overflow-wrap:anywhere}
 html body.a5-body .a5-player-box,html body.a5-body .mz-inline-player{width:100%;max-width:100%;min-width:0}
 html body.a5-body .a5-player-box .mz-inline-timeline{min-width:0;flex:1 1 auto}
 html body.a5-body .a5-player-box .mz-inline-timeline input{min-width:0;width:100%}
 html body.a5-body .a5-lyrics .mz-lyrics,html body.a5-body .a5-lyrics pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:clamp(14px,3.9vw,17px);line-height:2.05}
 html body.a5-body .a5-download-primary,html body.a5-body .a5-download-secondary{width:100%;min-height:56px;display:flex;align-items:center;gap:12px}
 /* Sidebar cards must occupy the full phone width, never a narrow right-hand strip. */
 html body.a5-body .a5-dashboard-grid>.a7-unified-side{width:100%!important;align-self:stretch!important;flex:none}
 html body.a5-body .a7-unified-side>.a5-widget{width:100%!important;max-width:none;min-width:0;padding:17px 15px}
 html body.a5-body .a7-unified-side .a5-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
 html body.a5-body .a7-unified-side .a10-widget-view-all{width:100%;min-height:42px}
 /* Latest items keep thumbnails proportionate and text legible. */
 html body.a5-body .a10-song-row,html body.a5-body .a5-album-row{display:flex;align-items:center;gap:12px;min-width:0;width:100%}
 html body.a5-body .a10-song-row img,html body.a5-body .a5-album-row img{width:56px;height:56px;object-fit:cover;flex:none}
 html body.a5-body .a10-song-copy,html body.a5-body .a5-album-row>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere}
 /* Artist pages: no raw giant image / overlaid title / endless poster repeat. */
 body.a5-body .ag-crumb{margin:4px 0 15px;font-size:11px;gap:6px}
 body.a5-body .ag-artist-header{display:flex;flex-direction:row;align-items:flex-start;gap:13px;padding:15px;border-radius:16px;margin:0 0 21px}
 body.a5-body .ag-artist-avatar{flex:0 0 110px;width:110px;height:110px;max-width:110px;border-radius:13px;font-size:28px}
 body.a5-body .ag-artist-header-info{min-width:0;flex:1}
 body.a5-body .ag-artist-header h1{font-size:clamp(18px,5vw,23px);line-height:1.55;margin:4px 0 5px}
 body.a5-body .ag-artist-description{font-size:12px;line-height:1.8;margin:7px 0 11px}
 body.a5-body .ag-artist-counters{gap:6px;margin:6px 0 0}
 body.a5-body .ag-artist-counters>a{padding:6px 8px;font-size:11px;min-height:35px;gap:5px}
 body.a5-body .ag-section-head{margin-bottom:12px;gap:9px}
 body.a5-body .ag-section-head h2{font-size:clamp(17px,5vw,20px)}
 body.a5-body .ag-albums-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.a5-body .ag-related-song{padding:9px;border-radius:13px}
 body.a5-body .ag-related-song h3{font-size:13px;line-height:1.6}
 body.a5-body .ag-related-song p{font-size:11.5px;line-height:1.7}
 body.a5-body .ag-artist-song-list,body.a5-body .ag-song-list{grid-template-columns:1fr;gap:10px}
 body.a5-body .ag-track-card{padding:10px;gap:11px}
 body.a5-body .ag-track-card>.ag-art{flex:0 0 112px;width:112px;height:112px}
 body.a5-body .ag-song-list>.ag-album-card .ag-album-cover{width:112px;height:112px;flex-basis:112px}
 body.a5-body .ag-track-tools>*{min-width:34px;min-height:34px}
 body.a5-body .ag-artist-filter{width:100%;max-width:none;gap:6px}
 body.a5-body .ag-artist-filter input{font-size:13px}
 body.a5-body .ag-artist-filter button{font-size:12px}
}
@media(max-width:370px){
 body.a5-body .ag-artist-header{flex-direction:column;gap:10px}
 body.a5-body .ag-artist-avatar{width:112px;height:112px;flex-basis:auto}
 body.a5-body .ag-track-card>.ag-art,body.a5-body .ag-song-list>.ag-album-card .ag-album-cover{flex-basis:95px;width:95px;height:95px}
 html body.a5-body .a5-song-action-row{grid-template-columns:1fr 1fr}
 html body.a5-body .a5-shell{width:calc(100% - 20px)}
}
@media(prefers-reduced-motion:reduce){html body.a5-body .a10-footer .a10-footer-banner-links>a{transition:none!important;transform:none!important}}