.review-scroll-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-scroll-kicker{color:var(--color-text-muted);font:600 .6875rem/1.5 var(--font-family-mono);letter-spacing:.07em;text-transform:uppercase}.review-scroll-review h1{letter-spacing:-.035em;margin:.55rem 0 0;font-size:clamp(2rem,4vw,3.5rem);font-weight:570;line-height:1.08}.review-scroll-intro{max-width:67ch;color:var(--color-text-muted);margin:1rem 0 0;font-size:1rem;line-height:1.65}.review-scroll-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-scroll-review section+section{margin-top:4rem}.review-scroll-review h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem;font-weight:570;line-height:1.3}.review-scroll-sectionCopy{max-width:65ch;color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.8125rem;line-height:1.55}.review-scroll-options{gap:1.5rem;display:grid}.review-scroll-option{min-width:0}.review-scroll-optionHeading{border-bottom:1px solid var(--color-line-subtle);align-items:baseline;gap:.75rem;padding:0 .25rem .7rem;display:flex}.review-scroll-optionHeading>span{color:var(--color-text-muted);font:.6875rem/1.5 var(--font-family-mono)}.review-scroll-optionHeading h3{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.review-scroll-optionHeading p{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.75rem;line-height:1.4}.review-scroll-optionPreview .demo,.review-scroll-optionPreview .site-demo{margin:.75rem 0 0}.review-scroll-optionNote{color:var(--color-text-muted);margin:.65rem .25rem 0;font-size:.75rem;line-height:1.5}.review-scroll-originalArea,.review-scroll-area{overscroll-behavior:contain;width:100%;min-width:0;height:12rem;overflow:auto}.review-scroll-originalArea{background:var(--color-demo-surface)}.review-scroll-layerList{gap:.5rem;padding:.75rem;display:grid}.review-scroll-layer{align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.review-scroll-layer span:last-child{font-size:.8125rem}.review-scroll-previousArea{box-shadow:none;background:0 0;border:0;border-radius:0}.review-scroll-sectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;display:flex}.review-scroll-sectionHeading p{color:var(--color-text-muted);margin:0 0 1rem;font-size:.8125rem}.review-scroll-sectionHeading a{color:var(--color-blue-60);font-size:.8125rem;text-decoration:none}.review-scroll-sectionHeading a:hover{text-decoration:underline}.review-scroll-sectionHeading a:focus-visible{outline:2px solid var(--color-blue-60);outline-offset:4px;border-radius:2px}.review-scroll-review section:last-child>.demo,.review-scroll-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}@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)}}.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-surface:var(--color-surface-raised)}@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-surface:var(--color-surface-raised)}@supports (color:lab(0% 0 0)){.dark{--color-line-subtle:lab(100% 0 0/.06)}}}
