/* Product content uses the existing theme and native video controls. */
.product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.product-story,.product-walkthrough{min-width:0}
.product-story h3{font-size:clamp(20px,2.2vw,26px);line-height:1.3;margin:10px 0 14px}
.product-story h4,.product-walkthrough h4{font-size:16px;margin:22px 0 10px}
.product-story p,.product-steps,.product-question{font-size:14px;line-height:1.75}
.product-story p{margin:12px 0}
.product-film{margin:20px 0;min-width:0}
.product-film video{display:block;width:100%;height:auto;aspect-ratio:1280/900;object-fit:contain;border-radius:14px;background:#090f1c;border:1px solid rgba(148,163,184,.3)}
.product-film figcaption{font-size:12px;line-height:1.6;margin-top:8px;opacity:.8}
.product-steps{padding-left:22px;margin:12px 0 20px}
.product-steps li{margin:10px 0;padding-left:3px}
.product-question{border-top:1px solid rgba(148,163,184,.3);padding-top:12px;margin-top:16px}
.product-question summary{cursor:pointer;font-weight:600;line-height:1.6}
.product-question p{margin:10px 0}
.product-related{margin:22px 0;font-size:14px;line-height:1.8}
.product-related a{text-decoration:underline;text-underline-offset:3px}
.product-walkthrough{margin:20px 0}
.product-story,.product-question,.product-related{overflow-wrap:anywhere}
.product-story[id]{scroll-margin-top:100px}
@media(max-width:800px){.product-pair{grid-template-columns:minmax(0,1fr)}.product-story{padding:22px 18px}.product-film{margin:16px 0}}