.size-guide-open{padding:0;border:0;border-bottom:1px solid #9d988f;background:transparent;color:#6b737d;font:inherit;font-size:8px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.size-guide-visible{overflow:hidden}
.size-guide-modal[hidden]{display:none}
.size-guide-modal{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px}
.size-guide-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(4,13,26,.62);backdrop-filter:blur(5px);cursor:pointer}
.size-guide-panel{position:relative;width:min(920px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;background:#f8f7f3;box-shadow:0 30px 100px rgba(0,0,0,.28)}
.size-guide-panel>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:30px 36px 24px;border-bottom:1px solid #dad6ce;background:rgba(248,247,243,.96);backdrop-filter:blur(10px)}
.size-guide-panel>header span{display:block;margin-bottom:7px;color:#6f7780;font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.size-guide-panel h2{margin:0;font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.05}
.size-guide-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cdc8bf;border-radius:50%;background:transparent;color:var(--navy);font-size:25px;line-height:1;cursor:pointer}
.size-guide-intro{max-width:720px;margin:0;padding:28px 36px 22px;color:#56606b;font-size:12px;line-height:1.7}
.size-guide-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 36px 22px}
.size-guide-methods article{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:20px;border:1px solid #d9d5cd;background:#fff}
.size-guide-methods b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:9px;letter-spacing:.08em}
.size-guide-methods strong{font-family:var(--serif);font-size:18px;font-weight:400}
.size-guide-methods p{margin:6px 0 0;color:#66707a;font-size:10px;line-height:1.55}
.size-guide-note{display:flex;gap:20px;margin:0 36px 24px;padding:14px 17px;background:#ece9e2}
.size-guide-note span{flex:none;color:#59636e;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.size-guide-note p{margin:0;color:#59636e;font-size:9px;line-height:1.55}
.size-guide-table-wrap{margin:0 36px;overflow-x:auto;border:1px solid #d7d3ca;background:#fff}
.size-guide-table-wrap table{width:100%;border-collapse:collapse;text-align:center}
.size-guide-table-wrap th{padding:15px 10px;background:var(--navy);color:#fff;font-size:8px;font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
.size-guide-table-wrap th small{color:#cdd4dd;font-size:7px;font-weight:400}
.size-guide-table-wrap td{padding:12px 10px;border-bottom:1px solid #ebe8e2;color:#1b2735;font-size:10px}
.size-guide-table-wrap tbody tr:nth-child(even){background:#f8f7f3}
.size-guide-panel>footer{padding:24px 36px 32px;color:#68717b;font-size:10px;text-align:center}
.size-guide-panel>footer a{border-bottom:1px solid #90969d;color:var(--navy);font-weight:600}
@media(max-width:640px){.size-guide-modal{padding:0;place-items:end center}.size-guide-panel{width:100%;max-height:92dvh}.size-guide-panel>header{padding:22px 19px 18px}.size-guide-panel h2{font-size:28px}.size-guide-intro{padding:22px 19px 17px;font-size:11px}.size-guide-methods{grid-template-columns:1fr;padding:0 19px 17px}.size-guide-methods article{padding:16px}.size-guide-note{margin:0 19px 18px}.size-guide-table-wrap{margin:0 19px}.size-guide-table-wrap table{min-width:540px}.size-guide-panel>footer{padding:21px 19px 28px}.size-guide-close{width:38px;height:38px}}