/* Mobile story copy uses the same document grid as the scaled artwork. */
@media(max-width:700px){
 body #grid{background-position:var(--mobile-grid-x,0px) var(--mobile-grid-y,0px)!important}
 body #grid:after{background-position-y:var(--mobile-grid-y,0px)!important}
 body #chapters .mobile-copy{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;align-self:flex-start;flex:none;width:var(--mobile-copy-width);max-width:none;margin:0 0 var(--mobile-copy-offset,0px) var(--mobile-copy-left);transform:translateY(var(--mobile-copy-offset,0px));z-index:12;font-family:'IBM Plex Mono',monospace}
 body #chapters .mobile-copy h2,body #chapters .mobile-copy p{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;min-width:0;margin:0;padding:12px 14px;background:var(--paper,#fff);clip-path:inset(1px);text-shadow:none;font-size:16pt;line-height:1.5;letter-spacing:-.3px;overflow-wrap:break-word}
 body #chapters .mobile-copy h2{grid-column:1/-1;font-weight:700;line-height:1.35}
 body #chapters .mobile-copy p{grid-column:1/-1;font-weight:300}
 body #chapters .mobile-copy h2:before{content:none}
 body #chapters .mobile-copy .mobile-audio{position:absolute;right:8px;top:calc(var(--mobile-title-height) / 2 - 22px);display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0}
 body #chapters .mobile-copy:has(.mobile-audio) h2{padding-right:64px}
}
/* Leave room for the shared chapter navigation beside ElevenLabs' wider copy. */
@media(max-width:699px){
 body[data-mobile-copy-extra-left-column] #chapters .mobile-copy h2,body[data-mobile-copy-extra-left-column] #chapters .mobile-copy p{padding-left:24px}
}