.key-switch{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem .75rem;display:flex}@media (min-width:48rem){.key-switch{justify-content:flex-end}}.key-switcher{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:1.5rem;flex-wrap:wrap;align-items:center;gap:.125rem;max-inline-size:100%;padding:.25rem;display:flex;position:relative}.key-step,.key-jump-summary{box-sizing:border-box;min-block-size:2.5rem;font-family:var(--display);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:1rem;font-weight:700;display:inline-flex}.key-step{color:var(--ui-ink);text-decoration:none}.key-step:hover{background:var(--ui-line)}.key-step-mark{font-family:var(--mono);color:var(--ui-muted);font-size:.6875rem;font-weight:500}.key-jump-summary{background:var(--highlight);color:var(--ui-on-highlight);list-style:none}.key-jump-summary::-webkit-details-marker{display:none}.key-jump-summary:focus-visible,.key-step:focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}.key-jump-panel{z-index:2;box-sizing:border-box;inline-size:calc(100vw - 2 * var(--ui-section-gutter,1rem));background:var(--surface);max-inline-size:40rem;box-shadow:var(--ui-sheet-shadow);border-radius:14px;padding:.5rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0}@media (min-width:48rem){.key-jump-panel{inset-inline:auto 0}}.key-intro{grid-template-columns:minmax(0,1fr);gap:1.25rem 3rem;display:grid}@media (min-width:64rem){.key-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.key-answer{max-inline-size:46rem;color:var(--ui-muted);margin:0;font-size:clamp(1rem,.9rem + .4vw,1.1875rem);line-height:1.55}.key-answer strong,.key-notes{color:var(--ui-ink);font-weight:700}.key-intro .respelled{color:var(--ui-muted);margin:.75rem 0 0}.key-facts{margin:0;display:flex}.key-facts>div{border-inline-start:1px solid var(--ui-line);padding-inline:1.25rem}.key-facts>div:first-child{border-inline-start:0;padding-inline-start:0}.key-facts dt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);font-size:.6875rem}.key-facts dd{font-family:var(--display);white-space:nowrap;color:var(--ui-ink);margin:.375rem 0 0;font-size:1.25rem;font-weight:700}.key-facts a{color:var(--ui-ink);text-underline-offset:.2em;text-decoration-thickness:2px}.key-facts a:hover{color:var(--highlight)}@media (max-width:30rem){.key-facts{flex-wrap:wrap;gap:.75rem 1.5rem}.key-facts>div{border-inline-start:0;padding-inline:0}}.key-intro>*,.key-facts>div{min-inline-size:0;max-inline-size:100%}
