/* The size guide box (locked by Rick 2 Nov 2026, the "ruled" table). Shared by the product page and the hub: the white
   box of the product page's specifications and sign-in, a row per size, stone header bands "Top length (mm)" and
   "Top width (mm)" over Min and Max, a hairline between the groups, figures centred, the chosen size shaded, every
   cell in every row padded the same so nothing shifts, a row clickable to pick that size. Phones: tighter, one line. */
.sgn.sgd{position:fixed;inset:0;z-index:1500;background:rgba(26,26,26,.55);display:none;align-items:center;justify-content:center;padding:20px;animation:sgFade .25s ease both}
.sgn.sgd.on{display:flex}
@keyframes sgFade{from{opacity:0}to{opacity:1}}
.sgn.sgd .bx{background:#fff;color:var(--ink,#1A1A1A);width:100%;max-width:700px;min-width:0;position:relative;padding:44px 44px 40px;box-sizing:border-box;max-height:100%;overflow:auto}
.sgn.sgd .x{position:absolute;right:10px;top:10px;width:40px;height:40px;background:none;border:0;cursor:pointer;font:200 28px/1 var(--font-serif);color:var(--ink,#1A1A1A);z-index:2}
.sgd h3{font:300 26px/32px var(--font-serif);margin:0 0 6px}
.sgd .sub{font:300 11px/18px var(--font-sans);letter-spacing:.4px;color:#777;margin:0 0 24px}
.sgd .note{margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(26,26,26,.1);font:300 10.5px/17px var(--font-sans);letter-spacing:.4px;color:#777}
.sgd .note b{font-weight:400;color:var(--ink,#1A1A1A)}
.sgd table.t{width:100%;border-collapse:collapse;margin:4px 0 0;table-layout:fixed}
.sgd .t th,.sgd .t td{padding:14px 12px;text-align:right;vertical-align:middle;border:0}
.sgd .t th{font:500 8.6px/14px var(--font-sans);letter-spacing:2.2px;text-transform:uppercase;color:#777;padding-top:0;padding-bottom:10px}
.sgd .t th.sz,.sgd .t td.sz{text-align:left;padding-left:12px;width:34%;overflow:hidden}
.sgd .t th i{font-style:normal;text-transform:none;letter-spacing:.6px}  /* "(mm)" stays lowercase (Rick, 2 Nov) */
.sgd .t td{font:300 20px/24px var(--font-serif);color:var(--ink,#1A1A1A);font-variant-numeric:tabular-nums;border-top:1px solid rgba(26,26,26,.1)}
.sgd .t tbody tr:last-child td{border-bottom:1px solid rgba(26,26,26,.1)}
.sgd .t td.sz{font:400 10px/14px var(--font-sans);letter-spacing:1.6px;text-transform:uppercase}
.sgd .t td.sz b{font-weight:400}
.sgd .t td.sz small{display:block;font:300 10px/14px var(--font-sans);letter-spacing:.3px;text-transform:none;color:#999;margin-top:3px;white-space:normal}
.sgd .t td.any{font:300 11px/16px var(--font-sans);letter-spacing:.4px;color:#777}
.sgd .t tr[data-i]{cursor:pointer}
.sgd .t tr.on td{background:var(--stone,#F0EEEB)}
.sgd .t4 th.hb{text-align:center;color:var(--ink,#1A1A1A);background:var(--stone,#F0EEEB);padding:10px 12px}
.sgd .t4 th.hb+th.hb{border-left:2px solid #fff}
.sgd .t4 thead tr+tr th{padding-top:12px}
.sgd .t4 th:not(.sz),.sgd .t4 td:not(.sz){text-align:center}
.sgd .t4 th.rl,.sgd .t4 td.rl{border-left:1px solid rgba(26,26,26,.12)}
.sgd .t4 td.any{text-align:center}
@media (max-width:560px){.sgn.sgd .bx{padding:32px 16px 26px}.sgd .t th,.sgd .t td{padding:10px 4px}.sgd .t th.sz,.sgd .t td.sz{padding-left:6px;width:30%;letter-spacing:1.2px}.sgd .t td{font-size:15px;line-height:20px;white-space:nowrap}.sgd .t td.sz{white-space:normal}.sgd .t td.sz small{font-size:8.5px;line-height:12px}.sgd .t4 th.hb{padding:8px 4px;letter-spacing:1.4px;font-size:8px}.sgd .t4 thead tr+tr th{padding-top:8px;font-size:8px;letter-spacing:1.4px}.sgd .t td.any{font-size:9.5px;letter-spacing:.3px}}
@media (max-width:360px){.sgd .t td{font-size:14px}.sgd .t td.sz small{display:none}.sgd .t th,.sgd .t td{padding-left:3px;padding-right:3px}}