.detail-intro{background:var(--navy);color:#fff}.detail-breadcrumb{color:#c8d7eb;padding-top:23px;font-size:13px}.detail-breadcrumb ol{flex-wrap:wrap;gap:5px 10px;margin:0;padding:0;list-style:none;display:flex}.detail-breadcrumb li+li:before{content:"/";color:#96a8c4;margin-right:10px}.detail-breadcrumb a:hover,.detail-category:hover{text-decoration:underline}.detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);padding-block:30px 48px;display:grid}.detail-category{color:#bed8ff;margin-bottom:13px;font-size:14px;font-weight:750;display:inline-block}.detail-copy h1{max-width:14ch;font-size:clamp(36px,4.5vw,64px);font-weight:830}.detail-copy p{color:#dbe5f3;max-width:48ch;margin-top:15px;font-size:18px}.detail-highlights{gap:8px;margin-top:19px;display:grid}.detail-highlights li{align-items:flex-start;gap:9px;font-size:15px;display:flex}.detail-highlights svg{color:#a5caff;flex:none;margin-top:2px}.detail-information{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);padding-block:44px 52px;display:grid}.detail-information h2{font-size:clamp(27px,3vw,38px)}.detail-specifications{border-collapse:collapse;text-align:left;width:100%;margin-top:20px;font-size:14px}.detail-specifications tr{border-top:1px solid var(--line)}.detail-specifications tr:last-child{border-bottom:1px solid var(--line)}.detail-specifications th,.detail-specifications td{vertical-align:top;padding:12px 12px 12px 0}.detail-specifications th{width:39%}.detail-specifications td,.detail-faq dd{color:#3e526b}.detail-faq{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px)}.detail-faq dl{margin-top:20px}.detail-faq dl>div{border-top:1px solid var(--line);padding-block:13px}.detail-faq dt{font-size:16px;font-weight:750}.detail-faq dd{margin-top:5px;font-size:14px}.detail-workshop{background:#f3f7fd;border-top:1px solid #e1eaf7;padding-block:38px 46px}.detail-workshop h2{font-size:clamp(27px,3vw,38px)}.detail-workshop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.detail-workshop-grid figure{background:#fff;border:1px solid #dce5f1;border-radius:12px;margin:0;overflow:hidden}.detail-workshop-grid img{width:100%;height:auto}.detail-workshop-grid figcaption{padding:15px}.detail-workshop-grid p{color:#3e526b;margin-top:6px;font-size:14px;line-height:1.5}@media (max-width:820px){.detail-hero,.detail-information{grid-template-columns:minmax(0,1fr)}.detail-photo{max-width:600px}.detail-faq{border-left:0;padding-left:0}.detail-workshop-grid{grid-template-columns:minmax(0,1fr)}}