:root{--ink:#37352f;--muted:#787774;--line:#e9e9e7;--blue:#2383e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.72 Inter,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}img,video{display:block;max-width:100%}.skip{position:absolute;top:-80px;left:12px;padding:8px;background:white;z-index:5}.skip:focus{top:8px}.topbar{height:44px;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#595854}.topbar span{color:#b6b4af;padding:0 4px}.topbar a{color:#595854}article{max-width:840px;margin:auto;padding:62px 24px 100px}.page-icon{font-size:48px;line-height:1;margin-bottom:24px}.meta,.section-kicker{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:10px}h1,h2{line-height:1.25;letter-spacing:-.025em;color:#2e2e2c}h1{font-size:clamp(34px,4.4vw,51px);margin:0 0 25px}h2{font-size:clamp(25px,3vw,31px);margin:0 0 15px}p{margin:0 0 17px}.intro{font-size:19px;line-height:1.6}.callout{background:#f7f7f5;border-radius:4px;padding:15px 18px;font-size:14px;margin:26px 0 0}section{margin-top:55px;padding-top:44px;border-top:1px solid var(--line);scroll-margin-top:24px}.source-block{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:30px;align-items:start;margin-top:25px}.source-block figure,.evidence{margin:0}.source-block figure img{width:100%;height:380px;object-fit:contain;background:#f5f5f4;border:1px solid var(--line);border-radius:4px}.source-block figcaption,.evidence figcaption,.extra figcaption{font-size:12px;color:var(--muted);margin-top:7px}.source-block ul{margin:2px 0 19px;padding-left:22px}.source-block li{margin:5px 0}.source-block details{margin-top:24px}.source-block summary,.extra summary{cursor:pointer;color:var(--blue);font-size:14px}.detail-img{width:100%;margin-top:15px;border:1px solid var(--line);border-radius:4px}.result-table{border-top:1px solid var(--line);margin-top:25px;font-size:14px}.result-head,.result-row{display:grid;grid-template-columns:160px 1fr 1.2fr;gap:20px;padding:16px 8px;border-bottom:1px solid var(--line)}.result-head{color:var(--muted);font-size:12px;font-weight:600}.result-row b{display:block;font-weight:600}.result-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.status{display:block;width:max-content;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;margin-bottom:6px}.success{color:#2c6848;background:#e3f3e9}.partial{color:#8a6323;background:#fbf1d9}.rejected{color:#aa4642;background:#fbe9e7}.section-kicker{margin-bottom:9px}.evidence{margin:26px 0}.small-photo{max-width:390px}.small-photo img{width:100%;max-height:520px;object-fit:contain;background:#f5f5f4;border:1px solid var(--line);border-radius:4px}.extra{margin:20px 0 25px}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.extra-grid figure{margin:0}.extra-grid img{width:100%;height:245px;object-fit:cover;background:#f5f5f4;border-radius:4px}.model{border-left:3px solid #e1e0dc;background:#fafaf9;padding:9px 14px;font-size:13px;color:#676660;margin:26px 0 0}.video-figure{max-width:370px}.video-figure video{width:100%;aspect-ratio:3/4;object-fit:contain;background:#171717;border-radius:4px}.compare{width:min(100%,480px);aspect-ratio:421/561;position:relative;overflow:hidden;background:#141414;touch-action:pan-y;margin:26px 0;border-radius:4px}.compare img{height:100%;width:100%;object-fit:cover}.compare-after{position:absolute;inset:0}.compare-before{position:absolute;inset:0 auto 0 0;overflow:hidden;width:50%;height:100%}.compare-before img{width:min(480px,calc(100vw - 48px));max-width:none;object-position:left center}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;pointer-events:none}.compare-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink);box-shadow:0 2px 10px #0005}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-label{position:absolute;top:12px;background:#fff;color:var(--ink);font-size:12px;padding:4px 7px;pointer-events:none}.compare-label.left{left:12px}.compare-label.right{right:12px}footer{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;color:var(--muted);font-size:12px}@media(max-width:660px){article{padding:38px 20px 70px}.page-icon{font-size:40px}.intro{font-size:17px}.source-block{grid-template-columns:1fr;gap:22px}.source-block figure{max-width:360px}.result-head{display:none}.result-row{grid-template-columns:1fr;gap:9px;padding:18px 0}.result-row>div{padding:0}.extra-grid{grid-template-columns:1fr 1fr}.extra-grid img{height:190px}.compare-before img{width:min(480px,calc(100vw - 40px))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.comparison-title{font-size:13px;font-weight:600;color:#5d5b56;margin:26px 0 12px}.attempt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 25px}.attempt{margin:0;min-width:0}.attempt video,.attempt img{display:block;width:100%;height:370px;object-fit:contain;background:#f4f4f2;border:1px solid var(--line);border-radius:0 0 4px 4px}.attempt video{background:#171717}.attempt-label{padding:6px 9px;font-size:11px;font-weight:600;border-radius:4px 4px 0 0;background:#f5f5f4;color:#666}.attempt-label.reject{background:#fbe9e7;color:#a5403b}.attempt-label.accept{background:#e3f3e9;color:#2c6848}.attempt-label.neutral{background:#f0f0ee;color:#61605b}.attempt figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:8px}.image-attempts .attempt img{height:310px}.image-attempts a:hover img{outline:2px solid var(--blue);outline-offset:-2px}@media(max-width:660px){.attempt-grid{grid-template-columns:1fr}.attempt video{height:420px}.image-attempts .attempt img{height:360px}}
.image-attempts .attempt img{height:380px}
.extra h3{font-size:16px;line-height:1.4;margin:0 0 12px;font-weight:600;color:#37352f}.extra-grid{margin-top:0}
.compare{width:100%;max-width:none}.compare-before img{max-width:none}
.extra-grid img{height:auto;aspect-ratio:auto;object-fit:contain}
