.comparison-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-block:64px 44px;display:grid}.comparison-intro h1{font-family:var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(42px,5.1vw,72px);font-weight:420;line-height:1.04}.comparison-intro h1 em{color:var(--red);font-weight:420}.comparison-intro>p{color:#59574f;max-width:40ch;margin:0;font-size:19px;line-height:1.6}.comparison-workspace{border-block:1px solid var(--rule);padding-block:32px 0}.comparison-workspace form{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;max-width:960px;margin-inline:auto;display:grid}.comparison-file-area>p{text-align:center;color:#59574f;margin:12px 0 0;font-size:12px}.comparison-upload{cursor:pointer;background:#ffffff47;border:1px dashed #8b877c;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:24px;display:flex;position:relative}.comparison-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.comparison-upload:focus-within{outline:2px solid var(--ink);outline-offset:4px}.comparison-upload:hover{border-color:var(--ink);background:#ffffff80}.comparison-upload>span{font-size:16px;font-weight:600}.comparison-upload small{color:#59574f;text-align:center;font-size:12px}.comparison-upload.has-cover{gap:10px;padding:16px}.comparison-upload-preview{object-fit:contain;width:100%;height:190px}.comparison-options>label{margin-bottom:10px;font-size:15px;font-weight:650;display:block}.comparison-options select{background-color:var(--paper);width:100%;min-height:50px;color:var(--ink);border:1px solid #8b877c;border-radius:0;padding:10px 40px 10px 14px;font-size:16px}.comparison-chart-date{color:#59574f;min-height:18px;margin:10px 0 28px;font-size:12px}.comparison-create{background:var(--ink);min-height:50px;color:var(--paper);border:1px solid var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 25px;font-weight:600;display:inline-flex}.comparison-create:hover:not(:disabled){background:#38382f}.comparison-create:disabled{color:#59574f;cursor:not-allowed;background:#d8d4c9;border-color:#d8d4c9}.comparison-format-note{color:#59574f;max-width:44ch;margin:14px 0 0;font-size:13px;line-height:1.6}.comparison-feedback{min-height:40px;padding-block:10px}.comparison-feedback p{margin:0;font-size:13px;line-height:1.6}.comparison-feedback [role=alert]{color:#9e2920}.comparison-unavailable{padding-block:24px 40px}.comparison-unavailable h2{font-family:var(--serif);margin:0 0 12px;font-size:32px;font-weight:450}.comparison-unavailable p{color:#59574f}.comparison-unavailable a{text-underline-offset:4px;align-items:center;gap:10px;min-height:44px;text-decoration:underline;display:inline-flex}.comparison-results{padding-block:48px 64px;scroll-margin-top:100px}.comparison-results-intro{margin-bottom:32px}.comparison-results h2{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 12px;font-size:40px;font-weight:420;line-height:1.1}.comparison-results-intro p{color:#59574f;margin:0;font-size:13px;line-height:1.7}.comparison-results a{text-underline-offset:4px}.comparison-results-intro a,.comparison-source a{text-decoration:underline}.comparison-result{margin:0 0 48px}.comparison-result figcaption{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding-block:14px;display:flex}.comparison-result h3{margin:0;font-size:20px;font-weight:550}.comparison-result-actions{align-items:center;gap:22px;display:flex}.comparison-result-actions button,.comparison-result-actions a{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0;font-size:13px;display:inline-flex}.comparison-result-actions a{font-weight:650}.comparison-result-actions button:hover,.comparison-result-actions a:hover{text-decoration:underline}.comparison-image-scroll{overscroll-behavior-inline:contain;border:1px solid var(--rule);background:var(--paper);scrollbar-color:#8b877c var(--paper-deep);width:100%;overflow:auto}.comparison-image-scroll img{width:100%;height:auto;display:block}.comparison-result.is-expanded .comparison-image-scroll img{width:1800px;max-width:none}.comparison-excluded,.comparison-source{color:#59574f;margin:12px 0 0;font-size:12px;line-height:1.6}.comparison-review{border-top:1px solid var(--rule);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;margin-top:48px;padding-top:48px;display:grid}.comparison-review-covers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:460px;margin-inline:auto;display:grid}.comparison-review-covers img{width:100%;height:auto;display:block}.comparison-review h2{text-wrap:balance;max-width:24ch}.comparison-review p{color:#59574f;max-width:54ch;margin:16px 0 24px;font-size:16px;line-height:1.7}.comparison-review-link{background:var(--red);max-width:100%;min-height:48px;color:var(--ink);justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.comparison-review-link:hover{background:var(--ink);color:var(--paper)}.comparison-review-portfolio{align-items:center;gap:8px;width:fit-content;min-height:44px;margin-top:8px;font-size:13px;text-decoration:underline;display:flex}.comparison-review-portfolio:hover{text-decoration-thickness:2px}.cover-comparison-page :is(button,select,a):focus-visible{outline:2px solid var(--ink);outline-offset:4px}.cover-comparison-page ::selection{background:var(--lime);color:var(--ink)}.comparison-spinner{animation:1s linear infinite comparison-spin}@keyframes comparison-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.comparison-intro,.comparison-workspace form{gap:32px}}@media (max-width:800px){.comparison-review{text-align:center;grid-template-columns:1fr;gap:32px}.comparison-review h2,.comparison-review p,.comparison-review-portfolio{margin-inline:auto}.comparison-intro{grid-template-columns:1fr;gap:22px;padding-block:36px 32px}.comparison-intro>p{max-width:48ch;font-size:17px}.comparison-workspace form{grid-template-columns:1fr 1.2fr;gap:24px}.comparison-upload{padding:18px 12px}}@media (max-width:580px){.comparison-workspace{padding-top:24px}.comparison-workspace form{grid-template-columns:1fr;gap:28px}.comparison-upload{min-height:175px}.comparison-create{width:100%}.comparison-chart-date{margin-bottom:22px}.comparison-results{padding-block:32px}.comparison-results h2{font-size:34px}.comparison-result figcaption{flex-direction:column;align-items:flex-start;gap:4px}.comparison-result-actions{justify-content:space-between;gap:12px;width:100%}.comparison-result-actions button,.comparison-result-actions a{font-size:12px}}@media (prefers-reduced-motion:reduce){.comparison-spinner{animation:none}}
