.crv-hairline{--hairline-plate:var(--color-surface);--hairline-hi:var(--color-fg);--hairline-edge:var(--color-fg-muted);--hairline-mid:var(--color-line-strong);--hairline-lo:var(--color-line);min-width:0;margin:0}.crv-hairline [data-hairline]{aspect-ratio:5/4;inline-size:100%;max-inline-size:25rem;margin-inline:auto;display:block;position:relative}.crv-hairline [data-hairline-read]{z-index:1;font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);pointer-events:none;font-size:.75rem;line-height:1;position:absolute;inset-block-start:.25rem;inset-inline-end:.5rem}.crv-hairline figcaption{font-variant-numeric:tabular-nums;text-wrap:pretty;margin-block-start:.5rem}
.scoring-demo .segmented{border:1px solid var(--color-control);border-radius:var(--radius-md);background:var(--color-surface);inline-size:fit-content;display:inline-flex;overflow:hidden}.scoring-demo .segmented label{position:relative}.scoring-demo .segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.scoring-demo .segmented span{block-size:2.75rem;min-inline-size:2.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-fg);transition:background-color var(--duration-color) var(--ease-out), color var(--duration-color) var(--ease-out);place-items:center;display:grid}.scoring-demo .segmented label+label span{border-inline-start:1px solid var(--color-line)}.scoring-demo .segmented input:checked+span{background:var(--color-fg);color:var(--color-page)}.scoring-demo .segmented input:focus-visible+span{outline:var(--focus-ring-width) solid var(--color-ring);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.scoring-demo .segmented input:not(:checked):hover+span{background:var(--color-muted)}}.scoring-demo .stepper{border:1px solid var(--color-control);border-radius:var(--radius-md);background:var(--color-surface);block-size:2.75rem;inline-size:2.75rem;color:var(--color-fg);font-family:var(--font-mono);cursor:pointer;transition:scale var(--duration-press) var(--ease-out), background-color var(--duration-color) var(--ease-out);place-items:center;font-size:1.25rem;line-height:1;display:grid}.scoring-demo .stepper:active:not([aria-disabled=true]){scale:var(--press-scale)}.scoring-demo .stepper[aria-disabled=true]{cursor:not-allowed;color:var(--color-fg-subtle)}@media (hover:hover) and (pointer:fine){.scoring-demo .stepper:not([aria-disabled=true]):hover{background:var(--color-muted)}}.scoring-page .tag{border:1px solid var(--color-line-strong);min-block-size:1.375rem;font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-fg-muted);white-space:nowrap;border-radius:999px;align-items:center;padding-inline:.5rem;font-size:.75rem;font-weight:500;display:inline-flex}.scoring-demo .figure-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);padding:1rem}.scoring-page .worked td,.scoring-page .worked th{text-align:start;padding-block:.625rem;padding-inline:.75rem}@media (max-width:40rem){.scoring-page .worked td,.scoring-page .worked th{padding-inline:.5rem}}.scoring-page .worked .num{text-align:end;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.scoring-page .worked tbody tr+tr{border-block-start:1px solid var(--color-line)}.scoring-page .worked tfoot{border-block-start:1px solid var(--color-line-strong)}.scoring-page h1,.scoring-page h2{text-wrap:balance}.scoring-page p{text-wrap:pretty}.scoring-page section[id]{scroll-margin-block-start:1.5rem}