html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,summary{touch-action:manipulation}.mobile-navigation{display:none}body:has(dialog[open]:not(.editing-preview)){overflow:hidden;overscroll-behavior:none}.unified-backdrop{max-width:100%}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
:root{--brand-symbol-width:46px;--brand-symbol-height:46px;--mobile-bar-height:68px}
body{min-height:100svh;min-width:280px;padding-bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 65% 30%,#122842,transparent 65%),var(--bg)}
header{margin:0;padding:calc(12px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px));height:auto;min-height:76px;gap:12px}.brand{gap:12px}.header-right{gap:0}.brand-name{height:46px}.brand-name-lettering{height:80%}.edit-toggle{display:none}.language-menu{max-width:calc(100vw - 24px);top:calc(100% + 10px)}
.unified-hero{padding:20px max(12px,env(safe-area-inset-right,0px)) 20px max(12px,env(safe-area-inset-left,0px));display:block}.unified-composition{overflow:visible;margin-bottom:62px;border-color:#c8aa704a}.unified-backdrop{border-radius:2px}.zone-button{top:calc(100% + 12px)!important;left:0!important;width:calc(50% - 6px)!important;height:48px!important;min-height:48px;font-size:14px;padding:12px 15px;background:#0d1b2dcc;border-color:#c8aa7060;line-height:1.4}.zone-button[data-zone-id="book-button"]{left:calc(50% + 6px)!important}.zone-button span{font-size:19px}.interactive-zone path{stroke-width:1.1}.editing-zones .zone-button{top:auto!important}
footer{margin:0 14px;padding:20px 0 14px;font-size:9px;line-height:1.8;letter-spacing:1px;gap:10px}.status{max-width:100%;overflow-wrap:anywhere}
.mobile-navigation{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;position:fixed;inset:auto 0 0;z-index:12;background:#071323f5;border-top:1px solid #c8aa7045;padding:9px max(12px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-navigation button{min-width:0;min-height:48px;border:1px solid #c8aa7040;background:transparent;color:#e7d3aa;border-radius:5px;font:13px Manrope,Arial,sans-serif;padding:10px 6px}.mobile-navigation button:nth-child(2){background:#c8aa7018;border-color:#c8aa7070}.mobile-navigation button:active{background:#c8aa7030}.mobile-navigation button:focus-visible{outline:2px solid #f7d38c;outline-offset:1px}
#motion{right:12px;bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom,0px) + 12px);width:40px;height:40px}
dialog:not(.editing-preview){position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;height:100svh;max-height:100dvh;border:0;background:#0b1728;border-radius:0;overscroll-behavior:contain;overflow-y:auto;-webkit-overflow-scrolling:touch}dialog:not(.editing-preview) .panel-inner{min-height:100%;padding:calc(65px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px))}dialog:not(.editing-preview) .close{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));width:44px;height:44px;background:#101f33f0;z-index:10}dialog h2{font-size:clamp(26px,7vw,34px);line-height:1.3;overflow-wrap:anywhere}.panel-lead{font-size:17px;line-height:1.8}.placeholder{padding-left:15px}.placeholder p,#panel[data-section="bio"] .placeholder p{font-size:16px;line-height:1.85}.placeholder h3{font-size:18px}.panel-bottom{gap:8px;justify-content:space-between;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));margin-bottom:0}.panel-bottom button{font-size:13px;min-height:44px;padding:10px 8px}#next{display:none}.section-action{font-size:14px;min-height:46px;padding:12px 15px;line-height:1.6}.related-sections{display:grid;grid-template-columns:1fr;gap:10px}.faq-label input,.site-editor input,.site-editor textarea,.site-editor select{font-size:16px}.faq-label input{min-height:50px}.faq-item,.timeline-event{padding:0 15px}.faq-item summary,.timeline-event summary{font-size:16px;padding:17px 0}.faq-item p,.timeline-event p,.tab-view p,.presentation-step p{font-size:16px}.section-tabs{display:grid;grid-template-columns:1fr;gap:8px}.section-tabs button,.step-controls button{font-size:14px;min-height:46px}.book-card{flex-direction:column;align-items:stretch;gap:22px}.book-card>img{width:min(66%,230px);max-height:none;margin:auto}.book-links a{font-size:15px;min-height:48px;padding:14px;text-align:center}.bio-gallery{align-items:stretch}.bio-gallery>a{width:100%;text-align:center;justify-items:center}.bio-gallery img{max-width:170px}.bio-gallery>.section-action{width:100%}.template-note,.source-note,.faq-status{font-size:13px;line-height:1.8}.tab-view,.presentation-step{padding:8px 16px}.step-controls{display:grid;grid-template-columns:1fr 1fr}.mobile-navigation[hidden]{display:none}
}
@media(max-width:360px){header{gap:8px}.brand{gap:8px}:root{--brand-symbol-width:42px;--brand-symbol-height:42px}.brand-name{height:42px}.mobile-navigation button{font-size:12px}.zone-button{font-size:13px;padding:10px 12px}.panel-bottom button{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){header{padding-top:8px;padding-bottom:8px;min-height:60px}.unified-hero{padding-top:12px}.mobile-navigation{padding-top:6px}.mobile-navigation button{min-height:44px}dialog:not(.editing-preview) .panel-inner{padding-top:58px}.panel-bottom{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}dialog[open]{animation:none!important}}

/* No lower navigation block on the public composition. */
body{padding-bottom:0}

/* Phone layout: Safari/iOS and Chrome/Android, including display cutouts. */
@media (max-width:700px){
 body{min-width:0;padding-bottom:env(safe-area-inset-bottom,0px)}
 header{gap:8px}
 .brand{flex:1;min-width:0;gap:8px}
 .brand-name{min-width:0;flex:1;width:auto}
 .brand-name-lettering{display:block;width:100%;max-width:100%}
 .header-right{flex:0 0 auto}
 .language-picker summary{min-width:44px;min-height:44px;display:grid;place-items:center}
 .language-menu{position:fixed;inset:calc(80px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) auto max(12px,env(safe-area-inset-left,0px));width:auto;max-width:none;max-height:calc(100svh - 100px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:16px!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #language-options{max-height:38svh;overflow-y:auto}
 .language-search-label{margin-top:12px}
 .language-option{min-height:56px;gap:10px}
 .language-names{overflow-wrap:anywhere}
 .language-availability{max-width:88px;text-align:end;overflow-wrap:anywhere}
 #language-search{font-size:16px;min-height:46px}
 .unified-hero{padding-top:14px;padding-bottom:18px}
 .zone-button{height:auto!important;min-height:52px;white-space:normal;overflow-wrap:anywhere}
 .unified-composition{margin-bottom:72px}
 .social-windows{gap:8px;margin-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
 .social-windows a{min-height:56px;flex-wrap:wrap;gap:5px;padding:12px 6px;line-height:1.4}
 .social-symbol{flex-shrink:0}
 dialog:not(.editing-preview){height:100dvh;max-height:100dvh}
 dialog:not(.editing-preview) .panel-inner{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));overflow-wrap:anywhere}
 .panel-inner img,.panel-inner video,.panel-inner iframe{max-width:100%}
 .panel-bottom{flex-wrap:wrap}
 .panel-bottom button{flex:1 1 auto;min-height:48px;white-space:normal}
 .book-links,.book-card,.tab-view,.presentation-step{min-width:0}
 .step-controls button{min-width:0;white-space:normal;overflow-wrap:anywhere}
 .translated-slogans span{font-size:clamp(8px,2.15vw,16px)!important;letter-spacing:.12em!important}
 .translated-slogans small{font-size:clamp(7px,1.65vw,12px)!important;letter-spacing:.16em!important}
}
@media (max-width:350px){
 .social-windows{grid-template-columns:1fr}
 .social-windows a{justify-content:flex-start;padding:12px 18px;font-size:15px}
 .social-arrow{display:block}
}
@media (max-height:500px) and (max-width:950px) and (orientation:landscape){
 .language-menu{position:fixed;top:12px;bottom:12px;max-height:calc(100dvh - 24px);width:min(430px,calc(100vw - 24px));right:12px;left:auto}
 #language-options{max-height:35dvh}
}