/* The language control stays available during menus, listening and films. */
#language-switch{position:fixed;z-index:60;top:max(2.5vh,env(safe-area-inset-top));right:clamp(5rem,8.5vw,9rem);min-width:5.2em;min-height:44px;padding:.45em .8em;background:#23302bdf;border:1px solid #cfb97b88;color:#eee0bf;font:clamp(.75rem,1.05vw,1rem) Georgia,serif;letter-spacing:.02em;touch-action:manipulation;}
body.cinematic #language-switch,body.ending-shot #language-switch{right:auto;left:max(3vw,env(safe-area-inset-left));}
body:has(.panel.notebook) #language-switch{right:calc(5vw + 6.5rem);left:auto;top:5vh;}
.notebook .bookhead>div{max-width:calc(100% - 12rem);}
html:lang(en) #chapter{letter-spacing:.025em;margin-right:12vw;}
html:lang(en) .panel h1,html:lang(en) .panel h2,html:lang(en) .night-person h2,html:lang(en) .speech-copy h2{letter-spacing:.015em;}
html:lang(en) .intro{max-width:720px;}
html:lang(en) .intro h1{font-size:clamp(2rem,4.6vw,4rem);}
html:lang(en) #actions{width:34%;font-size:clamp(.68rem,1vw,1rem);}
html:lang(en) #flight-nav{width:17.5%;max-width:17.5%;}
html:lang(en) #flight-nav #nav-places button{line-height:1.25;font-size:clamp(.65rem,1vw,.9rem);overflow-wrap:normal;}
html:lang(en) #listening-card{height:clamp(170px,34vh,310px);}
html:lang(en) .speech-copy p{font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.5;}
html:lang(en) .speech-copy h2{font-size:clamp(1rem,1.5vw,1.4rem);}
html:lang(en) .poem-text p{letter-spacing:0;line-height:1.65;font-size:clamp(.95rem,1.42vw,1.3rem);}
html:lang(en) .night-scroll header h2{letter-spacing:0;font-size:clamp(1.1rem,1.95vw,1.8rem);}
html:lang(en) .night-scroll footer button{font-size:clamp(.68rem,.9vw,.9rem);}
html:lang(en) #subtitle{line-height:1.55;}
html:lang(en) .notebook .card small{display:block;margin:.35em 0;line-height:1.4;}
html:lang(en) .notebook .bookhead h2{font-size:clamp(1rem,1.9vw,1.65rem);}
@media(max-height:520px){html:lang(en) .intro{padding:1em 1.5em;}html:lang(en) .intro p{line-height:1.55;margin:.6em 0;}html:lang(en) .intro h1{margin:.12em 0;}html:lang(en) #listening-card{height:44vh;}html:lang(en) #flight-nav{max-height:62%;overflow-y:auto;}html:lang(en) .night-scroll footer{gap:.3em;}html:lang(en) .night-scroll .poem-next{flex-basis:100%;}html:lang(en) #chapter{font-size:.65rem;}}
