/* Product studies inherit KLM's typography and subdued green palette. */
.product-study{display:grid!important;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:3vw;align-items:center;min-height:100svh!important;overflow:hidden}
.study-copy{max-width:440px}.study-copy h2{font:550 clamp(32px,3.3vw,52px)/1.14 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.04em}.study-copy>p{font-size:15px;line-height:1.8;color:var(--soft);margin-top:24px}.study-copy .study-source{font-size:11px;line-height:1.7;color:var(--muted);margin-top:25px}
.study-viewport{height:clamp(440px,70svh,760px);position:relative;min-width:0;border-radius:26px;background:radial-gradient(ellipse at 54% 46%,#71978b12,transparent 66%);isolation:isolate}
.study-viewport canvas{pointer-events:auto;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;border-radius:26px;outline-offset:-4px}.study-viewport canvas:active{cursor:grabbing}
.study-viewport .study-poster{position:absolute;width:100%;height:100%;object-fit:contain;padding:40px;z-index:-1;opacity:.7}.study-viewport[data-ready=true] .study-poster{display:none}
.study-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:var(--muted);font-size:11px;pointer-events:none}.study-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 22px}.study-toolbar button{font-size:12px;line-height:1.2;padding:12px 17px;border:1px solid #a9bfb030;border-radius:10px;background:#c2dbcb08}.study-toolbar button:hover,.study-toolbar button[aria-pressed=true]{background:#bdd5c218;border-color:#b4c7b87a}.study-toolbar button:first-child{color:var(--fg);border-color:#aebfa55c}
.study-range{display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.study-range input{width:100%;min-width:70px;accent-color:#bed1b5;cursor:ew-resize}.study-range output{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}
.study-parts{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.study-parts button{border-radius:7px;padding:7px 10px;border:1px solid transparent;color:var(--muted);font-size:11px;text-align:left}.study-parts button:hover{color:var(--fg)}.study-parts button[aria-pressed=true]{color:var(--fg);background:#bfd5bf0b;border-color:#bfd5bf35}
.study-caption{border-top:1px solid var(--line);margin-top:17px;padding-top:17px;min-height:96px}.study-caption h3{font-size:14px;font-weight:600;letter-spacing:0}.study-caption p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:8px}.study-error{position:absolute;inset:auto 20px 50px;text-align:center;font-size:12px;line-height:1.7;color:var(--soft)}.study-error[hidden]{display:none}
@media(max-width:1000px) and (min-width:761px){.product-study{grid-template-columns:.9fr 1.1fr;gap:1vw}.study-copy>p{font-size:13px}.study-toolbar button{font-size:11px;padding:10px 12px}.study-parts{gap:2px}.study-parts button{font-size:10px;padding:7px}.study-viewport{height:620px}}
@media(max-width:760px){.product-study{display:flex!important;flex-direction:column;align-items:stretch;gap:0}.study-copy{max-width:none}.study-copy h2{font-size:33px}.study-copy>p{font-size:14px;margin-top:20px}.study-viewport{height:440px;order:2;margin:10px -4vw 0}.study-toolbar{margin-top:22px}.study-source{max-width:90%}.study-caption{min-height:80px}.study-hint{font-size:10px}.study-parts{margin-top:22px}}
@media print{.product-study{break-inside:avoid}.study-toolbar,.study-range,.study-hint{display:none}.study-viewport{height:440px}}

@media(max-width:760px){.study-copy{display:contents}.study-copy h2{order:0}.study-copy>p:not(.study-source){order:1}.study-viewport{order:2;height:380px}.study-toolbar{order:3;margin-top:8px}.study-range{order:4}.study-parts{order:5}.study-caption{order:6}.study-copy>.study-source{order:7;margin-top:22px}}
@media(min-width:761px){.part-label[data-part="coupling"]{top:70%}.part-label[data-part="trigger"]{top:76%}}