/* Shared public-site mobile rules; Admin and book/PDF styles do not load this file. */
.mobile-menu-toggle{display:none}
@media screen and (max-width:1100px){
 html[data-design] .site-header .login-link,html[data-design] .site-header .profile-link,html[data-design] .site-header .text-button{display:inline-flex;align-items:center;min-height:44px}
 html[data-design] .site-header .language-switch a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 html[data-design] main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),html[data-design] main.site-main .page-content select,html[data-design] main.site-main .page-content textarea{font-size:max(16px,1em)}
 html[data-design] .atlas-shell .atlas-zoom button,html[data-design] .atlas-shell .atlas-pan button,html[data-design] .family-shell .family-zoom button{min-width:44px;min-height:44px;width:44px;height:44px}
 html[data-design] .family-shell .family-jumps button,html[data-design] .family-shell .family-show-proof,html[data-design] .family-shell .family-open,html[data-design] .family-shell .family-evidence button,html[data-design] .family-shell .family-view-footer button{min-height:44px}
 html[data-design] .reading-page .text-button,html[data-design] .study-note .note-toggle,html[data-design] .grid-toolbar .text-button,html[data-design] .question-panel .move-button{min-height:44px}
 html[data-design] .question-panel .move-button{min-width:44px}
 html[data-design] .site-footer .text-button,html[data-design] .site-footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media screen and (max-width:800px), screen and (max-width:1100px) and (max-height:500px){
 html[data-design] .site-header[data-mobile-nav-ready]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;min-height:82px;height:auto;padding:14px var(--gutter,16px)}
 html[data-design] .site-header[data-mobile-nav-ready]>.brand{grid-column:1;grid-row:1;min-width:0}
 html[data-design] .site-header[data-mobile-nav-ready] .mobile-menu-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:86px;min-height:46px;padding:8px 12px;border:1px solid #d9bb76;border-radius:8px;background:#2a4233;color:#fff0cb;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2}
 .mobile-menu-icon{font-family:Arial,sans-serif;font-size:21px}
 html[data-design] .site-header[data-mobile-nav-ready][data-menu-open=false]>nav,html[data-design] .site-header[data-mobile-nav-ready][data-menu-open=false]>.header-account,html[data-design] .site-header[data-mobile-nav-ready][data-menu-open=false]>.header-language{display:none}
 html[data-design] .site-header[data-mobile-nav-ready][data-menu-open=true]>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:6px 12px;width:100%;padding:10px 0;border-top:1px solid #b7aa7255;justify-content:stretch}
 html[data-design] .site-header[data-mobile-nav-ready]>nav a{display:flex;align-items:center;min-width:0;min-height:44px;padding:9px 10px;font-size:15px;line-height:1.4;overflow-wrap:anywhere;border-radius:5px}
 html[data-design] .site-header[data-mobile-nav-ready]>nav a.active:after{bottom:3px;left:10px;right:10px}
 html[data-design] .site-header[data-mobile-nav-ready]>.header-account{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;width:100%;padding-top:4px}
 html[data-design] .site-header[data-mobile-nav-ready] .profile-link{flex:1 1 180px;overflow-wrap:anywhere;line-height:1.5}
 html[data-design] .site-header[data-mobile-nav-ready]>.header-language{display:block;grid-column:1/-1;grid-row:4;justify-self:start}
 html[data-design] .site-header[data-mobile-nav-ready] .language-switch{justify-content:flex-start}
 html[data-design] .site-header[data-mobile-nav-ready] .language-switch a{min-width:46px;min-height:46px}
}

html:has(dialog.image-zoom[open]){overflow:hidden}

@media screen and (max-width:1100px){html[data-design] .atlas-shell .atlas-pan{width:146px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}}
@media screen and (max-width:1100px){html[data-design] .atlas-filters fieldset label,html[data-design] .reading-panel .books label,html[data-design] .reading-days label{min-height:44px;align-items:center}.mobile-menu-toggle,.grid-pan-controls button{-webkit-tap-highlight-color:transparent}}