/* Shared content-page rhythm; the home hero and music reader retain their own layouts. */
@media screen{
body .app-shell .view.page-view{padding:24px var(--page-gutter,24px)}
body .app-shell .view.page-view>.standard-page-head{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:14px;min-height:136px;margin:0 0 18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);overflow:visible;isolation:auto}
body .app-shell .view.page-view>.standard-page-head:before{display:none}
body .app-shell .standard-page-head>.standard-page-identity{position:relative;flex:1 1 240px;min-width:0;padding-left:70px;min-height:54px}
.standard-page-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:52px;height:54px;border:1px solid var(--accent-2);border-radius:13px;background:var(--surface-2);color:var(--accent-2)}
.standard-page-icon svg{width:28px;height:28px}
body .app-shell .standard-page-head .eyebrow{margin:0 0 8px;color:var(--accent-2);font-size:11px;line-height:1.4;letter-spacing:.1em}
body .app-shell .standard-page-head h1,#toolsView[data-tools-landing] #toolsTitle,#learnView #learnTitle{margin:0;max-width:none;background:none;-webkit-text-fill-color:currentColor;color:var(--text);font-size:clamp(28px,3.5vw,44px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}
body .app-shell .standard-page-head .tools-subtitle,body .app-shell .standard-page-head #setlistMeta{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.45}
body .app-shell .standard-page-head>.standard-page-back{order:10;flex:0 0 auto;align-self:flex-start;margin:0 0 0 auto;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:13px;line-height:1.4}
body .app-shell .standard-page-head>.tools-head-actions{order:5;flex:0 1 auto;max-width:100%}
body .app-shell .standard-page-head>.tools-head-actions button{white-space:normal;overflow-wrap:anywhere}
body .app-shell .standard-page-head #songCount{margin:0;color:var(--muted);font-size:13px}
body .app-shell .standard-page-head>.setlist-actions{order:5}
}
@media screen and (max-width:599px){
body .app-shell .view.page-view{padding:16px var(--page-gutter,14px)}
body .app-shell .view.page-view>.standard-page-head{padding:16px;gap:10px;min-height:116px;margin-bottom:14px}
body .app-shell .standard-page-head>.standard-page-identity{flex:1 1 calc(100% - 54px);width:calc(100% - 54px);padding-left:48px;min-height:40px}
.standard-page-icon{width:38px;height:40px;border-radius:10px}.standard-page-icon svg{width:23px;height:23px}
body .app-shell .standard-page-head h1,#toolsView[data-tools-landing] #toolsTitle,#learnView #learnTitle{font-size:28px}
body .app-shell .standard-page-head .eyebrow{font-size:10px;margin-bottom:6px}
body .app-shell .standard-page-head>.standard-page-back{display:grid;place-items:center;width:44px;height:44px;font-size:20px;padding:0}
body .app-shell .standard-page-head>.standard-page-back span{display:none}
body .app-shell .standard-page-head>.tools-head-actions{order:20;flex-basis:100%}
}
@media screen{
#browseView>.standard-page-head{padding:20px 22px;margin-bottom:18px}
#browseView>.standard-page-head .eyebrow{margin-bottom:8px}
#libraryView .library-tabs{max-width:100%;overflow-x:auto;min-width:0}
#libraryView .library-tabs button{flex:0 0 auto;white-space:nowrap}
}
@media screen and (max-width:599px){#browseView>.standard-page-head{padding:16px;margin-bottom:14px}#browseView>.standard-page-head .eyebrow{margin-bottom:6px}}
/* Preserve the tab strip height while the library list scrolls. */
@media screen{
#libraryView .library-tabs{display:flex;flex:0 0 auto;align-items:center;align-self:stretch;min-height:54px;height:auto;max-height:none;margin:0 0 12px;padding:4px 2px 7px;gap:6px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch}
#libraryView .library-tabs>button{flex:0 0 auto;min-height:40px;height:auto;margin:0;padding:8px 12px;line-height:20px;white-space:nowrap}
#libraryView #libraryContent{min-height:0;flex:1 1 auto;overflow-y:auto}
}
/* 0.8.111 — song links are real <a href> (open in a new tab, crawlable); same look as the former buttons. */
/* 0.8.114: no display/font override (each list's class rules already set them); the round ↗ button keeps its own colour. */
a[data-open-song]{text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
a[data-open-song]:not(.dashboard-open){color:inherit}
a.search-result,a.song-card,a.browse-open,a.mine-open,a.dashboard-song-open{text-align:left}
/* Pre-rendered song (/musica/<id>/): readable without JavaScript; the player replaces it when it starts. */
.song-prerender{max-width:960px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 64px;color:var(--text)}
.song-prerender a{color:var(--accent-2,#2de6da)}
.prerender-nav{margin-bottom:18px;font-size:14px}
.prerender-head h1{margin:4px 0 6px;font-size:clamp(30px,5vw,48px);line-height:1.1}
.prerender-artist{margin:0 0 12px;font-size:19px;color:var(--muted)}
.prerender-info{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 22px;font-size:14px;color:var(--muted)}
.prerender-info div{display:flex;gap:6px}.prerender-info dt{font-weight:700}.prerender-info dd{margin:0}
.prerender-section h2{margin:22px 0 6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2,#2de6da)}
.prerender-section pre{margin:0;white-space:pre;overflow-x:auto;font:15px/1.55 "SFMono-Regular",Consolas,"Liberation Mono",monospace;color:var(--text)}
.prerender-section .pre-chords{color:var(--accent,#ffc85c);font-weight:700}
.prerender-more h2{margin:34px 0 10px;font-size:18px}
.prerender-more ul{margin:0;padding:0 0 0 18px;columns:2 240px;column-gap:28px}
.prerender-more li{margin:0 0 6px;break-inside:avoid}.prerender-more li span{color:var(--muted);font-size:13px}
.prerender-home{margin-top:28px}
@media print{.prerender-nav,.prerender-more,.prerender-home{display:none}}