/* Consuming V7: replace the five long page sections with one changeable shelf. */
.page-consuming .media-top { padding-bottom:clamp(47px,6vw,76px); }
.page-consuming .media-top h1 { max-width:740px; }
.media-browser { padding-block:clamp(35px,4.8vw,65px) clamp(65px,8vw,105px); }
.media-panels .media-shelf { padding-block:clamp(34px,5vw,58px) 0; scroll-margin-top:0; min-height:445px; }
.media-panels .media-shelf:focus { outline:none; }
.media-panels .media-shelf:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:8px; }
.media-panels .media-shelf-heading h2,.media-panels .media-split-heading h2 { margin-top:9px; }
.media-panels .media-shelf-heading { gap:40px; }
.media-panels .media-split { gap:clamp(35px,6vw,95px); }
.media-panels .music-feature { min-height:260px; }
.media-panels .music-feature h3 { font-size:clamp(1.65rem,3vw,2.3rem); }
.media-panels .music-feature-info { margin-top:31px; }
.media-panels .media-status { box-shadow:0 2px 11px rgba(0,0,0,.013); }
.media-panels .media-status-tabs { flex-wrap:wrap; }
.media-panels .media-sidenote { margin-top:22px; }
.media-panels .ps2-stamp { margin-top:26px; }
.media-panels .media-shelf:focus:not(:focus-visible) { outline:none; }
@media(max-width:650px) {
  .page-consuming .media-top { padding-bottom:48px; }
  .media-browser { padding-top:29px; }
  .media-panels .media-shelf { padding-top:36px; min-height:365px; }
  .media-panels .media-shelf-heading h2,.media-panels .media-split-heading h2 { font-size:clamp(2.1rem,9vw,3rem); }
  .media-panels .music-feature { min-height:246px; }
  .media-panels .music-feature-grid { gap:12px; }
  .media-panels .music-feature-grid + .media-status { margin-top:12px; }
}
/* On phones, all five destinations stay visible at once: no hidden category swiping. */
@media(max-width:650px) {
  .media-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:0; gap:7px; overflow:visible; margin-right:0; padding-right:0; }
  .media-tabs button,.media-tabs button:first-child { justify-content:center; gap:5px; min-height:48px; padding:9px 6px; border:1px solid var(--border); border-radius:11px; background:#fff; font-size:.83rem; }
  .media-tabs button[aria-selected="true"] { background:#fff5f0; border-color:#e8baa1; color:#a83d16; }
  .media-tabs button::after { display:none; }
}