.bookpage{--bookpage-measure:46rem;--bookpage-hairline:color-mix(in srgb, var(--starlight) 9%, transparent);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.bookpage__bar,.bookpage__main{padding-left:max(var(--gutter-left), calc((100% - var(--bookpage-measure)) / 2));padding-right:max(var(--gutter-right), calc((100% - var(--bookpage-measure)) / 2))}.bookpage__skip{z-index:2;border:1px solid color-mix(in srgb, var(--flare) 55%, transparent);border-radius:var(--radius-chip);background-color:var(--void);font-family:var(--font-plex-mono), ui-monospace, SFMono-Regular, monospace;font-size:var(--text-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--flare);transition:transform .2s var(--ease-voyage);padding:.7rem 1.2rem;font-weight:500;position:fixed;top:0;left:0;transform:translateY(-140%)}.bookpage__skip:focus{outline:2px solid var(--flare);outline-offset:4px;transform:translateY(.75rem)translate(.75rem)}.bookpage__main:focus{outline:none}.bookpage__bar{min-height:var(--nav-h);border-bottom:1px solid var(--bookpage-hairline);align-items:center;padding-top:clamp(.9rem,2.5vh,1.4rem);padding-bottom:clamp(.9rem,2.5vh,1.4rem);display:flex}.bookpage__back{min-height:44px;font-family:var(--font-plex-mono), ui-monospace, SFMono-Regular, monospace;font-size:var(--text-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--haze);transition:color .25s var(--ease-voyage);align-items:center;gap:.7rem;font-weight:500;text-decoration:none;display:inline-flex}.bookpage__back:hover{color:var(--flare)}.bookpage__main{padding-top:clamp(2rem,6vh,3.5rem);padding-bottom:clamp(3rem,8vh,5rem)}.bookpage__title{font-family:var(--font-clash-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.015em;color:var(--starlight);font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:500;line-height:1.05}.bookpage__intro{max-width:52ch;font-size:var(--text-body);color:var(--haze);margin-top:.8rem;line-height:1.55}.bookpage__widget{margin-top:clamp(1.6rem,4vh,2.4rem)}.bookpage__card{border:1px solid color-mix(in srgb, var(--starlight) 14%, transparent);border-radius:var(--radius-panel);background-color:var(--space);gap:.9rem;margin-top:clamp(1.6rem,4vh,2.4rem);padding:clamp(1.2rem,3vw,1.8rem);display:grid}.bookpage__when{color:var(--starlight);font-size:1.15rem;line-height:1.4}.bookpage__meta{font-family:var(--font-plex-mono), ui-monospace, SFMono-Regular, monospace;font-size:var(--text-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--haze)}.bookpage__row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.bookpage__danger{border:1px solid color-mix(in srgb, var(--nebula-magenta) 55%, transparent);border-radius:var(--radius-chip);min-height:44px;font-family:var(--font-plex-mono), ui-monospace, SFMono-Regular, monospace;font-size:var(--text-mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--nebula-magenta) 80%, var(--starlight));cursor:pointer;transition:border-color .25s var(--ease-voyage), color .25s var(--ease-voyage);background-color:#0000;padding:.65rem 1.4rem;font-weight:500}.bookpage__danger:hover:not(:disabled){border-color:var(--nebula-magenta)}.bookpage__danger:disabled{opacity:.55;cursor:progress}.bookpage__hint{color:var(--haze);font-size:.85rem;line-height:1.5}