.os-size{display:block;color:var(--offsure-navy,#1f2a36);font-family:var(--offsure-body,system-ui);font-size:16px;line-height:1.5}
.os-size [hidden]{display:none!important}
.os-size__intro{margin:0 0 24px;max-width:38ch}
.os-size__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.os-size__groups,.os-size__units{display:flex;align-items:center;gap:4px}
.os-size button{font:inherit;min-height:44px;border:0;cursor:pointer;color:inherit;background:none}
.os-size button:focus-visible,.os-size summary:focus-visible,.os-size a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.os-size__groups button{padding:8px 14px;border-bottom:2px solid transparent}
.os-size__groups button[aria-pressed=true]{border-color:currentColor;font-weight:600}
.os-size__units{border:1px solid #b7bab8;gap:0}
.os-size__units button{padding:8px 13px;font-size:13px;letter-spacing:.04em}
.os-size__units button[aria-pressed=true]{color:#fff;background:var(--offsure-navy,#1f2a36)}
.os-size__category{font-size:18px;font-weight:600}
.os-size__table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;font-variant-numeric:tabular-nums}
.os-size__table caption{text-align:left;color:#4e5960;font-size:13px;padding:4px 0 14px}
.os-size__table th,.os-size__table td{border:0;border-bottom:1px solid #d7d9d5;text-align:center;padding:13px 5px}
.os-size__table thead th{font-size:13px;font-weight:500;line-height:1.3;vertical-align:bottom;background:transparent}
.os-size__table th:first-child{width:18%;text-align:left;padding-left:10px;font-weight:600}
.os-size__table tr[aria-current=true]{background:#e4eee8}
.os-size__table tr[aria-current=true] th{box-shadow:inset 2px 0 var(--offsure-navy,#1f2a36)}
.os-size__note,.os-size__applies{font-size:13px;color:#4e5960;line-height:1.5;margin:12px 0}
.os-size__how{border-top:1px solid #d7d9d5;border-bottom:1px solid #d7d9d5;margin-top:24px}
.os-size__how summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;min-height:52px;font-weight:500}
.os-size__how summary::-webkit-details-marker{display:none}
.os-size__how summary span{font-size:22px;font-weight:400;transition:transform 160ms ease-out}
.os-size__how[open] summary span{transform:rotate(45deg)}
.os-size__how p,.os-size__how dl{font-size:14px;margin:0 0 18px;line-height:1.6}
.os-size__how dl>div{margin:0 0 14px}
.os-size__how dt{font-weight:600}.os-size__how dd{margin:2px 0 0;color:#4e5960}
.os-size__help{font-size:14px;margin:22px 0 0}.os-size__help a{color:inherit;text-underline-offset:3px}
.os-size-dialog{position:fixed;inset:0;margin:auto;border:0;padding:0;width:min(540px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain;background:var(--offsure-cream,#f6f4ef);color:var(--offsure-navy,#1f2a36);box-shadow:0 20px 80px #1f2a3633}
.os-size-dialog::backdrop{background:#17232e88}
.os-size-dialog[open]{animation:os-size-enter 180ms ease-out}
.os-size-dialog__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px 14px;background:var(--offsure-cream,#f6f4ef)}
.os-size-dialog__header h2{font-family:var(--offsure-display,Georgia);font-size:30px;line-height:1.1;font-weight:400;margin:0}
.os-size-dialog__close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.os-size-dialog__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.os-size-dialog__body{padding:0 28px 28px}
.os-size-dialog__product{font:500 14px/1.5 var(--offsure-body,system-ui);margin:0 0 12px;color:#4e5960}
.os-size-page{max-width:760px;margin:0 auto;padding:clamp(36px,6vw,72px) 24px 64px}
#MainContent .os-size-page h1{font:400 clamp(36px,5vw,56px)/1.1 var(--offsure-display,Georgia);margin:0 0 20px;letter-spacing:-.02em}
@keyframes os-size-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.os-size-dialog{width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0}.os-size-dialog__header{padding:18px 20px 10px}.os-size-dialog__body{padding:0 20px calc(24px + env(safe-area-inset-bottom))}.os-size-dialog__header h2{font-size:28px}.os-size__table{font-size:15px}.os-size__intro{margin-bottom:20px}.os-size-page{padding:32px 20px 48px}}
@media(prefers-reduced-motion:reduce){.os-size-dialog[open]{animation:none}.os-size__how summary span{transition:none}}
