/* phones (max-width: 700px): the content page is a full-width sheet with the same margins all round */
#pages{position:fixed;inset:0;z-index:2;display:grid;grid-template-rows:1fr;align-items:center;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 73px) 14px calc(env(safe-area-inset-bottom,0px) + 61px) 14px;pointer-events:none}
.page{pointer-events:auto;position:relative;box-sizing:border-box;width:100%;min-height:0;max-height:85%;display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--glass-edge);background:linear-gradient(160deg,var(--glass-page-a),var(--glass-page-b));backdrop-filter:blur(22px) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(22px) saturate(var(--glass-sat));box-shadow:0 24px 70px var(--glass-page-shadow),inset 0 1px 0 var(--glass-edge);color:#fff;opacity:0;transform:translateY(18px) scale(.97);visibility:hidden;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.25,1.1),visibility 0s .45s}
.page header{padding:18px 18px 8px}
.page h1{font-size:32px}
.page .body{padding:4px 18px 20px;font-size:16px}
.sceneItem{grid-template-columns:1fr;gap:10px}
#menuPanel{min-width:0;width:270px;max-width:calc(100vw - 36px);padding:10px}
#menuPanel a{padding:12px 22px}
#menuPanel a{font-size:24px;padding:12px 22px}
#sig{font-size:22px}
#contactForm textarea{min-height:60px;height:72px}
#contact .body{padding-bottom:35px}
#menuPanel a[href="#scenes"]{display:none}   /* no Scenes page on phones */