/* Listening Pond — mobile build (≤760px). The desktop is a fixed two-panel
   room; on a phone it becomes a page you can scroll, with the record on top
   and the player following you down once the record is out of sight. */
:root{--lp-safe:env(safe-area-inset-bottom,0px)}
html,body{height:auto!important;overflow:auto!important;overflow-x:hidden!important}
.music-page{height:auto!important;display:block!important;padding:8px!important;
  padding-top:calc(8px + env(safe-area-inset-top,0px))!important}
.pond-panel{height:min(62svh,560px);min-height:380px;border-radius:22px!important}
.topbar{padding:14px 16px!important}
.home-link,.top-meta{font-size:10px!important}
.home-link{min-height:44px}
.motion-toggle{font-size:10px!important;top:auto!important;bottom:92px!important;right:10px!important;min-height:44px}

/* player inside the record */
.micro-player{left:12px!important;right:12px!important;width:auto!important;bottom:12px!important;
  padding:11px 14px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}
.play-disc{width:44px!important;height:44px!important}
.player-song{font-size:16px!important}
.player-time,.player-artist,.player-kicker{font-size:10px!important}
.equalizer{height:14px!important}.equalizer span:nth-child(3n){height:14px!important}

/* player docked to the bottom once the record has scrolled away */
.micro-player.docked{position:fixed!important;z-index:40;left:10px!important;right:10px!important;
  bottom:calc(10px + var(--lp-safe))!important;animation:lpDock .35s cubic-bezier(.2,.8,.2,1)}
.micro-player.docked .equalizer,.micro-player.docked .player-rule{display:none}
@keyframes lpDock{from{transform:translateY(120%)}to{transform:none}}

/* track information: readable, tappable */
.info-panel{min-height:0}
.info-inner{padding:26px 12px calc(110px + var(--lp-safe))!important}
.eyebrow,.hero-copy{display:block!important}
.eyebrow{font-size:10px!important;margin-bottom:14px!important}
.hero-title{font-size:clamp(28px,8vw,36px)!important;line-height:1.05!important}
.hero-copy{font-size:15px!important;line-height:1.55!important;margin:14px 0 6px!important}
.track-section{margin-top:26px!important}
.track-head{font-size:10px!important}
.track-row{min-height:60px;padding:12px 0!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:10px!important}
.track-number{font-size:11px}
.track-copy strong{font-size:16px!important}
.track-copy span{font-size:10px!important}
.track-duration{font-size:11px!important}
.annotation-card{margin-top:22px!important}
.annotation-label{font-size:10px!important}
.annotation-copy{font-size:15px!important;line-height:1.5}
@media (prefers-reduced-motion:reduce){.micro-player.docked{animation:none}}