.mobile-reader-nav{display:none}
@media(max-width:600px){
 main{padding:8px 8px calc(72px + env(safe-area-inset-bottom));align-items:start}
 .book-position{--board-lip:0px;filter:drop-shadow(0 3px 8px #20332b15)}
 .book-binding,.section-markers,.dogear-controls{display:none!important}
 #book{touch-action:pan-y;cursor:auto}
 .page{border:0;border-radius:8px}
 .paper,.page.--left .paper,.page.--right .paper{background:#fffaf0;box-shadow:none}
 .paper:after{display:none}
 .cover-board,.cover-page-stack,.cover-cast-shadow{border-radius:8px}
 .mobile-reader-nav:not([hidden]){position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:100;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffdf7;border-top:1px solid #ddd6c6;box-shadow:0 -2px 12px #20332b0a;font:14px Arial,sans-serif}
 .mobile-reader-nav button{min-width:48px;min-height:46px;border:1px solid #d4d8df;border-radius:12px;background:white;color:#17355a;font:600 17px Arial,sans-serif}
 .mobile-reader-nav [data-menu]{padding:0 18px;background:#0645bf;color:white;border-color:#0645bf}
 .mobile-reader-nav button:disabled{opacity:.35}.mobile-page-count{color:#677064;font-size:12px}
 .mobile-contents{width:100%;max-width:100%;max-height:85dvh;margin:auto 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;background:#fffdf7;color:#263b38}
 .mobile-contents::backdrop{background:#172b4566}.mobile-contents header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-contents h2{font:26px Georgia,serif;margin:0}.mobile-contents [data-close]{width:44px;height:44px;border:0;border-radius:50%;font-size:28px;background:#efede6}
 .mobile-section-list{display:grid;gap:8px;margin-top:20px}.mobile-section-list button{min-height:48px;border:1px solid #e2dfd5;border-left:5px solid var(--section-colour);border-radius:9px;background:white;text-align:left;padding:10px 14px;font:16px Arial,sans-serif;color:#263b38}
 .tile-story,.reader-profile,.contents-page,.gallery-intro,.partner-book-copy,.tile-editor,.tile-preview{inset:22px 20px 36px;font-size:16px;line-height:1.55;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
 .tile-story h2,.reader-profile h2,.tile-editor h2,.tile-preview h2{font-size:30px;line-height:1.15;max-height:none;overflow:visible}
 .reader-profile{--profile-fit:1!important;gap:12px;display:block}
 .reader-profile p{margin-bottom:12px}.profile-fields{grid-template-columns:1fr;gap:14px;margin:20px 0}.profile-fields label{font-size:15px;gap:6px}.profile-fields input,.profile-fields select{height:46px;min-height:46px;font-size:16px;padding:10px}.profile-language{grid-column:1!important}.profile-form{gap:12px}.profile-actions{flex-wrap:wrap;gap:10px;margin-top:20px}.profile-actions button{min-height:46px}.profile-consent{line-height:1.5}
 .tile-editor button,.tile-preview>button,.tile-editor select,.tile-editor input:not([type=file]),.tile-editor textarea,.import-label,.image-upload{min-height:44px;font-size:16px}.editor-tip{font-size:13px}.tile-editor,.tile-preview{inset:14px 14px 30px}.tile-resize{width:24px;height:24px;right:-12px;bottom:-12px}.folio{bottom:10px}
 .choice-dialog{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.studio-tabs{position:sticky;top:0;z-index:5;background:#fffaf0}.studio-editor .studio-tabs button{min-height:48px;font-size:13px}
}