.builder-chip{min-height:36px;padding:.35rem .85rem;border:1px solid var(--color-mist);border-radius:999px;background:var(--color-paper-pure);color:var(--color-ink);font-size:var(--text-small);cursor:pointer}.builder-chip:hover,.builder-chip[aria-pressed=true]{border-color:var(--color-ink)}.builder-chip:focus-visible,.sample-tab:focus-visible,.builder-check:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.builder-check{width:20px;height:20px;accent-color:var(--color-ink)}.builder-out{background:var(--color-paper-pure);border:1px solid var(--color-mist);border-radius:.5rem;padding:1.5rem}.builder-list{display:grid;gap:.6rem}.builder-q{display:grid;grid-template-columns:1.6rem 1fr;gap:.6rem;align-items:start;padding:.75rem .9rem;border-radius:.4rem;background:var(--color-paper-tinted);color:var(--color-ink);font-size:var(--text-body);line-height:1.45}.builder-n{font-family:var(--font-display);color:var(--color-ash)}.builder-q.is-new{animation:q-in .32s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes q-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.how-steps.is-armed .how-step{opacity:0;transform:translateY(14px)}.how-steps.is-armed .how-step.is-in{opacity:1;transform:none;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * .14s)}.sample-card{background:var(--color-paper-pure);border:1px solid var(--color-mist);border-radius:.5rem;overflow:hidden;max-width:64rem}.sample-head{padding:1.5rem;border-bottom:1px solid var(--color-mist)}.sample-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:1rem 1.5rem 0;scrollbar-width:none}.sample-tabs::-webkit-scrollbar{display:none}.sample-tab{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:44px;padding:.6rem .8rem;border:1px solid var(--color-mist);border-bottom-width:3px;border-radius:.4rem;background:var(--color-paper);cursor:pointer;text-align:left}.sample-tab[aria-selected=true]{border-color:var(--color-ink);background:var(--color-paper-pure)}.sample-tab-label{font-size:var(--text-small);color:var(--color-ink)}.sample-row{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-mist)}.sample-row[hidden]{display:none}.sample-quote{margin:.6rem 0 0;padding-left:.9rem;border-left:2px solid var(--color-mist);color:var(--color-ink);font-style:italic}.sample-chip{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.2rem .6rem;border-radius:999px;border:1px solid currentColor}.sample-chip--miss{color:var(--color-ash)}.sample-chip--error{color:var(--color-accent-text)}.sample-chip--win{color:var(--color-ink);background:var(--color-paper-tinted)}.sample-fixes{padding:1.5rem;background:var(--color-paper-tinted);border-bottom:1px solid var(--color-mist)}.sample-status{display:inline-block;margin-left:.35rem;font-size:.75rem;font-weight:600;color:var(--color-ash);white-space:nowrap}.sample-foot{padding:1.25rem 1.5rem}@media(min-width:48rem){.sample-head,.sample-row,.sample-fixes,.sample-foot,.sample-tabs{padding-inline:2rem}}.case-card{display:block;height:100%;padding:1.25rem 1.35rem;background:var(--color-paper-pure);border:1px solid var(--color-mist);border-radius:.5rem;transition:box-shadow .2s ease}.case-card:hover{box-shadow:0 4px 18px color-mix(in oklab,var(--color-ink) 8%,transparent)}@media(prefers-reduced-motion:reduce){.builder-q.is-new{animation:none}.how-steps.is-armed .how-step{opacity:1;transform:none;transition:none}.case-card{transition:none}}.snapshot-extras>summary{list-style:none;display:inline-flex;align-items:center;gap:.4rem}.snapshot-extras>summary::-webkit-details-marker{display:none}.snapshot-extras>summary:before{content:"+";color:var(--color-accent-text);font-weight:600}.snapshot-extras[open]>summary:before{content:"−"}.lander-sticky{position:fixed;inset-inline:0;bottom:0;z-index:50;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:color-mix(in oklab,var(--color-paper) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--color-mist)}.lander-sticky[hidden]{display:none}@media(min-width:64rem){.lander-sticky{display:none}}