.review-viewport-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-viewport-kicker{color:var(--color-text-muted);font:600 .6875rem/1.5 var(--font-family-mono);letter-spacing:.07em;text-transform:uppercase}.review-viewport-review h1{letter-spacing:-.035em;margin:.55rem 0 0;font-size:clamp(2rem,4vw,3.5rem);font-weight:570;line-height:1.08}.review-viewport-intro{max-width:67ch;color:var(--color-text-muted);margin:1rem 0 0;font-size:1rem;line-height:1.65}.review-viewport-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-viewport-review section+section{margin-top:4rem}.review-viewport-review h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem;font-weight:570;line-height:1.3}.review-viewport-sectionCopy{max-width:65ch;color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.8125rem;line-height:1.55}.review-viewport-options{gap:1.5rem;display:grid}.review-viewport-option{min-width:0}.review-viewport-optionHeading{border-bottom:1px solid var(--color-line-subtle);align-items:baseline;gap:.75rem;padding:0 .25rem .7rem;display:flex}.review-viewport-optionHeading>span{color:var(--color-text-muted);font:.6875rem/1.5 var(--font-family-mono)}.review-viewport-optionHeading h3{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.review-viewport-optionHeading p{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.75rem;line-height:1.4}.review-viewport-optionPreview .demo,.review-viewport-optionPreview .site-demo{margin:.75rem 0 0}.review-viewport-optionNote{color:var(--color-text-muted);margin:.65rem .25rem 0;font-size:.75rem;line-height:1.5}.review-viewport-current,.review-viewport-candidate{min-width:0}.review-viewport-current .demo-viewport-frame{background:0 0;padding:0}.review-viewport-current .demo-viewport-shell{background:0 0;border-radius:0;outline:0}.review-viewport-current .demo-viewport-toolbar{gap:var(--spacing-xs);border:0;border-top:1px solid var(--color-demo-line);background:0 0;border-radius:0}.review-viewport-current .demo-viewport-status{color:var(--color-demo-muted);font:.625rem var(--font-family-mono)}.review-viewport-current .demo-viewport-presets{gap:var(--spacing-xs);background:0 0;border:0;border-radius:0;padding:0}.review-viewport-current .demo-viewport-presets .demo-button{border-color:var(--color-demo-line);background:var(--color-demo-surface);min-height:2rem}.review-viewport-current .demo-viewport-presets .demo-button[aria-pressed=true]{border-color:var(--color-demo-blue);background:var(--color-demo-surface);box-shadow:none}.review-viewport-current .demo-viewport-width{min-height:0}.review-viewport-sectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;display:flex}.review-viewport-sectionHeading p{color:var(--color-text-muted);margin:0 0 1rem;font-size:.8125rem}.review-viewport-sectionHeading a{color:var(--color-blue-60);font-size:.8125rem;text-decoration:none}.review-viewport-sectionHeading a:hover{text-decoration:underline}.review-viewport-sectionHeading a:focus-visible{outline:2px solid var(--color-blue-60);outline-offset:4px;border-radius:2px}.review-viewport-review section:last-child>.demo,.review-viewport-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-xs:.5rem;--color-blue-40:#3989ff}@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-blue-40:lab(56.9889% 7.3145 -66.9423)}}.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-muted:var(--color-text-muted);--color-demo-surface:var(--color-surface-raised);--color-demo-blue:var(--color-blue-60)}@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-muted:var(--color-text-muted);--color-demo-surface:var(--color-surface-raised);--color-demo-blue:var(--color-blue-40)}@supports (color:lab(0% 0 0)){.dark{--color-line-subtle:lab(100% 0 0/.06)}}}