:root{color-scheme:light dark;--color-page:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-border:#cbd5e1;--color-primary:#2563eb;--color-primary-contrast:#fff;--color-success:#047857;--color-warning:#b45309;--color-danger:#b91c1c;--shadow-surface:0 1px 2px #0f172a14, 0 12px 32px #0f172a0f;--focus-ring:#1d4ed8}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-page:#0b1120;--color-surface:#111827;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-border:#334155;--color-primary:#60a5fa;--color-primary-contrast:#0b1120;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--shadow-surface:0 1px 2px #00000040, 0 16px 36px #0000002e;--focus-ring:#93c5fd}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-page:#0b1120;--color-surface:#111827;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-border:#334155;--color-primary:#60a5fa;--color-primary-contrast:#0b1120;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--shadow-surface:0 1px 2px #00000040, 0 16px 36px #0000002e;--focus-ring:#93c5fd}}*,:before,:after{box-sizing:border-box}html{background:var(--color-page);scroll-behavior:smooth}body{background:var(--color-page);min-width:min(100%,20rem);min-height:100vh;color:var(--color-text);text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6}a{color:var(--color-primary);text-underline-offset:.18em}a:hover{text-decoration-thickness:.12em}:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.1875rem}h1,h2,p{margin-block-start:0}h1,h2{letter-spacing:-.025em;line-height:1.1}h1{max-width:16ch;margin-block-end:clamp(1rem,2vw,1.5rem);font-size:clamp(2.1rem,7vw,4.5rem)}h2{margin-block-end:.75rem;font-size:clamp(1.55rem,4vw,2.25rem)}.shell{width:min(100% - 2rem,72rem);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--color-surface);color:var(--color-text);border-radius:.5rem;padding:.625rem .875rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-block-end:1px solid var(--color-border);background:var(--color-surface);position:relative}.header-content{align-items:center;gap:clamp(.5rem,2vw,1.5rem);min-height:4rem;display:flex}.wordmark{min-height:2.75rem;color:var(--color-text);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.625rem;font-weight:750;text-decoration:none;display:inline-flex}.wordmark-mark{border:.25rem solid var(--color-primary);width:1.375rem;height:1.375rem;box-shadow:inset 0 0 0 .125rem var(--color-surface);border-radius:50%}.desktop-navigation{align-items:center;gap:clamp(.75rem,2vw,1.5rem);margin-inline-start:auto;display:flex}.desktop-navigation a,.mobile-navigation a{min-height:2.75rem;color:var(--color-text-secondary);font-weight:650;text-decoration:none}.desktop-navigation a{align-items:center;display:inline-flex}.desktop-navigation a:hover,.desktop-navigation a[aria-current=page],.mobile-navigation a:hover,.mobile-navigation a[aria-current=page]{color:var(--color-text)}.theme-control select,.mobile-navigation summary{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);font:inherit;border-radius:.625rem;font-weight:650}.theme-control select{padding-inline:.75rem 2rem}.theme-control{flex:none}.mobile-navigation{margin-inline-start:auto;display:none}.mobile-navigation summary{cursor:pointer;align-items:center;padding-inline:.875rem;list-style:none;display:inline-flex}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation nav{border:1px solid var(--color-border);background:var(--color-surface);min-width:13rem;box-shadow:var(--shadow-surface);border-radius:.75rem;padding:.5rem;display:grid;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:1rem}.mobile-navigation a{border-radius:.5rem;align-items:center;padding-inline:.75rem;display:flex}.mobile-navigation a:hover{background:var(--color-page)}.hero{border-block-end:1px solid var(--color-border);background:var(--color-surface)}.hero-content{padding-block:clamp(2rem,7vw,5.5rem)}.eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.625rem;font-size:.8125rem;font-weight:800}.hero-lead,.page-lead{max-width:43rem;color:var(--color-text-secondary);font-size:clamp(1.0625rem,2vw,1.25rem)}.hero-lead{margin-block-end:1.5rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-block-end:1.25rem;display:flex}.button{appearance:none;min-height:3rem;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.6875rem 1.125rem;font-weight:750;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.button-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.trust-list{color:var(--color-text-secondary);flex-wrap:wrap;gap:.375rem 1.25rem;margin:0 0 .875rem;padding:0;font-size:.9375rem;font-weight:650;list-style:none;display:flex}.trust-list li:before{content:"✓";color:var(--color-success);margin-inline-end:.375rem}.hero-note{max-width:47rem;color:var(--color-text-secondary);margin-block-end:0;font-size:.875rem}.tool-preview,.page-shell{padding-block:clamp(1.5rem,5vw,4rem)}.tool-preview+.tool-preview{padding-block-start:0}.content-card{border:1px solid var(--color-border);background:var(--color-surface);max-width:50rem;box-shadow:var(--shadow-surface);border-radius:1rem;padding:clamp(1.25rem,4vw,2.5rem)}.content-card>:last-child{margin-block-end:0}body[data-measurement-active]{overflow:hidden}body[data-measurement-active]>.site-header,body[data-measurement-active]>.site-footer{display:none}.measurement-shell{z-index:1000;overscroll-behavior:none;background:var(--color-page);width:100%;height:100dvh;min-height:100dvh;color:var(--color-text);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.measurement-shell[hidden]{display:none}.measurement-shell:fullscreen{background:var(--color-page);width:100%;height:100%}.measurement-shell-header{padding:calc(.75rem + env(safe-area-inset-top)) calc(.75rem + env(safe-area-inset-right)) .75rem calc(.75rem + env(safe-area-inset-left));border-block-end:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.measurement-exit{border:1px solid var(--color-border);background:var(--color-surface);min-width:4.75rem;min-height:3rem;color:var(--color-text);font:inherit;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding-inline:.75rem;font-weight:750;display:inline-flex}.measurement-progress{grid-column:2;justify-self:center;min-width:0}.measurement-progress ol{justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.measurement-progress li{min-width:0;color:var(--color-text-secondary);white-space:nowrap;align-items:center;font-size:clamp(.6875rem,2vw,.8125rem);font-weight:700;display:flex}.measurement-progress li+li:before{background:var(--color-border);content:"";width:clamp(.75rem,4vw,3rem);height:1px;margin-inline:clamp(.25rem,1vw,.625rem)}.measurement-progress li span{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;margin-inline-end:.35rem;font-size:.6875rem;display:inline-grid}.measurement-progress li[aria-current=step]{color:var(--color-text)}.measurement-progress li[aria-current=step] span{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.measurement-workspace{min-height:0;padding:clamp(1rem, 3vh, 2.5rem) calc(clamp(1rem, 4vw, 2.5rem) + env(safe-area-inset-right)) clamp(1rem, 3vh, 2rem) calc(clamp(1rem, 4vw, 2.5rem) + env(safe-area-inset-left));place-items:start center;display:grid;overflow:auto}.measurement-workspace-content{text-align:center;width:min(100%,44rem)}.measurement-workspace-content h2{margin-block-end:.75rem}.measurement-workspace-content>p:not(.eyebrow){max-width:38rem;color:var(--color-text-secondary);margin-inline:auto}.calibration-workspace{padding-block:.5rem}.calibration-methods{border:0;flex-wrap:wrap;justify-content:center;gap:.5rem;width:fit-content;margin:.875rem auto 0;padding:0;display:flex}.calibration-methods legend{width:100%;color:var(--color-text-secondary);text-align:center;margin-block-end:.25rem;font-size:.75rem;font-weight:750}.calibration-methods label{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.625rem;align-items:center;gap:.4rem;min-height:2.75rem;padding-inline:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.calibration-methods label:has(input:checked){border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.calibration-methods:disabled label{cursor:default;opacity:.7}.calibration-reference-stage{place-items:center;min-height:8rem;padding:1.25rem 2rem;display:grid}.calibration-reference{width:var(--calibration-reference-width);max-width:none;color:var(--color-primary);touch-action:none;position:relative}.calibration-reference[data-method=card]{aspect-ratio:53.98/85.6;background:color-mix(in srgb, var(--color-primary) 5%, transparent);border:.125rem solid;border-radius:clamp(.5rem,3vw,.875rem)}.calibration-reference[data-method=ruler]{height:4rem}.calibration-reference[data-method=ruler]:before{content:"";background:currentColor;height:.125rem;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.calibration-reference[data-method=ruler]:after{content:"";border-inline:.125rem solid;position:absolute;inset:0}.calibration-card-label{color:var(--color-text-secondary);text-align:center;white-space:nowrap;font-size:.75rem;line-height:1.25;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.calibration-card-label strong{color:var(--color-text);font-size:.875rem}.calibration-reference[data-method=ruler] .calibration-card-label{display:none}.calibration-drag-handle{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-text);font:inherit;box-shadow:var(--shadow-surface);cursor:ew-resize;touch-action:none;border-radius:50%;place-items:center;padding:0;font-weight:800;display:grid;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.calibration-drag-handle:disabled{cursor:default;opacity:.55}.calibration-drag-handle-start{inset-inline-start:-1.375rem}.calibration-drag-handle-end{inset-inline-end:-1.375rem}.calibration-reference[data-method=card] .calibration-drag-handle{inset-block-start:0}.calibration-instruction,.calibration-privacy{margin-block-end:0;font-size:.8125rem}.calibration-privacy{margin-block-start:.5rem;font-weight:700}.measurement-shell-controls{padding:.75rem calc(.75rem + env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) calc(.75rem + env(safe-area-inset-left));border-block-start:1px solid var(--color-border);background:var(--color-surface)}.measurement-control-deck{gap:.625rem;width:min(100%,44rem);margin-inline:auto;display:grid}.calibration-adjustments{grid-template-columns:auto minmax(7rem,1fr) auto;align-items:center;gap:.625rem;display:grid}.calibration-slider-label{color:var(--color-text-secondary);text-align:center;font-size:.75rem;font-weight:700;display:grid}.calibration-slider-label input{width:100%;min-height:1.75rem;accent-color:var(--color-primary)}.calibration-fine-button{border:1px solid var(--color-border);background:var(--color-surface);min-width:4.25rem;min-height:3rem;color:var(--color-text);font:inherit;cursor:pointer;border-radius:.625rem;place-items:center;padding:.25rem .5rem;font-size:1.25rem;font-weight:800;line-height:1;display:grid}.calibration-fine-button span{color:var(--color-text-secondary);font-size:.625rem;font-weight:700}.calibration-size-output{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:center;font-size:.6875rem}.calibration-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.calibration-actions>:only-child,.calibration-actions:has([data-calibration-reset][hidden]) [data-calibration-save]{grid-column:1/-1}.calibration-actions [hidden]{display:none}.measurement-control-deck p{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.75rem}.calibration-scale-alert{z-index:4;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));background:#0f172ac7;place-items:center;display:grid;position:absolute;inset:0}.calibration-scale-alert[hidden]{display:none}.calibration-scale-alert>div{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,30rem);box-shadow:var(--shadow-surface);text-align:center;border-radius:1rem;padding:clamp(1.25rem,5vw,2rem)}.calibration-scale-alert h2{font-size:clamp(1.35rem,5vw,2rem)}.calibration-scale-alert p:not(.eyebrow){color:var(--color-text-secondary)}.calibration-test-line{visibility:hidden;height:1px;position:fixed;inset:-10000px auto auto -10000px}@media (width<=39.999rem){.measurement-shell-header{grid-template-columns:auto minmax(0,1fr)}.measurement-progress{justify-self:end}}@media (width<=24.999rem){.measurement-shell-header{row-gap:.625rem}.measurement-progress{grid-area:2/1/auto/-1;justify-self:stretch;width:100%}.measurement-progress ol{justify-content:space-between}.measurement-progress li{font-size:.6875rem}.measurement-progress li span{width:1.375rem;height:1.375rem;margin-inline-end:.25rem;font-size:.6875rem}.measurement-progress li+li:before{width:clamp(.375rem,2vw,.75rem);margin-inline:.1875rem}}@media (height<=35rem) and (orientation:landscape){.measurement-shell-header{padding-block-start:calc(.5rem + env(safe-area-inset-top));padding-block-end:.5rem}.measurement-exit{min-height:2.75rem}.measurement-workspace{padding-block:.5rem}.measurement-workspace-content{text-align:start}.measurement-workspace-content h2,.measurement-workspace-content>p{margin-block-end:.25rem;margin-inline:0}.calibration-methods{justify-content:start;margin-inline:0}.measurement-shell-controls{padding-block-start:.5rem}.measurement-control-deck{grid-template-columns:minmax(0,1fr) minmax(13rem,.7fr);align-items:center}.calibration-adjustments,.calibration-size-output,.measurement-control-deck p{text-align:start;grid-column:1}.calibration-actions{grid-area:1/2/span 3}}.measurement-shell [hidden]{display:none}.ring-workspace{justify-items:center;gap:.5rem;display:grid}.ring-workspace .eyebrow,.ring-workspace h2,.ring-workspace>p:not(.eyebrow){margin:0}.ring-instructions{font-size:.875rem}.ring-guide-area{width:100%;min-height:var(--ring-guide-space,140px);background:var(--color-surface);color:var(--color-text);border-radius:1rem;place-items:center;display:grid}.ring-guide-area svg{flex-shrink:0;max-width:none;display:block;overflow:visible}.ring-guide-area circle{stroke:currentColor}.ring-workspace[data-contrast=high] .ring-guide-area{color:#fff;background:#000}.ring-diameter{font-variant-numeric:tabular-nums;font-weight:750}.ring-summary{max-width:36rem;font-size:.875rem}.ring-summary p{margin-block:.5rem}.ring-adjustments{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.625rem;display:grid}.ring-control-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.ring-control-deck .button{padding-inline:.5rem;font-size:.875rem}.ring-control-deck>p,.ring-control-deck>[data-ring-adjustments],.ring-secondary-actions{grid-column:1/-1}.ring-control-deck>button{grid-column:1}.ring-control-deck:has(>button:not([hidden])) .ring-secondary-actions{grid-column:2}.ring-adjustments input{min-height:2.75rem}.ring-options,.ring-secondary-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.ring-options label{cursor:pointer;align-items:center;gap:.375rem;min-height:2.75rem;font-size:.8125rem;display:inline-flex}.ring-options input{accent-color:var(--color-primary)}.ring-secondary-actions .button{flex:1;font-size:.8125rem}@media (width<=24.999rem){.measurement-shell[data-stage=measure] .measurement-progress{grid-area:1/2;justify-self:end;width:auto}.measurement-shell[data-stage=measure] .measurement-progress li:not([aria-current]),.measurement-shell[data-stage=measure] .measurement-progress li:before{display:none}}@media (height<=40rem){.measurement-shell[data-stage=measure] .measurement-workspace{padding-block:.5rem}.ring-workspace{gap:.25rem}.ring-workspace h2{font-size:1.375rem}.ring-workspace>.eyebrow,.ring-workspace>.ring-instructions{display:none}.ring-control-deck{gap:.375rem}}@media (height<=35rem) and (orientation:landscape){.ring-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:1rem}.ring-workspace>.eyebrow,.ring-workspace>h2,.ring-workspace>.ring-instructions,.ring-summary{grid-column:1;justify-self:start}.ring-guide-area{grid-area:1/2/span 3}.ring-diameter{grid-area:3/1;justify-self:start}.ring-control-deck{grid-template-columns:minmax(0,1fr) minmax(12rem,.7fr)}.ring-control-deck>[data-ring-adjustments]{grid-area:1/1/span 2}.ring-control-deck>p,.ring-control-deck>button,.ring-secondary-actions{grid-column:2}}.finger-workspace{min-width:0}.measurement-help{text-align:start;grid-column:1/-1;width:100%;min-width:0;margin-top:.75rem}.measurement-help summary{cursor:pointer;color:var(--color-primary);padding-block:.5rem;font-size:.875rem}.finger-instructions{text-align:start;padding-inline-start:1.25rem;font-size:.875rem}.finger-instructions li+li{margin-block-start:.5rem}.finger-guide-area{background:var(--color-surface);border-radius:1rem;place-items:center;width:100%;min-height:90px;display:grid;overflow:hidden}.finger-line{background:var(--color-text);flex-shrink:0;height:2px;position:relative}.finger-tick{background:var(--color-text);width:2px;height:24px;position:absolute;top:-11px}.finger-tick-start{left:-1px}.finger-tick-end{right:-1px}.finger-tick span{font-size:.625rem;font-weight:700;position:absolute;top:26px;left:1px;transform:translate(-50%)}.finger-control-deck{max-width:44rem}.finger-control-deck>p{margin:0;font-size:.8125rem}.site-footer{border-block-start:1px solid var(--color-border);color:var(--color-text-secondary);padding-block:2.5rem 1.5rem;font-size:.875rem}.footer-grid{border-block-end:1px solid var(--color-border);grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);padding-block-end:2rem;display:grid}.footer-brand p{color:var(--color-text-secondary);max-width:22rem;margin-block-start:.75rem;font-size:.875rem;line-height:1.6}.footer-column{flex-direction:column;gap:.75rem;display:flex}.footer-heading{color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:750}.footer-column nav{flex-direction:column;gap:.5rem;display:flex}.footer-column a{color:var(--color-text-secondary);overflow-wrap:break-word;font-size:.875rem;text-decoration:none;transition:color .15s}.footer-column a:hover{color:var(--color-text);text-decoration:underline}.footer-bottom{color:var(--color-text-secondary);padding-block-start:1.5rem;font-size:.8125rem}@media (width<=58rem){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=32rem){.footer-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=47.999rem){.shell{width:min(100% - 1.5rem,72rem)}.desktop-navigation{display:none}.mobile-navigation{display:block}.theme-control select{width:6.5rem;max-width:none;padding-inline:.625rem 1.5rem}.hero-content{padding-block:clamp(1.5rem,7vw,2.5rem)}}@media (width<=29.999rem){h1{font-size:clamp(2rem,11vw,3rem)}.header-content{gap:.375rem}.wordmark{font-size:.9375rem}.wordmark-mark{border-width:.1875rem;width:1.125rem;height:1.125rem}.hero-actions{display:grid}.button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.result-workspace{max-width:42rem;padding-bottom:1rem}.result-workspace .result-size{color:var(--color-primary);text-wrap:balance;margin-block:.75rem;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1.15}.result-physical{font-variant-numeric:tabular-nums;font-weight:650}.result-equivalents{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-block:1.5rem;display:grid}.result-equivalents>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;padding:.875rem .5rem}.result-equivalents dt{color:var(--color-text-secondary);font-size:.75rem}.result-equivalents dd{margin:.375rem 0 0;font-size:1.25rem;font-weight:750}.result-calibration{font-weight:650}.result-workspace select{width:min(100%,20rem);min-height:2.75rem;margin:.5rem auto;display:block}.result-workspace label span{color:var(--color-text-secondary)}.result-chart{text-align:left;border-top:1px solid var(--color-border);margin-top:1.25rem}.result-chart summary{cursor:pointer;min-height:2.75rem;padding:.875rem 0;font-weight:650}.result-chart-scroll{max-height:20rem;overflow:auto}.result-chart table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.result-chart th,.result-chart td{border-bottom:1px solid var(--color-border);text-align:left;padding:.625rem}.result-chart caption{text-align:left;color:var(--color-text-secondary);padding-bottom:.75rem}.result-control-deck{flex-wrap:wrap;justify-content:center;display:flex}.result-control-deck .button{flex:8rem;padding-inline:.5rem;font-size:.875rem}.result-control-deck>p{width:100%;margin:0;font-size:.8125rem}.result-control-deck>p:empty{display:none}.result-workspace textarea{width:100%;margin-top:.5rem;padding:.75rem;display:block}@media (width<=25rem){.result-equivalents{grid-template-columns:1fr;gap:.5rem;margin-block:1rem}.result-equivalents>div{text-align:left;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.result-equivalents dd{margin:0}}.calibration-workspace:not(:has(input[name=measurement-method][value=finger]:checked)) .finger-manual-entry{display:none}.finger-manual-entry{margin-block:1rem}[data-finger-manual-adjustments]{text-align:left;width:100%}[data-finger-manual-adjustments] input,.calculator-inputs input,.calculator-inputs select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-text);font:inherit;border-radius:.5rem;padding:.5rem .75rem;display:block}[data-finger-entry-error]{color:var(--color-danger);margin:.375rem 0 0;font-size:.8125rem}[data-finger-entry-error]:empty{display:none}[data-finger-input-toggle]{justify-self:center}.calculator-inputs{gap:.5rem;max-width:28rem;display:grid}#calculator-error{color:var(--color-danger)}.size-system-tabs{border:0;min-width:0;margin:1.5rem 0;padding:0}.size-system-tabs legend{margin-bottom:.5rem;font-weight:700}.size-system-tabs>div{flex-wrap:wrap;gap:.5rem;display:flex}.size-system-tabs label{border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.size-system-tabs label:has(:checked){border-color:var(--color-primary);font-weight:700}.size-system-tabs label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.conversion-result{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;margin-block:1.5rem;padding:clamp(.75rem,3vw,1.5rem)}.conversion-result h2{margin-top:0}.conversion-equivalents{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem;display:grid}.conversion-equivalents dd{margin:.25rem 0 0;font-size:1.25rem;font-weight:700}