/* Shared reading edge: title first, real return and controls beside it. */
.page-head{margin:0 0 36px;min-width:0}
.page-head-top{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 32px}
.page-head-heading{flex:1 1 16rem;min-width:0}
.page-head-heading>h1{margin:0;font:600 2.75rem/1.25 var(--font-body);overflow-wrap:anywhere;text-wrap:balance}
.page-head-actions{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px;min-width:0;max-width:100%;padding-top:6px}
.page-head-actions .back-link{flex:none;min-height:44px;padding:8px 0;color:var(--muted);font-size:var(--type-label);line-height:1.5}
.page-head-actions .back-link svg{width:20px;height:20px;flex:none}
.page-head-actions .segmented{flex:none;max-width:100%}
.page-head-actions .segmented button{min-height:38px;padding:7px 15px;white-space:nowrap}
.page-head .page-head-note{margin:12px 0 0;max-width:44ch;font-size:var(--type-body);line-height:1.8;color:var(--muted)}
.page-head .music-toolbar{margin:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px;min-width:0;max-width:100%}
.page-head .music-search{flex:1 1 170px;width:190px;min-width:140px;max-width:220px;min-height:44px;margin:0;padding:7px 0;color:var(--muted)}
.page-head .music-search input{font:400 var(--type-label)/1.5 var(--font-body)}
body[data-page=music] .page-head-heading>h1{font-family:var(--font-body);font-weight:600}
body[data-page=music] .page-head--music .page-head-heading>h1{font:500 2.6875rem/1.22 var(--font-music-display)}
/* The record keeps its cover, attribution and listening links as its own instrument. */
.page-head+.record-room{padding-top:0}
.page-head+.record-room .record-copy{padding-top:12px}
.page-head+.record-room .record-artist{margin-top:0}
.page-head--reading .page-head-heading>h1{font-size:2.25rem;line-height:1.4}
.blog-post>.page-head{max-width:none;margin-bottom:16px}
.blog-post>.blog-meta{margin-bottom:36px;font-size:var(--type-meta);font-variant-numeric:tabular-nums}
body[data-page=article] #content:has(>.blog-opening){display:flex;flex-direction:column;min-height:calc(100svh - 230px)}
.blog-opening{display:grid;place-items:center;flex:1;min-height:280px;max-width:none;padding:48px 0 80px;margin:0;border:0;text-align:center}
.blog-opening p{max-width:24ch;margin:0;color:var(--muted);font-size:var(--type-body);line-height:1.95;text-wrap:balance}
@media(max-width:1120px){.page-head-top{column-gap:24px}.page-head-actions{column-gap:18px}.page-head .music-toolbar{column-gap:18px}}
@media(max-width:700px){
 .page-head{margin-bottom:28px}
 .page-head-top{gap:12px 20px;align-items:flex-start}
 .page-head-heading{flex-basis:100%}
 .page-head-heading>h1{font-size:2.125rem;line-height:1.3}
 .page-head--reading .page-head-heading>h1{font-size:1.8125rem;line-height:1.45}
 .page-head-actions{flex-basis:100%;justify-content:flex-start;gap:8px 20px;padding-top:0}
 .page-head-actions .back-link{min-height:44px}
 .page-head-actions .segmented button{padding-inline:12px}
 .page-head .page-head-note{margin-top:10px}
 .page-head .music-toolbar{justify-content:flex-start;flex:1;gap:12px 20px}
 .page-head .music-search{flex-basis:130px;min-width:130px;max-width:220px}
 body[data-page=music] .page-head--music .page-head-heading>h1{font-size:2.1875rem}
 .page-head+.record-room .record-copy{padding-top:26px}
 body[data-page=article] #content:has(>.blog-opening){min-height:calc(100dvh - 216px)}
 .blog-opening{min-height:220px;padding:32px 0 64px}
}
@media(max-width:360px){.page-head-actions{gap:6px 16px}.page-head-actions .segmented button{padding-inline:10px}.page-head .music-search{flex-basis:100%;max-width:none}}