.size-intro>p{font-size:15px}.size-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:30px}.size-figure{margin:0;background:#f5f8fa;border:1px solid #dce5ea;border-radius:4px;padding:22px}.size-drawing{width:100%;height:auto;display:block;stroke:none;fill:none}.size-drawing text{fill:#12374b;font:500 16px 'DM Sans',sans-serif}.size-drawing .drawing-label{font-size:12px;letter-spacing:2px;fill:#607783}.size-drawing .product-name{font-size:24px;letter-spacing:2px;font-weight:700}.size-drawing .extension{stroke:#9bb1bd;stroke-width:1}.size-drawing .dimension{stroke:#007fb9;stroke-width:1.8;marker-start:url(#dimension-arrow);marker-end:url(#dimension-arrow)}.reference-ruler path{stroke:#637f8e;stroke-width:1.5}.size-drawing .reference-ruler text{font-size:12px;text-anchor:middle;fill:#607783}.size-figure figcaption{text-align:center;color:var(--muted);font-size:12px}.size-explanation h3{font-size:34px;margin-bottom:16px}.size-explanation p{font-size:14px;line-height:1.8}.size-explanation dl{margin:22px 0}.size-explanation dl>div{padding:12px 0;border-top:1px solid var(--line)}.size-explanation dt{font-size:14px;font-weight:600}.size-explanation dd{font-size:13px;color:var(--muted);margin:5px 0 0;line-height:1.7}.dimension-note{font-size:12px;line-height:1.75;color:var(--muted);margin-top:22px}.size-jump{font-size:13px}
@media(max-width:850px){.size-layout{gap:30px}.size-explanation h3{font-size:28px}.size-figure{padding:14px}}
@media(max-width:600px){.size-layout{grid-template-columns:1fr;gap:30px}.size-explanation h3{font-size:30px}.size-figure{padding:12px}.size-explanation .text-link{font-size:12px}}

.size-photo text{font-size:18px;font-weight:600;paint-order:stroke;stroke:#f5f8fa;stroke-width:5px;stroke-linejoin:round}.size-photo .extension{stroke:#7898a9;stroke-dasharray:3 4}.size-photo .dimension{stroke-width:2}.size-photo svg{width:440px;height:270px;stroke:none}

.size-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.size-option{border:1px solid var(--line);border-radius:4px;overflow:hidden}.size-option-image{position:relative;background:#f1f5f6;height:220px}.size-option-image img{width:100%;height:100%;object-fit:contain;padding:14px 30px}.size-option-image>span{position:absolute;top:16px;left:16px;padding:5px 10px;background:white;color:var(--blue);font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:3px}.size-option-copy{padding:24px}.size-option-copy h3{font-size:27px;margin-bottom:8px}.size-option-copy p{font-size:14px;line-height:1.7}.size-option-copy .size-option-name{font-weight:600;color:var(--ink);margin-bottom:12px}.size-option-copy .text-link{font-size:13px}.available-sizes>p{font-size:15px}@media(max-width:600px){.size-options{grid-template-columns:1fr}.size-option-image{height:200px}.size-option-copy{padding:20px}}