.sketch-overview{grid-column:1/-1;min-width:0}
.sketch-overview .article-header{margin-bottom:20px}
.sequence-qualification{max-width:85ch;line-height:1.7;margin-bottom:24px}
.comparison{min-width:0}
.comparison-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.comparison-card{margin:0;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.comparison-image{display:flex;align-items:center;justify-content:center;width:100%;height:320px;background:var(--paper);cursor:zoom-in}
.comparison-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.comparison-card figcaption{padding-top:16px;flex:1}
.comparison-card h2{font-size:1.25rem;line-height:1.4;margin:0 0 6px}
.comparison-card p{margin:0 0 8px}
.work-date{font-size:1rem}
.work-note{font-size:.875rem;color:var(--muted)}
.enlarge-control{margin-top:8px;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--green);text-underline-offset:3px}
.comparison-nav,.viewer-nav,.viewer-zoom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.comparison-nav[hidden],.comparison-card[hidden]{display:none}
.comparison button,#study-viewer button{min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--green);background:var(--paper);border-radius:3px}
.comparison-explore{margin-top:22px;text-underline-offset:4px}
.comparison.is-narrow .comparison-track{display:block}
.comparison.is-narrow .comparison-image{height:clamp(220px,65svh,440px);touch-action:pan-y pinch-zoom}
.comparison.is-narrow .comparison-card figcaption{min-height:6.5rem}
.sketch-study{scroll-margin-top:24px;margin-bottom:56px}
.sketch-study>.article-header h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0}
#study-viewer{width:calc(100% - 24px);max-width:1440px;max-height:calc(100dvh - 24px);padding:16px 20px;overflow:auto;overscroll-behavior:contain;background:var(--paper)}
#study-viewer::backdrop{background:#101310ec}
.viewer-header{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:14px}
.viewer-header h2{font-size:1.5rem;line-height:1.3;overflow-wrap:anywhere;margin:6px 0}
#viewer-close{flex:none}
.viewer-stage{position:relative;overflow:hidden;height:clamp(160px,55dvh,800px);width:100%;background:var(--paper);touch-action:none;cursor:default;user-select:none}
.viewer-stage.is-zoomed{cursor:grab}
.viewer-stage.is-dragging{cursor:grabbing}
#viewer-image{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;transform-origin:0 0;pointer-events:none;user-select:none}
#viewer-image[hidden]{display:none}
.viewer-caption{padding-top:12px;font-size:.9375rem;line-height:1.5}
.viewer-caption p{margin:0 0 8px}
#viewer-date{font-weight:bold}
#viewer-qualification{max-width:95ch}
.viewer-zoom,.viewer-nav{margin-top:12px}
#viewer-zoom-status{min-width:7ch;text-align:center}
#study-viewer :focus-visible{outline:3px solid #a15b00;outline-offset:3px}
.viewer-stage:focus-visible{outline-offset:-3px!important}
body.study-viewer-open{overflow:hidden}
@media(max-width:760px){.sketch-overview{margin-bottom:32px}#study-viewer{padding:12px}.viewer-header{gap:12px}.viewer-header h2{font-size:1.2rem}.viewer-stage{height:45dvh;min-height:160px}.viewer-caption{font-size:.875rem}.viewer-nav,.viewer-zoom{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.comparison-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.comparison-card[hidden]{display:flex!important}.comparison-image{height:180px!important}.comparison-nav,.enlarge-control,#study-viewer{display:none!important}.sketch-overview{break-inside:avoid}}

/* Approved display adjustment; the original image file is unchanged. */
.comparison-image img[src="assets/studies/new-england-woods.jpg"],
#study-viewer #viewer-image[src="assets/studies/new-england-woods.jpg"]{filter:brightness(1.05)}