/* MusicAtlas 2.5: shared high-readability presentation.
   User-specified artwork remains at the exact source URLs; the UI has color fallbacks.
   No catalog, advertisement or persistent-counter rules are defined here. */
:root{
 --ma-ink:#142841;--ma-blue:#153e70;--ma-line:#b8cbe2;
 --ma-panel:#edf3fb;--ma-panel-warm:#fbf5e9;--ma-gold:#edc474;
 --ma-radius:16px;
 --ma-art-music:url("https://globalrph.com/wp-content/medcalcs/images/multimedia.jpg");
 --ma-art-memory:url("https://globalrph.com/wp-content/blogImages/2026JanMarch/psy04.jpg");
 --ma-art-youtube:url("https://globalrph.com/wp-content/uploads/2025/02/youTubeSection.jpg");
}
html{font-size:18px;scroll-padding-top:24px}
body{font-size:20px;line-height:1.65;color:var(--ma-ink);background:#eef2f7}
.shell{max-width:1320px;width:calc(100% - 64px)}
h1{font-size:clamp(36px,4.8vw,62px);font-weight:850;letter-spacing:-.035em;line-height:1.15}
h2{font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.23}
h3{font-size:24px;font-weight:800;line-height:1.3}
a{color:#174c87;text-underline-offset:4px}
a:hover{color:#082d58}
small,.fineprint,.muted,.rank,.sourcelist p,.footer small{font-size:16px;line-height:1.55}
.fineprint,.muted,.rank{color:#40546d}
.eyebrow,.js-kicker{font-size:14px;font-weight:800;letter-spacing:.13em}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #aa5b00;outline-offset:4px}
.skip:focus{background:#fff;color:#142841;border:2px solid #153e70;border-radius:8px;font-size:20px}
/* Navigation is visibly interactive, including the current route. */
.site-header{border-bottom:4px solid var(--ma-gold);background:#101f35}
.nav-wrap,.site-header .nav-wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:center;padding:20px 0;min-height:126px}
.brand{font-size:28px;gap:12px;color:#fff}
.brand:hover{color:#fff}
.brand small{font-size:12px;letter-spacing:.22em;font-weight:750}
.brand-mark{width:50px;height:50px;flex:none;font-size:34px;background:#f0ca80}
.site-header .nav-wrap nav{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.site-header .nav-wrap nav a{font-size:18px;font-weight:750;line-height:1.2;padding:11px 14px;min-height:46px;display:inline-flex;align-items:center;color:#fff;background:#203852;border:1px solid #4b6280;border-radius:8px}
.site-header .nav-wrap nav a:hover,.site-header .nav-wrap nav a:focus-visible{background:#365f8b;color:#fff;text-decoration:none}
.site-header .nav-wrap nav a[aria-current="page"]{color:#142841;background:#f0ca80;border-color:#f0ca80;box-shadow:0 2px 0 #94723d}
/* The hero and section art use enlarged crops, not tiny thumbnails. */
.hero{margin:0;padding:38px;gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:linear-gradient(125deg,#102038,#183b60);border-radius:0 0 20px 20px;border:1px solid #375272;border-top:0}
.hero h1{font-size:clamp(44px,5.7vw,74px);font-weight:750;line-height:1.08;letter-spacing:-.035em}
.hero h1 em{font-weight:700;color:#f0ca80}
.hero-copy>p{font-size:21px;color:#e0eaf5;max-width:650px;line-height:1.65}
.hero .eyebrow{font-size:14px}
.hero-stats{gap:14px;margin:25px 0;font-size:15px}
.hero-stats>span{padding:12px 15px;background:#0b1b2eb3;border:1px solid #52708c;border-radius:10px;color:#e0eaf5}
.hero-stats b{font-size:25px;color:#fff}
.ma-hero-art{position:relative;align-self:stretch;min-height:390px;border-radius:18px;border:2px solid #a4bbd0;overflow:hidden;background-color:#295979;background-image:linear-gradient(0deg,#0a1b33e8,transparent 60%),var(--ma-art-music),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 600'%3E%3Cg transform='translate(250 230)'%3E%3Ccircle r='176' fill='%23101e32' fill-opacity='.65' stroke='%23cbd7e7' stroke-opacity='.25' stroke-width='2'/%3E%3Cg fill='none' stroke='%23abc1d7' stroke-opacity='.25' stroke-width='2'%3E%3Ccircle r='155'/%3E%3Ccircle r='144'/%3E%3Ccircle r='132'/%3E%3Ccircle r='120'/%3E%3Ccircle r='108'/%3E%3C/g%3E%3Ccircle r='59' fill='%23eac17a'/%3E%3Ccircle r='11' fill='%231f3b5c'/%3E%3Cpath d='M-135-84Q-77-166 44-148' fill='none' stroke='%23ffffff' stroke-opacity='.23' stroke-width='12' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 75% 20%,#669bab,#294b72 55%,#122641);background-size:cover,150% auto,cover,cover;background-position:center,65% 48%,center,center;box-shadow:0 18px 40px #00122955}
.ma-hero-art:before{content:"";position:absolute;inset:20px;border:1px solid #f6e0b666;border-radius:12px;pointer-events:none}
.ma-art-caption{position:absolute;bottom:25px;left:25px;right:25px;color:white;background:#0b1e33d9;padding:18px;border-radius:12px;backdrop-filter:blur(3px)}
.ma-art-caption strong{display:block;font-size:30px;line-height:1.2;color:#f4d496}
.ma-art-caption span{display:block;font-size:17px;line-height:1.4;margin-top:8px;color:#fff}
.page-heading{position:relative;isolation:isolate;background:#e4edf7;border:1px solid #b7cbe1;border-left:7px solid #264f7b;border-radius:14px;margin:26px 0;padding:28px 30px;overflow:hidden}
.page-heading:after{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;background-image:linear-gradient(90deg,#e4edf7 2%,#e4edf79e 70%),var(--ma-art-music);background-size:cover,170% auto;background-position:center,right center;opacity:.65}
.page-heading p{font-size:20px;color:#324d68;max-width:950px}
.page-heading h1{overflow-wrap:anywhere}
.ma-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}
.ma-media-card{position:relative;isolation:isolate;min-height:220px;padding:28px;border:2px solid #50759a;border-radius:16px;overflow:hidden;background:#193e62;color:white;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}
.ma-media-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#0a1f36eb,#0f2e4e66),var(--ma-art-music);background-size:cover,135% auto;background-position:center,72% center}
.ma-media-card.ma-memory:before{background-image:linear-gradient(90deg,#142849ed,#183e5070),var(--ma-art-memory);background-size:cover,145% auto;background-position:center,70% 40%}
.ma-media-card:hover{color:#fff;text-decoration:none;border-color:#dbb66a}
.ma-media-card h2,.ma-media-card h3{color:#fff;font:800 30px/1.2 system-ui,sans-serif;margin:10px 0}
.ma-media-card p{font-size:19px;line-height:1.6;color:#fff;margin:0;max-width:600px}
.ma-media-card b,.ma-media-card .eyebrow{color:#ffdc99;font-size:17px;font-weight:800}
.ma-media-card .eyebrow{font-size:13px}
/* Larger, high-contrast inputs. Native selects retain keyboard behavior. */
.search-panel{border:2px solid #a9c0dc;border-top:6px solid #274f7c;border-radius:18px;background:linear-gradient(120deg,#fff,#edf4fe);padding:28px;margin:28px 0;box-shadow:0 10px 26px #1234580c}
.search-panel h2{font-size:32px}
.search-label,label{font-size:18px;font-weight:750;line-height:1.4;color:#183a61}
input,select,textarea{font:600 19px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:56px;border:2px solid #8faacc;border-radius:9px;background:#fff;color:#162f4f;padding:12px 14px;max-width:100%;min-width:0}
input[type=search]{font-size:23px;min-height:66px;padding:15px 18px;border-color:#537da6}
input::placeholder,textarea::placeholder{font-weight:400;color:#546a81;opacity:1}
label input,label select{font-weight:600;margin-top:8px}
select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%231b4775' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:21px}
select:hover,input:hover,textarea:hover{border-color:#376c9d}
select option{font-size:19px;background:white;color:#142841}
.main-search{gap:12px}.main-search button{min-width:170px}
.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.basic-filters,.js-basic-filters{grid-template-columns:1.5fr 1fr 1fr}
.more-filters{border:2px solid #b0c3da;border-radius:11px;background:#fff;margin:23px 0 14px;padding:0 18px 12px}
.more-filters>summary{font-size:19px;font-weight:800;min-height:54px;padding:14px 0 6px;line-height:1.4;color:#163f6c}
.more-filters[open]{border-color:#527da7;background:#f6f9ff}
.more-filters .filter-grid{margin-top:14px}
.search-options{gap:14px;padding-top:12px}
.search-options label{min-width:180px}
.check-row{font-size:18px;line-height:1.5;align-items:flex-start}
.check-row input{min-height:24px;height:24px;width:24px;flex:0 0 24px;margin-top:2px;accent-color:#214c7c}
.button,.save-button,.song-actions .button{font:750 18px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:54px;padding:13px 20px;border:2px solid #254b76;border-radius:9px;box-shadow:0 2px 0 #14324f18}
.button{background:#204775;color:#fff}
.button:hover{background:#123761;color:white;filter:none}
.button.gold{background:#f0c77b;border-color:#b58a3e;color:#192c44}
.button.gold:hover{background:#ffdb92;color:#142841}
.button.secondary{border-color:#9bb3cd;color:#1b4775;background:#f7faff}
.button.secondary:hover{background:#deebfb;color:#122f50;border-color:#456f9a}
.clear-link,.return-top{font-size:18px;font-weight:750;min-height:48px;padding:12px}
.clear-link{background:#eef3fa;border:1px solid #b4c7dd;border-radius:8px}
.bottom-controls{gap:14px}
/* Three deliberate card zones replace the undersized action column. */
.song-list{background:transparent;margin:18px 0;display:block}
.song-row{display:grid;grid-template-columns:112px minmax(0,1fr) 230px;grid-template-areas:"year main actions" "year genres actions";gap:10px 24px;align-items:start;padding:23px;margin:0 0 17px;border:2px solid #bdcee3;border-left:6px solid #315e8f;border-radius:16px;background:linear-gradient(110deg,#edf3fb,#f9fbfe);box-shadow:0 4px 12px #213d5b09;transition:border-color .15s ease,box-shadow .15s ease}
.song-row:nth-of-type(even){background:linear-gradient(110deg,#f9f2e6,#fffcf7);border-color:#d5c6aa;border-left-color:#a78140}
.song-row:hover,.song-row:focus-within{border-color:#6088b2;box-shadow:0 6px 18px #163e6422}
.song-row>.song-main{grid-area:main;min-width:0}
.song-row>.song-genres{grid-area:genres;display:flex;flex-wrap:wrap;gap:7px;min-width:0;align-self:start}
.song-row>.song-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;min-width:0;width:100%}
.song-row>.song-year{grid-area:year;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;align-self:start;min-height:104px;min-width:0;width:100%;margin:0;padding:14px 7px;background:linear-gradient(145deg,#244f81,#123154);border:2px solid #183e69;border-radius:12px;color:#fff;text-decoration:none;box-shadow:0 4px 0 #112e5020}
.song-year strong{font:850 38px/1.05 system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:#fff;white-space:nowrap;overflow-wrap:normal}
.song-year .year-caption{font-size:12px;font-weight:750;line-height:1.2;letter-spacing:.03em;text-align:center;color:#dbe9fb}
.song-row>a.song-year:hover{background:#305f96;border-color:#547baa;color:#fff}
.song-row>.song-year.is-undated{background:#e0e6ec;border-color:#9daebf;box-shadow:none}
.song-year.is-undated strong{font-size:20px;letter-spacing:0;color:#2c435e;overflow-wrap:normal}
.song-year.is-undated .year-caption{color:#38516c}
.song-row .song-main h3{font-size:26px;font-weight:800;line-height:1.3;margin:0 0 6px;letter-spacing:-.012em;overflow-wrap:anywhere}
.song-main h3 a{color:#142e50;text-decoration:none}
.song-main h3 a:hover{color:#174f8f;text-decoration:underline}
.song-row .artist-link{font-size:20px;font-weight:650;line-height:1.5;color:#245887;display:inline-block;text-decoration:none}
.song-row .artist-link:hover{text-decoration:underline}
.rank{display:block;margin-top:6px;font-size:16px}
.collection-badge{font-size:15px;font-weight:750;color:#6b5025;margin-top:8px;line-height:1.45}
.tag,.chips a{font-size:16px;font-weight:650;border:1px solid #b3c7df;background:#e0eaf7;color:#1d436c;line-height:1.4;padding:7px 12px;margin:0;border-radius:9px}
.song-row .tag{font-size:16px;padding:7px 10px}
.tag:hover,.chips a:hover{background:#cbdcf2;color:#17395f;border-color:#587fa7;text-decoration:none}
.chips{gap:10px}.chips a{min-height:46px;align-items:center;background:#edf3fb}
.song-actions>.detail-link{display:flex;grid-column:auto;grid-row:auto;justify-content:center;align-items:center;font-size:17px;font-weight:750;line-height:1.3;text-align:center;color:#1c4776;background:#f9fbff;border:2px solid #a0b6d0;border-radius:9px;min-height:50px;padding:10px 9px;text-decoration:none}
.song-actions>.detail-link:hover{background:#dce9f9;border-color:#446c96}
.song-actions .save-form{display:flex;margin:0;min-width:0}
.song-actions .save-button{font-size:17px;min-height:50px;padding:10px 7px;width:100%;margin:0;border-color:#c6ad7d;background:#f7e9ce;color:#27394f;white-space:normal;overflow-wrap:anywhere}
.song-actions .save-button:hover{background:#f1d9a9}
.song-actions .save-button.saved{background:#ddede2;border-color:#80a58d;color:#22543a}
/* The supplied YouTube graphic is decorative; the textual label always works. */
a.video-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;min-height:78px;background:#fff;border:2px solid #c42427;border-radius:11px;color:#9c141a;font-size:20px;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:0 3px 0 #70181d12;max-width:100%}
.song-actions>a.video-link{grid-column:1/-1;grid-row:1;align-self:start;width:100%}
a.video-link:hover{background:#fff0ee;border-color:#940f18;color:#880d14;text-decoration:none;filter:none}
.youtube-thumb{display:block;flex:0 0 72px;width:72px;height:50px;border-radius:7px;background-color:#bc1c24;background-image:var(--ma-art-youtube),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 50'%3E%3Cpath fill='white' d='M29 14 48 25 29 36Z'/%3E%3C/svg%3E");background-size:cover;background-position:center;border:1px solid #d77f82}
.youtube-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.youtube-copy strong{font-size:21px;color:inherit;line-height:1.15}
.youtube-copy small{font-size:13px;line-height:1.2;font-weight:650;color:#77383c}
.external-indicator{font-size:23px;margin-left:auto;line-height:1;color:#94151c}
.video-link.video-detail{min-width:235px}
.year-label{font-size:36px;font-weight:850;line-height:1.2;padding:16px 22px;margin:28px 0 18px;border:2px solid #adc4df;border-left:7px solid #285682;border-radius:12px;background:#dbe8f8;color:#173f6d;font-variant-numeric:tabular-nums}
/* Bigger browse targets and individual cards. */
.feature-grid,.js-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-card,.js-card-grid>a{border:2px solid #bdcfe3;border-top:5px solid #385f8b;background:linear-gradient(130deg,#fff,#eaf1fa);border-radius:15px;padding:25px;color:#173858;box-shadow:0 5px 15px #1c3e630a;overflow-wrap:anywhere}
.feature-card:nth-child(3n+2),.js-card-grid>a:nth-child(3n+2){border-top-color:#a27b37;background:linear-gradient(130deg,#fff,#fbf2e2)}
.feature-card h3,.feature-card h2,.js-card-grid h2{font-family:system-ui,sans-serif;font-size:27px;line-height:1.25;font-weight:800;color:#173858}
.feature-card p,.js-card-grid p,.editorial-box p{font-size:19px;line-height:1.6;color:#415672}
.feature-card b,.js-card-grid b{font-size:18px;font-weight:750;color:#214e7d}
.card-number{font-size:14px;font-weight:800;margin-bottom:16px;letter-spacing:.06em}
.js-count{font-size:42px;color:#234e7b;line-height:1.15}
.feature-card:hover,.js-card-grid>a:hover{border-color:#597fa7;box-shadow:0 8px 20px #14396017;text-decoration:none}
.year-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.year-card{padding:22px 16px;border:2px solid #a7bdd8;border-radius:12px;background:#e0eafa;text-align:center;align-items:center;box-shadow:0 3px 0 #91abc02b}
.year-card b{font:850 38px/1.1 system-ui,sans-serif;color:#193e6a}
.year-card span{font-size:17px;font-weight:600;color:#3b5676}
.year-card:hover{background:#cbdcf5;border-color:#375f8b}
.js-year-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.js-year-grid a{font:850 34px/1.1 system-ui,sans-serif;color:#173e6a;padding:20px 12px;background:#e0eafa;border:2px solid #a7bdd8;border-radius:12px}
.js-year-grid a:hover{background:#cbdcf5;border-color:#375f8b}
.js-year-grid small{font:600 16px/1.5 system-ui,sans-serif;color:#3b5676;margin-top:8px}
.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.genre-card{border:2px solid #b5c9df;border-radius:12px;background:#f1f6fd;padding:21px}
.genre-card h3{font-size:23px}.genre-card span{font-size:17px;color:#405977}
.alphabet{gap:9px}.alphabet a{min-width:48px;min-height:50px;font-size:20px;font-weight:800;background:#e4edf9;border:2px solid #aec4de;border-radius:9px}
.artist-grid{gap:16px}.artist-card,.artist-grid a{font-size:21px;font-weight:700;border:2px solid #bfd0e2;border-radius:12px;background:#f5f8fd;padding:20px}
.artist-card small,.artist-grid small{font-size:16px;font-weight:500}
.pager{gap:10px;margin:26px 0}.page{min-width:50px;min-height:52px;font-size:20px;font-weight:800;border:2px solid #aec3dd;border-radius:9px}
.page.current{background:#244c7c;border-color:#244c7c;color:#fff}
.shortcuts a{font-size:19px;font-weight:750;padding:14px 18px;min-height:54px;border:2px solid #adc3dd;border-radius:10px;background:#e8effa;color:#214975}
.shortcuts a:hover{background:#cddff4;border-color:#4d76a1}
.js-panel,.information,.song-summary{border:2px solid #b8cbe1;border-radius:16px;padding:28px;background:#fff;margin:25px 0}
.js-panel>h2,.information h2{font-size:30px;font-weight:800}
.js-panel>.song-list{margin-bottom:0}
.information p,.information dl,.story-text,.editorial-box p{font-size:20px;line-height:1.75}
.story-status{font-size:18px;border:1px solid #b4c8d9;padding:13px 16px}
.story-panel{border-top:6px solid #b88c3e}
.song-summary{grid-template-columns:1.1fr 1.2fr 1.3fr;gap:25px;align-items:start;background:#f7faff}
.song-summary>div:first-child{background:#dce9fa;border:2px solid #9ebcde;border-radius:13px;padding:20px}
.song-summary h2{font-size:42px;line-height:1.15;font-weight:850;color:#1b4372;overflow-wrap:anywhere}
.song-summary p{font-size:17px;line-height:1.6}
.song-summary h3{font-size:23px;margin-top:6px}
.related-card{border:2px solid #b4c8e0;border-radius:12px;background:#eaf1fc;padding:21px}
.related-card b{font-size:23px}.related-card span{font-size:19px}.related-card small{font-size:16px}
.editorial-box{border:2px solid #b5c9db;background:#e3edf4;border-radius:15px}
.discover-page,.discovery-bar{border:2px solid #3c648c}
.discover-page:after,.quiz-page:after{background-image:linear-gradient(90deg,#e4edf7 2%,#e4edf79e 70%),var(--ma-art-memory)}
.results-heading p{font-size:18px}.results-heading h2{font-size:32px}
.result-context,.data-note,.active-filters{font-size:18px;line-height:1.6}
.inline-bar>strong,.js-metric{font-size:25px;color:#1b406e}
.quiz-panel{max-width:1050px}.quiz-choices{gap:16px}.quiz-choices a{font-size:21px;padding:18px;min-height:68px;text-align:left}
.coverage-table,.js-table{font-size:17px;table-layout:fixed;max-width:100%}
.coverage-table td,.coverage-table th,.js-table td,.js-table th{padding:13px 10px;overflow-wrap:anywhere}
.coverage-table td:first-child a,.js-table td:first-child a{font-size:20px;font-weight:750}
.footer{border-top:4px solid #d7b570}.footer b{font-size:24px}.footer p,.footer a,.mini-counter{font-size:17px}.footer small{font-size:15px;color:#d9e6f4}
#toast{font-size:18px;line-height:1.5;max-width:min(94vw,650px);border:2px solid #85a4c4}
.ma-detail-year-value{display:inline-block;font:850 36px/1.1 system-ui,sans-serif;padding:12px 18px;margin:5px 10px;background:#214978;border:2px solid #183c67;border-radius:10px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.ma-detail-year small{display:inline-block;margin-top:10px}
@media(max-width:1050px){
 .nav-wrap,.site-header .nav-wrap{grid-template-columns:1fr;gap:16px;padding:18px 0}
 .song-row{grid-template-columns:102px minmax(0,1fr) 210px;gap:10px 19px;padding:21px}
 .song-year strong{font-size:34px}.song-row .song-main h3{font-size:25px}
 .feature-grid,.js-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .basic-filters,.js-basic-filters{grid-template-columns:1.3fr 1fr 1fr}.basic-filters>label:first-child{grid-column:auto}
 .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .song-summary{grid-template-columns:1fr 1fr}.song-summary>div:last-child{grid-column:1/-1}
 .hero{grid-template-columns:1.1fr .9fr;padding:30px;gap:23px}
 .ma-hero-art{min-height:370px}.ma-art-caption{left:16px;right:16px;bottom:16px;padding:15px}.ma-art-caption strong{font-size:26px}
 .youtube-thumb{flex-basis:62px;width:62px}.youtube-copy strong{font-size:20px}a.video-link{gap:10px;padding:10px}
}
@media(max-width:760px){
 .shell{width:calc(100% - 28px)}
 .hero{grid-template-columns:1fr;padding:28px 23px;gap:25px;margin:0}
 .hero h1{font-size:50px}.hero-copy>p{font-size:20px}.hero-stats{gap:10px}.hero-stats b{font-size:23px}
 .ma-hero-art{min-height:205px;background-size:cover,130% auto,100% auto,cover;background-position:center,55% 48%,center 35%,center}
 .ma-art-caption{bottom:16px;left:16px;right:16px;padding:13px 17px}.ma-art-caption strong{font-size:25px}.ma-art-caption span{font-size:16px}
 .site-header .nav-wrap nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px}
 .site-header .nav-wrap nav a{font-size:16px;padding:10px 8px;justify-content:center;text-align:center;min-height:48px}
 .page-heading{padding:23px 20px;margin-top:22px}.page-heading p{font-size:18px}.page-heading:after{inset:0;opacity:.32}
 .search-panel{padding:22px 18px}.search-panel h2{font-size:29px}.main-search{flex-direction:column}
 .basic-filters,.js-basic-filters{grid-template-columns:1fr 1fr}.basic-filters>label:first-child,.js-basic-filters>label:first-child{grid-column:1/-1}
 .song-row{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"year main" "genres genres" "actions actions";gap:17px 17px;padding:19px 17px;border-left-width:5px}
 .song-row>.song-year{min-height:96px;padding:13px 5px}.song-year strong{font-size:32px}.song-year .year-caption{font-size:11px}
 .song-row .song-main h3{font-size:23px;line-height:1.35}.song-row .artist-link{font-size:19px}.rank{font-size:15px}
 .song-row>.song-actions{grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:stretch}
 .song-actions>a.video-link{grid-column:1;grid-row:1;min-height:65px;height:100%}.song-actions>.detail-link{grid-column:2;grid-row:1;font-size:16px;padding:10px 7px}
 .song-actions .save-button{font-size:16px;padding:10px 7px}
 .song-actions>.save-form,.song-actions>.save-button{grid-column:3;grid-row:1}
 .youtube-thumb{flex-basis:48px;width:48px;height:38px}.youtube-copy strong{font-size:18px}.youtube-copy small{font-size:12px}.external-indicator{font-size:20px}
 .year-label{font-size:32px;padding:15px 18px}
 .js-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .genre-grid,.related-grid,.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ma-media-card{padding:24px;min-height:210px}.ma-media-card h2,.ma-media-card h3{font-size:27px}.ma-media-card p{font-size:18px}
 .information,.js-panel,.song-summary{padding:22px 18px}.information p,.story-text{font-size:19px}
 .information dl{grid-template-columns:1fr}.information dd{margin-bottom:14px}
 .song-summary p{font-size:17px}
}
@media(max-width:520px){
 body{font-size:18px}h1{font-size:36px}h2{font-size:28px}.song-year.is-undated strong{font-size:18px}.ma-detail-year-value{font-size:32px;margin:10px 0}
 .nav-wrap,.site-header .nav-wrap{gap:14px}.brand{font-size:27px}
 .hero h1{font-size:45px}.hero{padding:25px 20px}.hero-stats>span{flex:1 1 110px;min-width:0;padding:11px;font-size:14px}
 .ma-hero-art{min-height:190px}.ma-art-caption strong{font-size:24px}
 .filter-grid,.basic-filters,.js-basic-filters{grid-template-columns:1fr;gap:17px}.basic-filters>label:first-child,.js-basic-filters>label:first-child{grid-column:auto}
 .more-filters{padding:0 13px 12px}.more-filters>summary{font-size:18px}.search-panel h2{font-size:28px}
 input[type=search]{font-size:21px;min-height:62px}label,.search-label{font-size:18px}input,select{font-size:18px}
 .search-options label{flex-basis:100%}.search-options .button,.search-options .clear-link{flex:1 1 auto;text-align:center}
 .song-row{grid-template-columns:96px minmax(0,1fr);padding:18px 14px;gap:15px 14px}
 .song-row .song-main h3{font-size:22px}.song-row .artist-link{font-size:18px}.song-year strong{font-size:31px}
 .song-row>.song-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .song-actions>a.video-link{grid-column:1/-1;grid-row:1;min-height:72px;gap:14px;padding:10px 14px}
 .youtube-thumb{flex-basis:78px;width:78px;height:48px}.youtube-copy strong{font-size:22px}.youtube-copy small{font-size:14px}.external-indicator{font-size:25px}
 .song-actions>.detail-link,.song-actions .save-button{font-size:18px;min-height:50px}
 .song-actions>.detail-link{grid-column:1;grid-row:2}
 .song-actions>.save-form,.song-actions>.save-button{grid-column:2;grid-row:2}
 .song-row .tag{font-size:15px;padding:7px 9px}.collection-badge{font-size:14px}
 .feature-grid,.js-card-grid,.ma-media-grid,.genre-grid,.related-grid,.artist-grid{grid-template-columns:1fr}
 .feature-card,.js-card-grid>a{padding:23px}.feature-card h3,.feature-card h2,.js-card-grid h2{font-size:27px}
 .year-grid,.js-year-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.year-card b,.js-year-grid a{font-size:34px}
 .year-card span,.js-year-grid small{font-size:16px}
 .song-summary{grid-template-columns:1fr}.song-summary>div:last-child{grid-column:auto}.song-summary h2{font-size:40px}
 .js-panel>h2,.information h2{font-size:28px}.information p,.story-text{font-size:19px}.story-status{font-size:17px}
 .related-card{min-height:0}.bottom-controls>.button{flex:1 1 100%}
 .coverage-table,.js-table{font-size:15px}.coverage-table td,.coverage-table th,.js-table td,.js-table th{font-size:15px;padding:10px 5px}.coverage-table td:first-child a,.js-table td:first-child a{font-size:17px}
 .quiz-choices{grid-template-columns:1fr}.quiz-choices a{font-size:20px}
 .footer-grid{flex-direction:column}.footer p,.footer a{font-size:17px}
}
@media(max-width:360px){.song-row{grid-template-columns:88px minmax(0,1fr);gap:14px 12px;padding:16px 12px}.song-year strong{font-size:28px}.song-row .song-main h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(forced-colors:active){
 .song-row,.song-year,.youtube-thumb,.video-link,.year-label,.year-card,.js-year-grid a,.button{border:2px solid ButtonText;box-shadow:none}
 .song-year strong,.song-year .year-caption{color:ButtonText}.ma-hero-art,.ma-media-card:before,.page-heading:after{display:none}
 select{appearance:auto;background-image:none}
}
@media print{
 html{font-size:12pt}body{font-size:11pt;background:white}.shell{width:100%;max-width:none}
 .ma-hero-art,.ma-media-grid,.ma-media-card,.song-actions,.site-header,.footer,.search-panel,.pager,.bottom-controls,.return-top,.discovery-bar,.shortcuts,.js-toolbar,.inline-bar{display:none!important}
 .hero,.page-heading,.information,.js-panel{background:white;border:0;padding:10px 0;margin:12px 0;box-shadow:none}.page-heading:after{display:none}
 .hero h1{font-size:28pt}.hero-copy>p{font-size:11pt}.hero-stats{display:none}
 .song-row{grid-template-columns:65px minmax(0,1fr);grid-template-areas:"year main" "year genres";padding:10px;gap:5px 12px;margin:0 0 10px;border:1px solid #777;border-left:3px solid #555;box-shadow:none;background:white!important;break-inside:avoid}
 .song-row>.song-year{min-height:55px;background:white;border:1px solid #555;padding:8px 3px;box-shadow:none}.song-year strong{color:black;font-size:19pt}.song-year .year-caption{font-size:8pt;color:#333}
 .song-row .song-main h3{font-size:14pt}.song-row .artist-link{font-size:11pt}.rank,.collection-badge{font-size:9pt}
 .song-row .tag{font-size:9pt;border:0;background:white;padding:0 5px 0 0}.year-label{font-size:20pt;padding:8px;background:white;border:1px solid #777}
}

/* Release-aware chronology and permanent, motion-free slogan panel. */
.release-line{display:flex;flex-wrap:wrap;gap:5px 12px;margin:12px 0 4px;font-size:16px;line-height:1.45;color:#243e5b}.release-line b{font-size:18px;font-weight:800}.release-line span{padding:3px 8px;border-radius:6px;background:#eef1f6;color:#465367;font-size:14px}.release-line[data-date-status="source_checked"] span{background:#dcefe8;color:#154637}.chronology-panel{border-left:6px solid #557dac}.chronology-panel details{padding:16px;border-radius:10px;background:#edf2f9}.chronology-panel small{overflow-wrap:anywhere}
.hero .ma-hero-slogan{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:14px;min-height:360px;margin:16px 0;padding:34px 25px;text-align:center;border-radius:25px;border:2px solid #679cda;background:radial-gradient(ellipse at 70% 10%,#244876 0%,#10233f 45%,#0a1529 90%);box-shadow:0 0 0 7px #8baede12,0 0 34px #487bbc66,inset 0 0 38px #2c5b8644;isolation:isolate;overflow:hidden}.hero .ma-hero-slogan:before{content:"";position:absolute;inset:12px;border-radius:17px;border:1px solid #91aed22b;pointer-events:none}.hero .ma-hero-slogan h2{margin:5px 0;font-size:clamp(35px,4.2vw,58px);line-height:1.1;font-weight:900;letter-spacing:-1.5px;color:#fff;text-shadow:0 0 20px #82b7ed85;max-width:100%;background:none}.hero .ma-hero-slogan h2 em{font-style:normal;color:#ffe7a4;text-shadow:0 0 18px #e2b86185}.hero .ma-hero-slogan p{color:#e2eafa;font-size:19px;line-height:1.5;max-width:100%;margin:2px 0}.ma-slogan-kicker{font-size:12px;letter-spacing:1.6px;color:#aacef2;font-weight:800}.ma-equalizer{height:53px;display:flex;gap:7px;align-items:center;margin:10px 0}.ma-equalizer i{display:block;width:7px;height:17px;background:#78b8ef;border-radius:5px;box-shadow:0 0 12px #66b3eaaa}.ma-equalizer i:nth-child(3n+1){height:32px}.ma-equalizer i:nth-child(4n+1){height:47px;background:#f2cf81;box-shadow:0 0 12px #d9ba7990}.ma-equalizer i:nth-child(5n+1){height:24px}
@media(max-width:700px){.hero .ma-hero-slogan{min-height:260px;margin:18px 0 0;padding:25px 18px}.hero .ma-hero-slogan h2{font-size:37px;letter-spacing:-1px}.hero .ma-hero-slogan p{font-size:17px}.release-line{font-size:15px}.release-line b{font-size:17px}.ma-slogan-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ma-hero-slogan,.ma-equalizer i{animation:none!important;transition:none!important}}
@media print{.ma-hero-slogan{display:none!important}.release-line span{border:1px solid #999;background:white!important;color:black!important}}

/* v2.5 shared counter status: deliberately distinct from catalog totals. */
.ma-counter-panel {padding:18px 20px;margin:14px 0;background:#edf3fc;color:#15365e;border:2px solid #91acce;border-radius:12px;max-width:100%;overflow-wrap:anywhere}
.ma-counter-panel .counter,.mini-counter {font-size:22px;font-weight:800;margin:0 0 7px}
.ma-counter-panel [data-counter] {font-variant-numeric:tabular-nums;font-size:28px}
.ma-counter-panel .ma-counter-status {font-size:15px;line-height:1.5;margin:7px 0 12px}
.ma-counter-panel .button {font-size:16px;min-height:44px;padding:10px 14px;white-space:normal}
.ma-counter-panel small {display:block;color:#365370!important;font-size:14px;line-height:1.5;margin-top:12px}
.ma-counter-panel [hidden] {display:none!important}
.ma-counter-panel a {color:#14549b!important}
.ma-counter-diagnostic {display:inline-block;font-size:15px;padding:10px 3px;min-height:24px}
@media(max-width:430px){.ma-counter-panel{padding:14px}.ma-counter-panel [data-counter]{font-size:26px}}
@media print{.ma-counter-panel{display:none}}