.review-measure-review{width:min(100%,78rem);color:var(--color-text-body);margin:0 auto;padding:clamp(3.75rem,5vw,5rem) clamp(1.25rem,4vw,3rem) 7rem}.review-measure-kicker{color:var(--color-text-muted);font:600 .6875rem/1.5 var(--font-family-mono);letter-spacing:.07em;text-transform:uppercase}.review-measure-review h1{letter-spacing:-.035em;margin:.55rem 0 0;font-size:clamp(2rem,4vw,3.5rem);font-weight:570;line-height:1.08}.review-measure-intro{max-width:67ch;color:var(--color-text-muted);margin:1rem 0 0;font-size:1rem;line-height:1.65}.review-measure-reviewNote{border-left:2px solid var(--color-blue-60);background:var(--color-surface-raised);max-width:67ch;color:var(--color-text-muted);margin:1.5rem 0 3.5rem;padding:.8rem 1rem;font-size:.8125rem;line-height:1.6}.review-measure-review section+section{margin-top:4rem}.review-measure-review h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem;font-weight:570;line-height:1.3}.review-measure-sectionCopy{max-width:65ch;color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.8125rem;line-height:1.55}.review-measure-options{gap:1.5rem;display:grid}.review-measure-option{min-width:0}.review-measure-optionHeading{border-bottom:1px solid var(--color-line-subtle);align-items:baseline;gap:.75rem;padding:0 .25rem .7rem;display:flex}.review-measure-optionHeading>span{color:var(--color-text-muted);font:.6875rem/1.5 var(--font-family-mono)}.review-measure-optionHeading h3{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.review-measure-optionHeading p{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.75rem;line-height:1.4}.review-measure-optionPreview .demo,.review-measure-optionPreview .site-demo{margin:.75rem 0 0}.review-measure-optionNote{color:var(--color-text-muted);margin:.65rem .25rem 0;font-size:.75rem;line-height:1.5}.review-measure-originalStage{width:100%;min-width:0}.review-measure-originalContent{width:100%;min-height:8rem;padding:var(--spacing-lg);border:1px solid var(--color-demo-line);border-radius:var(--radius-sm);background:var(--color-demo-surface);align-content:center;display:grid}.review-measure-originalContent strong{color:var(--color-text-strong);font-size:.875rem}.review-measure-originalContent p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.75rem}.review-measure-interactive{min-width:0}.review-measure-controls{margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;gap:.625rem 1rem;display:flex}.review-measure-controls>label:first-child{color:var(--color-text-muted);align-items:baseline;gap:.5rem;font-size:.75rem;display:flex}.review-measure-controls output{color:var(--color-text-strong);font:500 .75rem/1.4 var(--font-family-mono)}.review-measure-controls>input[type=range]{min-width:8rem;max-width:19rem;accent-color:var(--color-demo-blue);flex:10rem}.review-measure-detailToggle{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.review-measure-detailToggle input{accent-color:var(--color-demo-blue)}.review-measure-controls :is(input[type=range],input[type=checkbox]):focus-visible{outline:2px solid var(--color-demo-blue);outline-offset:3px}.review-measure-stage{min-width:0;padding:var(--spacing-md);border:1px solid var(--color-demo-line);border-radius:var(--radius-sm);background:var(--color-demo-canvas);justify-content:center;display:flex}.review-measure-widthBoundary{min-width:0;max-width:100%}.review-measure-measuredSurface{min-height:6rem;padding:var(--spacing-md)}.review-measure-measuredSurface strong{color:var(--color-text-strong);font-size:.875rem}.review-measure-measuredSurface p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.75rem;line-height:1.5}.review-measure-stageNote{margin:var(--spacing-sm) 0 0;color:var(--color-text-muted);font-size:.75rem;line-height:1.5}.review-measure-previousMeasureLine{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--color-demo-muted);font-family:var(--font-mono), monospace;font-size:.625rem;display:flex}.review-measure-previousMeasureLine:before,.review-measure-previousMeasureLine:after{content:"";border-top:1px solid var(--color-demo-blue);border-inline:1px solid var(--color-demo-blue);flex:1;height:.375rem}.review-measure-sectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;display:flex}.review-measure-sectionHeading p{color:var(--color-text-muted);margin:0 0 1rem;font-size:.8125rem}.review-measure-sectionHeading a{color:var(--color-blue-60);font-size:.8125rem;text-decoration:none}.review-measure-sectionHeading a:hover{text-decoration:underline}.review-measure-sectionHeading a:focus-visible{outline:2px solid var(--color-blue-60);outline-offset:4px;border-radius:2px}.review-measure-review section:last-child>.demo,.review-measure-review section:last-child>.site-demo{margin:.75rem 0 0}@layer theme{:root,:host{--color-text-body:var(--color-neutral-70);--color-neutral-70:#414452;--color-gray-30:#a9a9a9;--color-text-muted:var(--color-neutral-60);--color-neutral-60:#585d6e;--color-gray-40:#8f8f8f;--font-family-mono:var(--font-mono,ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-mono:"IBM Plex Mono";--color-blue-60:#2248ff;--color-surface-raised:#fff;--color-gray-90:#1e1e1e;--color-line-subtle:#0000000f;--spacing-lg:1.5rem;--radius-sm:.25rem;--color-text-strong:var(--color-neutral-100);--color-neutral-100:#08090c;--color-blue-40:#3989ff;--spacing-md:1rem;--color-surface-base:var(--color-neutral-0);--color-neutral-0:#f8fafc;--color-gray-95:#131313;--spacing-sm:.75rem;--spacing-xs:.5rem}@supports (color:lab(0% 0 0)){:root,:host{--color-neutral-70:lab(29.0712% .942826 -8.89763);--color-gray-30:lab(69.26% -.0000298023 0);--color-neutral-60:lab(39.4847% 1.07358 -10.3917);--color-gray-40:lab(59.4% 0 0);--color-blue-60:lab(39.7317% 43.0116 -95.0928);--color-surface-raised:lab(100% 0 0);--color-gray-90:lab(11.26% .00000745058 -.00000298023);--color-line-subtle:lab(0% 0 0/.06);--color-neutral-100:lab(2.45684% .114791 -1.30006);--color-blue-40:lab(56.9889% 7.3145 -66.9423);--color-neutral-0:lab(98.1184% -.366926 -1.18192);--color-gray-95:lab(5.71933% 0 0)}}.light{--color-text-body:var(--color-neutral-70);--color-text-muted:var(--color-neutral-60);--color-surface-raised:#fff;--color-line-subtle:#0000000f;--color-demo-line:var(--color-line-subtle);--color-demo-surface:var(--color-surface-raised);--color-text-strong:var(--color-neutral-100);--color-demo-blue:var(--color-blue-60);--color-demo-canvas:var(--color-surface-base);--color-surface-base:var(--color-neutral-0);--color-demo-muted:var(--color-text-muted)}@supports (color:lab(0% 0 0)){.light{--color-surface-raised:lab(100% 0 0);--color-line-subtle:lab(0% 0 0/.06)}}.dark{--color-text-body:var(--color-gray-30);--color-text-muted:var(--color-gray-40);--color-surface-raised:var(--color-gray-90);--color-line-subtle:#ffffff0f;--color-demo-line:var(--color-line-subtle);--color-demo-surface:var(--color-surface-raised);--color-text-strong:#fff;--color-demo-blue:var(--color-blue-40);--color-demo-canvas:var(--color-surface-base);--color-surface-base:var(--color-gray-95);--color-demo-muted:var(--color-text-muted)}@supports (color:lab(0% 0 0)){.dark{--color-line-subtle:lab(100% 0 0/.06);--color-text-strong:lab(100% 0 0)}}}
