/* Fixed to the viewport on both pages, including mobile safe areas. */
.theme-toggle{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;min-height:46px;margin:0;padding:12px 16px;border-radius:999px;background:var(--paper);box-shadow:0 6px 24px #0002;font-size:12px}
footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
nav a[aria-current="page"]{color:var(--accent);font-weight:700}
.about-page{min-height:55vh;padding:18px 0 70px}
.about-page h1{margin:9px 0 0;font-size:clamp(32px,5vw,48px)}
.about-page .about{margin:32px 0 0}
@media(max-width:1000px){nav a:nth-of-type(2){display:inline}}
@media(max-width:540px){.theme-toggle{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:44px;padding:11px 14px;font-size:11px}.about-page{padding-top:0}.about-page .section-head{margin-top:32px}}