.product-detail-page{background:#f4f8fa}.detail-hero{padding:28px 0 clamp(74px,7vw,112px);background:linear-gradient(180deg,#ecf4f8,#f4f8fa 65%)}.detail-breadcrumbs{display:flex;align-items:center;gap:12px;min-height:31px;margin:0 0 clamp(30px,4vw,55px);color:#7690a5;font-size:13px;font-weight:650}.detail-breadcrumbs a{color:#286dad;transition:color .18s ease}.detail-breadcrumbs a:hover{color:var(--blue-600)}.detail-breadcrumbs span:last-child{max-width:min(70vw,440px);overflow:hidden;color:#537086;text-overflow:ellipsis;white-space:nowrap}.detail-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(42px,6vw,92px)}.detail-hero-layout.is-not-found{grid-template-columns:1fr}.detail-visual{position:relative;display:grid;place-items:center;min-height:clamp(390px,40vw,540px);margin:0;padding:clamp(30px,5vw,66px);overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 24px 55px #153c5817}.detail-visual img{width:auto;height:auto;max-width:100%;max-height:405px;object-fit:contain}.detail-image-note{position:absolute;right:20px;bottom:19px;max-width:calc(100% - 40px);padding:7px 10px;border-radius:7px;background:#e9f1f6e6;color:#668096;font-size:11px;font-weight:650;line-height:1.3}.detail-image-empty{display:grid;justify-items:center;gap:16px;color:#8196a6;font-size:13px;font-weight:650;text-align:center}.detail-image-empty svg{width:72px;height:72px;color:#b2c5d2;fill:none;stroke:currentColor;stroke-width:1.4}.detail-summary{min-width:0;padding-block:16px}.detail-eyebrow,.detail-section-kicker{margin:0 0 18px;color:var(--blue-600);font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.detail-tag{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:6px;background:#e1f1ff;color:#1465a6;font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.detail-tag.is-status{background:#fff0dc;color:#9b5b12;letter-spacing:0;text-transform:none}.detail-tag.is-replaced{background:#e9edf8;color:#556691}.detail-summary h1{margin:0;color:#0e2943;font-size:clamp(39px,4.5vw,66px);font-weight:790;letter-spacing:-.055em;line-height:1.06;overflow-wrap:anywhere}.detail-purpose{max-width:540px;margin:21px 0 0;color:#4d687e;font-size:clamp(17px,1.6vw,20px);line-height:1.55}.detail-status-note{width:fit-content;max-width:100%;margin:24px 0 0;padding:13px 17px;border-radius:9px;background:#fff0dc;color:#905713;font-size:13px;font-weight:650;line-height:1.45}.detail-reference{margin:20px 0 0;color:#71899b;font-size:12px;line-height:1.5}.detail-reference-line{display:block;margin-top:4px}.detail-reference strong{margin-left:7px;color:#3a5d76;font-weight:700;overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 25px;margin-top:clamp(30px,4vw,48px)}.detail-inquiry{min-height:52px}.detail-inquiry span{font-size:18px;line-height:1}.detail-back-link{display:inline-flex;align-items:center;gap:7px;color:#0b6ed8;font-size:13px;font-weight:750;line-height:1.4;transition:color .18s ease}.detail-back-link:hover{color:#084fa1}.detail-back-link span:first-child{font-size:17px}.detail-information{padding:0 0 clamp(65px,7vw,100px)}.detail-info-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.detail-info-layout.is-single{grid-template-columns:1fr}.detail-info-panel{min-width:0;padding:clamp(26px,3.2vw,44px);border-radius:22px;background:#fff;box-shadow:0 15px 38px #153c580f}.detail-info-panel h2{margin:0 0 30px;color:#12324e;font-size:clamp(25px,2.4vw,34px);font-weight:770;letter-spacing:-.04em;line-height:1.2}.detail-spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-spec-list>div{min-width:0;padding:18px 19px;border-radius:11px;background:#eff5f8}.detail-spec-list dt{margin:0 0 8px;color:#6f8597;font-size:11px;font-weight:720;line-height:1.35}.detail-spec-list dd{margin:0;color:#173c5a;font-size:16px;font-weight:740;line-height:1.4;overflow-wrap:anywhere}.detail-notes-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.detail-notes-list li{position:relative;padding:17px 18px 17px 33px;border-radius:11px;background:#eff5f8;color:#365870;font-size:14px;line-height:1.62}.detail-notes-list li:before{position:absolute;top:26px;left:18px;width:6px;height:6px;border-radius:50%;background:#1494d4;content:""}.detail-source-note{max-width:890px;margin:27px 0 0;color:#7890a2;font-size:12px;line-height:1.6}.detail-related{padding:clamp(62px,7vw,94px) 0;background:#eaf2f6}.detail-related-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.detail-related-heading h2{margin:0;color:#12324e;font-size:clamp(29px,3vw,42px);font-weight:780;letter-spacing:-.045em;line-height:1.15}.detail-related-heading>a{padding-bottom:3px;color:var(--blue-600);font-size:13px;font-weight:740;white-space:nowrap}.detail-related-heading>a:hover{color:#084fa1}.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.detail-related-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 14px 32px #153c5811;transition:box-shadow .2s ease,transform .2s ease}.detail-related-card:hover{box-shadow:0 22px 40px #153c5821;transform:translateY(-4px)}.detail-related-image{display:grid;place-items:center;height:174px;padding:25px;background:#fff}.detail-related-image img{width:auto;height:auto;max-width:100%;max-height:132px;object-fit:contain}.detail-related-image.is-missing{background:#f0f5f8;color:#8499aa;font-size:12px;font-weight:650}.detail-related-copy{display:flex;flex:1;flex-direction:column;padding:0 23px 23px}.detail-related-category{margin:0 0 8px;color:#2180bb;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.detail-related-copy h3{margin:0;color:#12324e;font-size:20px;font-weight:770;letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere}.detail-related-purpose{margin:8px 0 0;color:#687f91;font-size:12px;line-height:1.5}.detail-related-arrow{margin-top:auto;padding-top:19px;color:var(--blue-600);font-size:19px;line-height:1}@media(max-width:980px){.detail-hero-layout{gap:32px}.detail-visual{min-height:360px}.detail-info-layout{grid-template-columns:1fr}.detail-related-grid{gap:13px}}@media(max-width:760px){.detail-hero{padding-top:20px;padding-bottom:60px}.detail-breadcrumbs{margin-bottom:25px;font-size:12px}.detail-hero-layout{grid-template-columns:1fr;gap:31px}.detail-visual{min-height:300px;padding:30px}.detail-visual img{max-height:260px}.detail-summary{padding:0}.detail-summary h1{font-size:clamp(38px,9vw,56px)}.detail-information{padding-bottom:65px}.detail-info-panel{padding:28px}.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.detail-visual{min-height:255px;border-radius:19px}.detail-visual img{max-height:220px}.detail-image-note{right:12px;bottom:11px;font-size:10px}.detail-tags{margin-bottom:13px}.detail-summary h1{font-size:clamp(36px,10vw,46px)}.detail-purpose{font-size:16px}.detail-actions{align-items:stretch;flex-direction:column;gap:19px}.detail-inquiry{width:100%}.detail-info-panel{padding:25px 21px;border-radius:17px}.detail-spec-list{gap:9px}.detail-spec-list>div{padding:15px 13px}.detail-spec-list dd{font-size:14px}.detail-related-heading{align-items:start;flex-direction:column;gap:7px}.detail-related-grid{grid-template-columns:1fr}.detail-related-image{height:164px}}