.oos-sizing {max-width:100%;margin:1.5rem 0}
.oos-sizing [hidden] {display:none!important}
.oos-sizing #size-comparison {background:#f1f6ff;border:1px solid #bed0ed;border-radius:12px;padding:20px}
.oos-sizing #size-comparison h2 {margin-top:0}
.oos-sizing .size-panels {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.oos-sizing fieldset {min-width:0;border:1px solid #b7c6dc;border-radius:8px;padding:16px}
.oos-sizing legend {font-weight:700;padding:0 6px}
.oos-sizing label {display:block;font-weight:600;margin:8px 0 4px}
.oos-sizing select {font:inherit;color:#0d2762;background:#fff;border:1px solid #7b8da7;border-radius:6px;padding:10px;width:100%;min-height:44px}
.oos-sizing #size-unit {max-width:220px}
.oos-sizing :focus-visible {outline:3px solid #003cc7;outline-offset:3px}
.oos-sizing #size-result {margin-top:16px}
.oos-sizing .size-table-scroll {overflow-x:auto;margin:16px 0}
.oos-sizing table {width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.oos-sizing caption {text-align:left;font-weight:600;padding:8px 0}
.oos-sizing th,.oos-sizing td {text-align:left;padding:10px;border-bottom:1px solid #d9e1ed;white-space:nowrap}
.oos-sizing .size-source {font-size:.875rem;line-height:1.6}
@media(max-width:600px) {.oos-sizing .size-panels {grid-template-columns:1fr}.oos-sizing #size-comparison {padding:14px}}