.detail-page .capability-detail{gap:48px;grid-template-columns:.9fr 1.15fr}
.product-view{min-width:0}
.product-view figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.product-view-open{display:block;padding:10px 10px 0;background:#101112;text-decoration:none}
.product-view-open img{display:block;width:100%;height:auto;border-radius:6px}
.product-view-open>span{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 8px;color:var(--text);font-size:14px;font-weight:600}
.product-view-open>span>span{color:var(--signal);font-size:22px}
.product-view-open:hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--signal)}
.product-view figcaption{padding:20px 22px;border-top:1px solid var(--line)}
.product-view figcaption>strong{font-size:21px;color:var(--text)}
.product-view figcaption p{margin:8px 0;font-size:15px;line-height:1.6}
.product-view figcaption small{font-size:12px;color:var(--muted)}
.product-example{margin-top:18px;border-block:1px solid var(--line)}
.product-example>summary{padding:16px 4px;cursor:pointer;font-size:15px;line-height:1.5;color:var(--text)}
.product-example>summary::marker{color:var(--signal)}
.product-example>div{margin:0 0 16px}
.product-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:12px;background:#111;color:var(--text);overflow:auto}
.product-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}
.product-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;position:sticky;top:0;background:#171717;border-bottom:1px solid var(--line);z-index:1}
.product-dialog-bar h2{font-size:23px;letter-spacing:-.025em}
.product-dialog-close{color:#fff;background:var(--action);border:1px solid var(--action);border-radius:5px;min-height:44px;padding:8px 16px;white-space:nowrap}
.product-dialog-close span{margin-left:12px;font-size:22px}
.product-dialog-image{overflow:auto;background:#0c0d0e}
.product-dialog-image img{display:block;width:100%;height:auto}
#product-dialog-caption{padding:17px 22px;font-size:14px}
@media(max-width:1000px){.detail-page .capability-detail{grid-template-columns:1fr;gap:32px}.product-view{width:100%}}
@media(max-width:600px){.product-view figcaption{padding:18px}.product-dialog-bar{padding:12px}.product-dialog-bar h2{font-size:20px}.product-dialog-image img{width:1000px;min-width:1000px;max-width:none}#product-dialog-caption:after{content:' Swipe across the image to inspect the full view.'}.product-view-open>span{font-size:13px}}