/* musicshow_v1 · Music Studio student showcase (own vanilla CSS, no component port: no Marketing Framer folder exists for a track list).
   Uses site tokens only: --ink #14204A, --muted #4A5578, --navy #253679, glass_v1 vars (--gl-*), site radii/spacing, .wrap/.sec-head/.btn.
   Outer panel = the site's frosted glass recipe (glass_v1). Track rows = SOLID white so text stays crisp (Relay 17:39).
   Rollback: remove the <link> to this file, the <script> to musicshow.js and the #student-showcase section. */
.ms-show{background:linear-gradient(180deg,#fff 0%,var(--n50,#F8F9FB) 100%)}
.ms-show .sec-head{margin-bottom:28px}
.ms-show .ms-k{margin:0 0 6px;font:700 12px/1.3 var(--font,inherit);letter-spacing:.08em;text-transform:uppercase;color:#5534C9}
.ms-panel{position:relative;border-radius:24px;padding:22px;border:1px solid var(--gl-line,rgba(200,208,226,.72));
  background-color:rgba(255,255,255,.66);background-image:var(--gl-sheen,none),radial-gradient(120% 90% at 0% 0%,rgba(122,90,248,.10),transparent 60%),radial-gradient(90% 80% at 100% 100%,rgba(77,186,229,.12),transparent 60%);
  box-shadow:var(--gl-rim,none),var(--gl-drop,0 12px 30px rgba(20,32,74,.15));
  -webkit-backdrop-filter:var(--gl-blur,blur(18px) saturate(1.7));backdrop-filter:var(--gl-blur,blur(18px) saturate(1.7))}
.ms-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ms-track{background:#fff;border:1px solid var(--line,#D6DCE8);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;min-width:0}
.ms-track.is-playing{border-color:#7A5AF8;box-shadow:0 0 0 2px rgba(122,90,248,.18)}
.ms-play{grid-row:1 / span 2;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink,#14204A);color:#fff;display:inline-grid;place-items:center;cursor:pointer;padding:0}
.ms-play:hover{background:#25336b}
.ms-play:focus-visible,.ms-cta:focus-visible{outline:3px solid #7A5AF8;outline-offset:3px}
.ms-play svg{width:18px;height:18px;display:block}
.ms-play .i-pause{display:none}
.ms-play[aria-pressed="true"] .i-play{display:none}
.ms-play[aria-pressed="true"] .i-pause{display:block}
.ms-meta{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
.ms-n{font:700 12px/1 var(--font,inherit);color:var(--muted,#4A5578);font-variant-numeric:tabular-nums}
.ms-title{font:700 16px/1.3 var(--font-d,inherit);color:var(--ink,#14204A);min-width:0;overflow-wrap:anywhere}
.ms-style{font:600 13px/1.3 var(--font,inherit);color:#5534C9}
.ms-ui{display:flex;align-items:center;gap:10px;min-width:0}
.ms-bar{flex:1;height:6px;border-radius:3px;background:#E3E7F0;overflow:hidden;min-width:40px}
.ms-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7A5AF8,#124A92);border-radius:3px}
.ms-time{font:600 12.5px/1 var(--font,inherit);color:var(--muted,#4A5578);font-variant-numeric:tabular-nums;white-space:nowrap}
.ms-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px;width:16px}
.ms-eq i{display:block;width:3px;height:30%;border-radius:2px;background:#7A5AF8}
.ms-eq i:nth-child(2){height:70%}.ms-eq i:nth-child(3){height:45%}.ms-eq i:nth-child(4){height:85%}
.ms-track:not(.is-playing) .ms-eq{visibility:hidden}
@media (prefers-reduced-motion:no-preference){
  html:not(.rm-user) .ms-track.is-playing .ms-eq i{animation:ms-eq .8s ease-in-out infinite alternate}
  html:not(.rm-user) .ms-track.is-playing .ms-eq i:nth-child(2n){animation-duration:.6s}
}
@keyframes ms-eq{0%{height:20%}100%{height:95%}}
/* no-JS: native players stay visible; JS hides them and shows the custom row */
.ms-track audio{grid-column:1 / -1;width:100%;height:40px;margin-top:4px}
.ms-js .ms-track audio{display:none}
.ms-track .ms-play,.ms-track .ms-ui{display:none}
.ms-js .ms-track .ms-play{display:inline-grid}
.ms-js .ms-track .ms-ui{display:flex}
.ms-track{grid-template-columns:minmax(0,1fr)}
.ms-js .ms-track{grid-template-columns:auto minmax(0,1fr)}
.ms-fine{margin:16px 2px 0;font-size:12.5px;line-height:1.5;color:#4A5578}
.ms-cta-row{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ms-cta-row p{margin:0;color:var(--muted,#4A5578);font-size:16px}
.ms-show a.ms-cta,.ms-show a.ms-cta:visited{background:#BF5508;border:0;color:#fff;font-weight:700;box-shadow:none}
.ms-show a.ms-cta:hover{background:#A64508;color:#fff}
@media (max-width:860px){.ms-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ms-panel{padding:14px;border-radius:20px;-webkit-backdrop-filter:var(--gl-blur-m,blur(12px) saturate(1.55));backdrop-filter:var(--gl-blur-m,blur(12px) saturate(1.55))}
  .ms-track{padding:10px 12px}.ms-title{font-size:15px}.ms-cta-row .btn{width:100%;max-width:360px;justify-content:center}}
@media (max-width:360px){.ms-panel{padding:10px}.ms-track{gap:4px 10px}.ms-style{font-size:12.5px}}


/* blend_v1 LOW 7: icon-only play buttons inherit the site font */
.ms-play{font-family:inherit}