/* Mobile version: applied automatically on phones / narrow screens (html.mob) */
html.mob{--rad:16px;--banh:min(130px,calc(var(--bh)*.5px));--covh:min(240px,calc(var(--ch)*.6px))}
html.mob body{font-size:1rem;line-height:1.6;-webkit-text-size-adjust:100%}
html.mob #ban{border-bottom-width:3px}
html.mob #wrap{padding:14px 10px 84px;max-width:none}
html.mob .tbn{padding:16px 12px 0}
html.mob .tbn h1{font-size:min(var(--bns,56px),11vw)}
html.mob .paper{padding:16px 14px;margin-bottom:16px}
html.mob .paper h2{font-size:calc(1.45rem*var(--hsz,1)/var(--bsz,1))}
html.mob .cover{border-width:6px}
html.mob .meta{flex-direction:column;align-items:flex-start;gap:2px}
html.mob .meta .song{margin-left:0;text-align:left}
html.mob button,html.mob .cmlinks a,html.mob .body a[data-a=more],html.mob .body a[data-a=less]{min-height:40px}
html.mob button{padding:8px 14px}
html.mob .cmlinks a{display:inline-flex;align-items:center}
html.mob .cmlinks{gap:20px}
html.mob .foot{gap:8px}
html.mob input,html.mob textarea,html.mob select{font-size:16px;padding:9px 10px}
/* Prev # Next stays reachable at the thumb: fixed bar along the bottom */
html.mob .pager{position:fixed;left:0;right:0;bottom:0;z-index:20;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:0;justify-content:space-around;
 background:color-mix(in srgb,var(--bg),#000 55%);border-top:1px solid var(--line)}
html.mob .pager a,html.mob .pager span{flex:1;text-align:center;padding:8px 0;font-size:calc(1.15rem*var(--pgz,1))}
html.mob .pager a:hover{transform:none}
html.mob #bar{justify-content:center}
html.mob .big{gap:3px}
html.mob .d{font-size:1rem}
html.mob .cf input{flex:1 1 100%}
html.mob .sizes{grid-template-columns:1fr}
html.mob .srow{flex-direction:column;align-items:stretch}
html.mob dialog{width:calc(100vw - 20px);max-width:none}