@layer components{.bookpage{padding-block:var(--space-l) var(--space-2xl);background:var(--color-bg-band);min-block-size:80svh}.bookpage__h1{font-size:var(--step-4);text-align:center;letter-spacing:var(--tracking-display)}.bookpage__lede{text-align:center;max-inline-size:44ch;margin-inline:auto;margin-block:var(--space-xs) var(--space-l)}.book{gap:var(--space-m);padding:var(--space-m) var(--space-m) var(--space-l);background:var(--color-surface-raised);border-radius:var(--radius-m);box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.book__field{gap:var(--space-3xs);font-weight:var(--weight-strong);display:grid}.book__field input{inline-size:100%;min-block-size:var(--tap-min);font:inherit;font-weight:var(--weight-body);color:var(--color-fg);background:var(--color-surface);border:1.5px solid var(--color-rule-strong);border-radius:var(--radius-m);padding:.6em .8em}.book__field input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px;border-color:var(--color-fg)}.book__field input:user-invalid{border-color:var(--color-warn-fg)}.book__help{font-size:var(--step--1);font-weight:var(--weight-body);color:var(--color-fg-muted)}.book__group{gap:var(--space-xs);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.book__group legend{float:left;inline-size:100%;font-weight:var(--weight-strong);padding-block-end:var(--space-3xs)}.book__options{gap:var(--space-xs);display:grid}.book__options--grid{grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr))}.book__opt{cursor:pointer;display:block;position:relative}.book__opt input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.book__opt>span{gap:var(--space-3xs);min-block-size:3.5rem;padding:var(--space-s) var(--space-m);border:1.5px solid var(--color-rule-strong);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-fg);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.book__opt>span b{font-family:var(--font-display);font-weight:500;font-size:var(--step-1);line-height:var(--leading-snug)}.book__opt>span small{font-size:var(--step--1);color:var(--color-fg-muted)}.book__opt input:checked+span{background:var(--color-selected);border-color:var(--color-accent);color:var(--color-fg)}.book__opt input:checked+span small{color:var(--color-fg)}.book__opt input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}@media (hover:hover){.book__opt:hover>span{border-color:var(--color-fg)}}.book__hp{display:none}.book__consent{font-size:var(--step--1)}.book__send-row{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.book .book__send{white-space:normal;justify-content:center;inline-size:100%}.bookpage__foot{font-size:var(--step--1);text-align:center;max-inline-size:60ch;margin-block-start:var(--space-l);margin-inline:auto}@media (width>=48em){.book{padding:var(--space-l) var(--space-xl) var(--space-xl)}.book .book__send{inline-size:auto}}}