
.size-guide-launch{position:fixed;right:0;top:52%;z-index:45;display:flex;align-items:center;gap:10px;padding:14px 12px;background:#fff;color:#9b7856;border:1px solid #dedfe1;border-right:0;border-radius:4px 0 0 4px;box-shadow:0 4px 18px #252b3010;cursor:pointer;font:14px Arial,sans-serif}
.size-guide-launch svg{width:24px;height:24px}.size-guide-launch span{writing-mode:vertical-rl}.size-guide-launch:hover{background:#f6f2ed}
#size-guide-dialog{padding:0;border:0;border-radius:6px;width:min(1000px,calc(100vw - 40px));max-width:none;height:min(880px,calc(100dvh - 48px));max-height:none;background:white;box-shadow:0 24px 100px #0003;overflow:hidden}
#size-guide-dialog::backdrop{background:#252b3099;backdrop-filter:blur(3px)}
#size-guide-dialog[open]{display:flex;flex-direction:column}.size-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid #dedfe1}
.size-guide-heading h2{margin:0;font-size:23px;line-height:1.3}.size-guide-close{background:none;border:0;cursor:pointer;font-size:30px;color:#252b30;width:40px;height:40px}
#size-guide-dialog iframe{display:block;width:100%;flex:1;min-height:0;border:0}html.size-guide-open{overflow:hidden}
@media(max-width:720px){.size-guide-launch{top:auto;bottom:22px;padding:12px}.size-guide-launch span{display:none}#size-guide-dialog{width:calc(100vw - 20px);height:calc(100dvh - 24px)}.size-guide-heading{padding:12px 16px}.size-guide-heading h2{font-size:19px}}

/* Compact side tab: icon, two-line label, independent collapse control. */
.size-guide-dock{position:fixed;right:0;top:52%;z-index:45;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #dedfe1;border-right:0;border-radius:5px 0 0 5px;box-shadow:0 4px 18px #252b3010;overflow:hidden}
.size-guide-dock .size-guide-launch{position:static;display:flex;flex-direction:column;gap:9px;width:94px;padding:16px 10px 12px;border:0;border-radius:0;box-shadow:none;font-size:13px;line-height:1.35;text-align:center}
.size-guide-dock .size-guide-launch span{display:block;writing-mode:horizontal-tb}
.size-guide-collapse{display:grid;place-items:center;width:100%;height:30px;padding:0;border:0;border-top:1px solid #eee8e1;background:#fff;color:#9b7856;cursor:pointer}
.size-guide-collapse svg{width:18px;height:18px}.size-guide-collapse:hover{background:#f6f2ed}
.size-guide-dock.is-collapsed .size-guide-launch{display:none}.size-guide-dock.is-collapsed .size-guide-collapse{width:26px;height:48px;border-top:0}.size-guide-dock.is-collapsed .size-guide-collapse svg{transform:rotate(180deg)}
@media(max-width:720px){.size-guide-dock{top:auto;bottom:22px}.size-guide-dock .size-guide-launch{width:80px;padding:12px 8px;font-size:12px}}

#size-guide-dialog .size-guide-close{display:grid;place-items:center;flex:0 0 40px;box-sizing:border-box;width:40px;height:40px;padding:0;line-height:1;font-size:0}
#size-guide-dialog .size-guide-close svg{display:block;width:22px;height:22px;margin:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
