
.product-drawing{padding:42px 5%;background:#fafafa;border-top:1px solid #d3e1e0;scroll-margin-top:90px;line-height:1.7;color:#183e43}.product-drawing header{margin-bottom:22px}.drawing-kicker{font-size:13px;letter-spacing:.15em;color:#00596b;margin:0 0 7px}.product-drawing h2{color:#00596b;font-family:"Yu Mincho",serif;font-size:30px;font-weight:500;margin:0 0 10px}.drawing-help{font-size:14px;margin:0;color:#526e74}.drawing-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:680px;gap:24px}.drawing-grid figure{margin:0;background:#fff;border:1px solid #d3e1e0;border-radius:6px;overflow:hidden}.drawing-preview{display:flex;align-items:center;justify-content:center;padding:16px;aspect-ratio:auto;background:#fff}.drawing-preview img{display:block;width:100%;height:auto;object-fit:contain}.drawing-grid figcaption{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid #e3e9e9;font-size:14px;color:#00596b}.drawing-grid figcaption span{font-size:12px;text-decoration:underline;text-underline-offset:3px}.drawing-download{display:flex;justify-content:center;align-items:center;gap:18px;border:1px solid #00596b;border-radius:4px;width:fit-content;max-width:100%;padding:13px 24px;margin-top:24px;background:white;color:#00596b;font-size:15px;text-decoration:none}.drawing-download span{font-size:12px}.product-drawing a:hover{background:#edf5f5}.product-drawing a:focus-visible{outline:3px solid #00596b;outline-offset:4px}.m-specs .product-drawing{margin-top:32px;padding:28px 0 0;background:transparent}.m-specs .product-drawing h2{font-size:26px;line-height:1.4;margin:0 0 10px}.m-specs .product-drawing p{margin:0 0 8px;line-height:1.7}.m-specs .product-drawing .drawing-help{font-size:13px}.m-specs .drawing-grid{grid-template-columns:1fr;gap:18px}.m-specs .drawing-preview{aspect-ratio:auto;padding:12px}.m-specs .drawing-preview img{height:auto}.m-specs .drawing-download{width:100%;padding:13px 8px;font-size:14px;gap:12px}

/* R35: discoverable in-page enlargement, retaining the accepted placement. */
button.drawing-preview{width:100%;border:0;border-radius:0;cursor:zoom-in;font:inherit;color:inherit;box-sizing:border-box}
.drawing-grid figcaption{align-items:center;gap:8px;padding:10px 12px;flex-wrap:wrap}
.drawing-grid figcaption>span{font-size:14px;text-decoration:none;white-space:nowrap}
.drawing-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #00596b;border-radius:4px;background:#fff;color:#00596b;font:inherit;font-size:13px;cursor:pointer}
.drawing-open span{font-size:inherit!important;text-decoration:none!important}
.drawing-open svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.drawing-open:hover{color:#fff;background:#00596b}
.drawing-preview:hover{background:#edf5f5}
.product-drawing button:focus-visible{outline:3px solid #00596b;outline-offset:-3px}
.drawing-label-mobile{display:none}
.m-specs .drawing-label-desktop{display:none}
.m-specs .drawing-label-mobile{display:inline}
.drawing-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(900px,90dvh);max-height:90dvh;padding:0;margin:auto;border:0;border-radius:8px;background:#fff;color:#183e43;box-shadow:0 12px 60px #0005;overflow:hidden}
.drawing-dialog::backdrop{background:rgb(12 31 35 / .78)}
.drawing-dialog[open]{display:flex;flex-direction:column}
.drawing-dialog-bar{display:flex;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #d3e1e0;background:#fafafa}
.drawing-dialog-title{font-size:18px;font-weight:500;margin:0}
.drawing-dialog-actions{display:flex;gap:8px;align-items:center}
.drawing-dialog button{min-height:44px;padding:8px 14px;border:1px solid #00596b;border-radius:4px;font:inherit;font-size:14px;color:#00596b;background:#fff;cursor:pointer;white-space:nowrap}
.drawing-dialog .drawing-close{background:#00596b;color:#fff;font-weight:600}
.drawing-dialog button:focus-visible{outline:3px solid #229caf;outline-offset:2px}
.drawing-dialog-note{margin:0;padding:8px 16px;font-size:12px;line-height:1.5;background:#fafafa;flex:none}
.drawing-dialog-stage{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:16px;background:#fff;touch-action:pan-x pan-y pinch-zoom}
.drawing-dialog-image{display:block;width:100%;height:100%;object-fit:contain;margin:auto}
.drawing-dialog-stage.is-zoomed .drawing-dialog-image{width:var(--drawing-width);max-width:none;height:auto;margin:0}
@media(max-width:767px){.drawing-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:88dvh;max-height:88dvh}.drawing-dialog-bar{padding:10px;gap:8px}.drawing-dialog-title{font-size:16px}.drawing-dialog button{padding:8px 10px;font-size:13px}.drawing-dialog-stage{padding:10px}}
