/* Phone refinements; approved desktop layouts retain their existing styles. */
picture{display:contents}
@media(max-width:760px){
 :root{--navbar-height:64px;--mobile-book-banner-height:72px}
 .site-navbar{padding:8px 5%;gap:8px}
 .navbar-brand{min-height:44px;align-content:center}
 .navbar-brand>span{font-size:26px}
 .navbar-menu-toggle{width:44px;flex-shrink:0}
 .navbar-links{max-height:calc(100dvh - var(--navbar-height) - var(--mobile-book-banner-height));overflow-y:auto;overscroll-behavior:contain}
 .language-options{max-width:calc(100vw - 32px)}
 .hero{padding-bottom:340px}
 .hero-content,body[data-design=v2] .hero-content{padding:34px 6% 24px;width:100%}
 .hero .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:20px}
 .hero h1{font-size:clamp(43px,12vw,62px);line-height:1.02;margin-bottom:24px}
 .hero-description{font-size:16px;line-height:1.65;margin-bottom:24px}
 .hero .button{min-height:52px;font-size:14px;padding:14px 16px}
 .hero-photography,body[data-design=v2] .hero-photography{height:360px}
 body[data-design=v2] .portrait-dark{object-position:80% center}
 #the-book{padding:32px 6% 48px}
 #the-book .book-original-intro{gap:18px}
 .book-intro-visual{width:min(100%,330px);aspect-ratio:1;overflow:hidden}
 .book-intro-visual .reading-scene img{inset:-24% 0 auto;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(#000 85%,transparent 99%);-webkit-mask-image:linear-gradient(#000 85%,transparent 99%)}
 .reading-geometry{inset:-10% 0 0;height:110%}
 #the-book .book-intro-copy #book-heading{font-size:clamp(37px,10.8vw,52px);margin-bottom:24px}
 #the-book .copy-path li{grid-template-columns:28px minmax(0,1fr);gap:10px}
 .copy-step-number{width:28px;height:28px;font-size:17px}
 .copy-path li:not(:last-child):before{left:13px;top:36px}
 #the-book .copy-path h3{font-size:25px}
 #the-book .copy-path p{font-size:15px;line-height:1.7}
 #the-book .book-exploration{margin-top:36px}
 .book-exploration-heading{padding:28px 0}
 .book-exploration-heading h3{font-size:clamp(34px,9.5vw,48px)}
 .book-stories{margin:0;gap:22px}
 .book-story{padding:26px 22px 28px;gap:20px}
 .book-page-art{padding:4px 8px 60px}
 .book-page-stack{max-width:200px}
 .book-page-art .page-polaroid{width:55%;max-width:142px;right:0;bottom:0}
 .book-story:nth-child(2) .page-polaroid{left:0}
 .book-page-art .page-polaroid figcaption{font-size:17px}
 .book-story-copy{max-width:none}
 .story-doodle{width:58px;height:52px;margin-bottom:14px}
 .book-story h4{font-size:clamp(31px,8.5vw,39px);margin-bottom:18px;max-width:14ch}
 .book-story blockquote{font-size:22px;line-height:1.4}
 .book-reflection{margin-top:20px;padding-top:18px}
 .book-reflection .reflection-note{font-size:27px}
 #christina{padding:285px 6% 44px}
 #christina .author-kicker{top:245px;left:6%}
 #christina .author-portrait,#christina[data-author-surface=dark] .author-portrait{height:460px}
 #christina h2{font-size:clamp(46px,13vw,62px);margin-bottom:26px}
 #christina .author-copy{padding-left:0;border-left:0}
 #christina .author-copy p{font-size:15px;line-height:1.75}
 footer.site-footer{padding:32px 6% 32px}
 .site-footer .footer-main{gap:24px;padding-bottom:24px}
 .book-rail-trigger{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));gap:3px 10px}
 .rail-book{width:36px;max-height:48px}
 .rail-open>span{width:36px;height:36px}
 .rail-label{font-size:19px;white-space:normal}
 body[data-language=da] .rail-label{font-size:17px}
 .design-trigger{min-height:44px;font-size:11px;padding:6px 8px 6px 11px;gap:6px}
 .book-drawer{height:100dvh;max-height:100dvh;overscroll-behavior:contain}
 .book-drawer.chad-drawer .drawer-content{padding:26px 22px calc(24px + env(safe-area-inset-bottom,0px))}
 .chad-drawer .drawer-content h2{font-size:clamp(44px,12vw,60px)}
 .chad-drawer .drawer-title-lead{font-size:23px}
 .chad-drawer .drawer-description{font-size:15px;line-height:1.65}
 .drawer-editions label{min-height:48px}
 .bump-toggle{min-height:48px}
}
@media(max-width:360px){
 .site-navbar{padding-inline:14px}
 .navbar-brand>span{font-size:24px}
 .navbar-brand>small{font-size:7px}
 .navbar-tools{gap:2px}
 .hero h1{font-size:41px}
 .hero .edition-actions .button{font-size:13px}
 .book-story{padding-inline:18px}
 .book-page-stack{max-width:180px}
 .book-page-art .page-polaroid{max-width:128px}
 .book-story blockquote{font-size:21px}
 .book-rail-trigger{grid-template-columns:30px minmax(0,1fr) auto;gap:3px 8px;padding-inline:12px}
 .rail-book{width:30px}
 .rail-open{font-size:10px;gap:5px}
 .book-drawer.chad-drawer .drawer-content{padding-inline:18px}
}
@media(max-width:760px) and (max-height:500px){
 .hero-photography,body[data-design=v2] .hero-photography{height:300px}
 .hero{padding-bottom:280px}
}