/* Both views use the unchanged 758 × 564 source chart at the same scale.
   Native water-bird panels: (20, 77, 360, 230) and (380, 77, 360, 230). */
.quality-campaign .comparison-preview{width:min(580px,calc(100% - 40px));margin:28px auto 30px;text-align:left}
.comparison-preview .comparison-labels{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:13px;line-height:20px;font-weight:500;color:var(--ab-text)}
.comparison-preview .comparison-labels span:last-child{color:var(--ab-accent)}
.comparison-preview .comparison-stage{--split:50%;position:relative;aspect-ratio:360/230;overflow:hidden;border:1px solid var(--ab-border);border-radius:16px;background:var(--ab-surface);isolation:isolate}
.comparison-preview .comparison-layer{position:absolute;inset:0;overflow:hidden}
.comparison-preview .comparison-layer img{position:absolute;top:-33.478261%;left:-105.555556%;width:210.555556%;max-width:none;height:auto;border:0;border-radius:0;pointer-events:none;user-select:none}
.comparison-preview .comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}
.comparison-preview .comparison-before img{left:-5.555556%}
.comparison-preview .comparison-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 8px #0004;transform:translateX(-50%);pointer-events:none}
.comparison-preview .comparison-stage.is-interactive{cursor:ew-resize;touch-action:pan-y}
.comparison-preview .is-interactive .comparison-divider::after{content:"‹ ›";display:grid;place-items:center;position:absolute;left:50%;top:50%;width:40px;height:40px;border-radius:50%;background:#fff;color:#1d1d1f;font-size:20px;font-weight:500;letter-spacing:4px;padding-left:4px;box-shadow:0 2px 12px #0003;transform:translate(-50%,-50%)}
.comparison-preview .comparison-controls{padding:12px 0 0}
.comparison-preview .comparison-controls[hidden]{display:none}
.comparison-preview .comparison-controls label{display:block;text-align:center;font-size:13px;line-height:20px;color:var(--ab-muted)}
.comparison-preview input[type=range]{display:block;width:100%;height:44px;margin:0;accent-color:var(--ab-accent);cursor:ew-resize;touch-action:pan-y}
.comparison-preview input[type=range]:focus-visible{outline:2px solid var(--ab-accent);outline-offset:2px;border-radius:5px}
.comparison-preview .comparison-note{margin-top:12px;font-size:12px;line-height:19px;text-align:center;color:var(--ab-muted);text-wrap:balance}
.comparison-preview figcaption{display:flex;align-items:center;justify-content:center;gap:6px 18px;flex-wrap:wrap;margin-top:8px;font-size:13px;line-height:22px}
.glacier-site .comparison-preview figcaption a,.glacier-site .comparison-preview .watch-demo{display:inline-flex;align-items:center;min-height:44px;color:var(--ab-accent);font-size:13px;line-height:22px}
.comparison-preview figcaption a:hover{text-decoration:underline}
.scene-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--ab-border);border-radius:14px;background:var(--ab-surface);margin-bottom:16px}
.scene-options[hidden],.scene-preview figcaption [hidden]{display:none}
.scene-options button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ab-muted);font:inherit;font-size:14px;line-height:20px;cursor:pointer}
.scene-options button[aria-pressed="true"]{color:var(--ab-text);background:var(--ab-bg);border-color:var(--ab-border);font-weight:500}
.scene-options button[data-loading],.scene-options button:hover{color:var(--ab-accent)}
.scene-options button:focus-visible{outline:2px solid var(--ab-accent);outline-offset:1px}
.scene-preview .scene-description{margin:0 0 20px;color:var(--ab-muted);font-size:14px;line-height:22px;min-height:44px;text-wrap:pretty}
.scene-preview .comparison-note{min-height:38px}
/* Same normalized crop on both historical craft files: 670,0,400,255.556
   in the 1280×548 input, doubled in the x2 output. No pixel processing. */
.scene-preview[data-layout="craft"] .comparison-layer img{width:320%;left:-167.5%;top:0}
.scene-preview .scene-status{min-height:20px;font-size:12px;line-height:20px;color:var(--ab-muted);text-align:center}
@media(max-width:767px){.scene-options button{font-size:13px}.scene-preview .scene-description{font-size:13px;line-height:21px;min-height:42px}}
@media(max-width:767px){.quality-campaign .comparison-preview{width:calc(100% - 32px);max-width:540px;margin:26px auto 24px}.comparison-preview .comparison-stage{border-radius:12px}.comparison-preview .comparison-labels{font-size:12px;gap:10px;margin-bottom:10px}.comparison-preview .comparison-divider::after{width:34px;height:34px;font-size:18px}.comparison-preview figcaption{gap:2px 14px}}

/* Historical processing examples: files remain unmodified; both sides show
   identical normalized regions even when the output has twice the resolution. */
.tool-evidence{margin-top:54px;padding-top:36px;border-top:1px solid var(--ab-border)}
.tool-evidence-heading{max-width:660px;margin-bottom:24px}
.tool-evidence-heading h2{font-size:30px;line-height:39px;letter-spacing:-.01em;font-weight:500;color:var(--ab-text)}
.tool-evidence-heading p{margin-top:10px;font-size:14px;line-height:23px;color:var(--ab-muted)}
.tool-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tool-evidence-card{min-width:0;padding:22px;background:var(--ab-surface);border:1px solid var(--ab-border);border-radius:20px}
.tool-evidence-card .tool-evidence-kicker{color:var(--ab-muted);font-size:12px;line-height:20px}
.tool-evidence-card h3{margin-top:6px;color:var(--ab-text);font-size:20px;line-height:26px;letter-spacing:-.01em;font-weight:500}
.tool-evidence-card .tool-evidence-description{font-size:14px;line-height:22px;color:var(--ab-muted);margin-top:9px;min-height:44px}
.tool-evidence-card .comparison-preview{margin-top:22px;width:100%;text-align:left}
.tool-evidence-card .comparison-stage{aspect-ratio:4/3}
.tool-evidence-card .comparison-layer img{width:237.037037%;top:-7.407407%;left:-92.592593%}
.tool-evidence-card .comparison-labels{font-size:12px}
.tool-evidence-card .comparison-note{min-height:38px}
.tool-evidence-card figcaption{justify-content:flex-start;gap:4px 20px;margin-top:10px}
.tool-evidence-source{margin-top:18px;font-size:12px;line-height:20px;color:var(--ab-muted)}
.glacier-site .tool-evidence-source a{color:var(--ab-accent)}
@media(max-width:1068px){.tool-evidence-grid{grid-template-columns:1fr}.tool-evidence-card .comparison-stage{max-width:620px;margin-inline:auto}.tool-evidence-card .comparison-preview{max-width:620px;margin-inline:auto}.tool-evidence-card .tool-evidence-description{min-height:0}.tool-evidence-card .comparison-note{min-height:0}}
@media(max-width:767px){.tool-evidence{margin-top:36px;padding-top:28px}.tool-evidence-heading h2{font-size:24px;line-height:31px}.tool-evidence-card{padding:18px;border-radius:16px}.tool-evidence-card h3{font-size:20px;line-height:27px}.tool-evidence-card .tool-evidence-description{font-size:13px;line-height:21px}}