/* Page-specific size guide. Native anchors, tables and disclosure controls work without JS. */
.ds-size-page { --size-muted:#b6bcbe; font-size:clamp(16px,1.05vw,30px); line-height:1.65; }
.ds-size-page *, .ds-size-page *::before, .ds-size-page *::after { box-sizing:border-box; }
.ds-size-page p { color:var(--size-muted); margin:0 0 1em; }
.ds-size-page strong { color:var(--ink); font-weight:600; }
.ds-size-page .ds-kicker { font-size:clamp(12px,.72vw,22px); letter-spacing:.1em; color:var(--coral); margin:0 0 22px; }
.ds-size-page h2 { font:600 clamp(34px,3.8vw,125px)/1.1 var(--text); letter-spacing:-.055em; margin:0 0 .45em; }
.ds-size-page h2 span { color:var(--coral); }
.ds-size-page h3 { font:500 clamp(22px,1.55vw,48px)/1.3 var(--text); letter-spacing:-.025em; margin:0 0 16px; }
.ds-size-page a:focus-visible,.ds-size-page summary:focus-visible { outline:3px solid var(--coral); outline-offset:5px; }
.ds-size-page section[id] { scroll-margin-top:calc(var(--header-h,100px) + 24px); }
.ds-size-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); align-items:center; gap:5vw; padding-block:clamp(38px,4.5vw,150px); }
.ds-size-hero h1 { font:900 clamp(58px,7.5vw,270px)/.96 var(--heading); letter-spacing:-.07em; margin:0 0 .35em; }
.ds-size-hero h1 span { color:var(--coral); }
.ds-size-hero .ds-size-hero__lead { color:var(--ink); font-size:clamp(22px,1.8vw,56px); line-height:1.35; letter-spacing:-.025em; margin:0; }
.ds-size-ticket { color:#181a1b; background:var(--coral); padding:clamp(24px,2.6vw,80px); position:relative; }
.ds-size-ticket::before { content:""; position:absolute; inset:12px; border:1px solid #181a1b40; pointer-events:none; }
.ds-size-ticket .ds-size-ticket__label { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#30302c; font-size:clamp(11px,.7vw,22px); letter-spacing:.07em; padding-bottom:22px; border-bottom:1px solid #181a1b55; margin-bottom:24px; }
.ds-size-ticket__label>span { font-size:28px; }
.ds-size-ticket ol { list-style:none; margin:0; padding:0; display:grid; gap:clamp(18px,1.5vw,45px); }
.ds-size-ticket li { display:flex; gap:16px; align-items:flex-start; }
.ds-size-ticket li>span { font-size:clamp(12px,.75vw,24px); padding-top:.6em; }
.ds-size-ticket strong { color:#181a1b; font-size:clamp(25px,2.2vw,70px); line-height:1.15; font-weight:600; letter-spacing:-.045em; }
.ds-size-ticket li p { color:#33332f; font-size:clamp(14px,.9vw,27px); margin:8px 0 0; line-height:1.45; }
.ds-size-notice { display:flex; align-items:flex-start; gap:20px; background:#17191b; border-left:3px solid var(--coral); padding:clamp(20px,1.8vw,54px); }
.ds-size-notice__icon { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--coral); border-radius:50%; color:var(--coral); font:600 18px/1 var(--text); margin-top:3px; }
.ds-size-notice p { margin:0; }
.ds-size-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); margin-top:clamp(28px,3vw,90px); }
.ds-size-nav a { display:flex; align-items:center; gap:18px; padding:clamp(20px,1.7vw,50px); font-size:clamp(16px,1.2vw,34px); text-decoration:none; min-height:60px; }
.ds-size-nav a+a { border-left:1px solid var(--line); }
.ds-size-nav a>span:first-child { color:var(--coral); font-size:.65em; }
.ds-size-nav a>span:last-child { margin-left:auto; color:var(--coral); }
.ds-size-nav a:hover { background:#17191b; }
.ds-size-section { padding-block:clamp(52px,5vw,160px); }
.ds-size-section__head { display:grid; grid-template-columns:1fr 1fr; gap:0 7vw; align-items:end; margin-bottom:clamp(28px,3vw,80px); }
.ds-size-section__head .ds-kicker { grid-column:1/-1; }
.ds-size-section__head h2 { margin-bottom:0; }
.ds-size-section__head>p:last-child { max-width:48ch; margin:0; }
.ds-size-footwear { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7vw; align-items:start; }
.ds-size-measure { min-width:0; }
.ds-size-diagram { margin:0 0 30px; background:#16191a; border:1px solid var(--line); }
.ds-size-diagram svg { width:100%; height:auto; display:block; }
.ds-size-diagram figcaption { padding:20px clamp(20px,1.8vw,50px); border-top:1px solid var(--line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:clamp(12px,.8vw,24px); }
.ds-size-diagram figcaption>span { letter-spacing:.05em; color:var(--size-muted); }
.ds-size-diagram figcaption strong { font-weight:500; color:var(--coral); }
.ds-size-steps { counter-reset:measure; list-style:none; padding:0; margin:0; }
.ds-size-steps li { counter-increment:measure; position:relative; padding:0 0 20px 45px; color:var(--size-muted); }
.ds-size-steps li::before { content:counter(measure,decimal-leading-zero); position:absolute; left:0; top:3px; color:var(--coral); font-size:.75em; }
.ds-size-tip { margin-top:12px; border-top:1px solid var(--line); padding-top:28px; }
.ds-size-tip p { margin-bottom:0; }
.ds-size-chart-panel { background:#141618; border:1px solid #383d3f; padding:clamp(18px,2vw,60px); min-width:0; }
.ds-size-chart-panel__head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.ds-size-chart-panel__head>span { color:var(--coral); font-size:.7em; white-space:nowrap; }
.ds-size-chart-intro { font-size:.9em; }
.ds-size-shoe-tables { display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,60px); margin-block:22px; }
.ds-size-page .ds-size-table { width:100%; border-collapse:collapse; table-layout:fixed; font-variant-numeric:tabular-nums; margin:0; background:transparent; }
.ds-size-table caption { text-align:left; color:var(--coral); font-size:.8em; padding:0 0 14px; }
.ds-size-page .ds-size-table :is(th,td) { background:transparent; border:0; border-bottom:1px solid #383d3f; padding:clamp(10px,.7vw,24px) 8px; text-align:center; font-weight:400; }
.ds-size-page .ds-size-table th:first-child { text-align:left; padding-left:0; width:40%; }
.ds-size-page .ds-size-table thead th { color:var(--size-muted); font-size:.8em; font-weight:500; border-block:1px solid #555b5d; }
.ds-size-page .ds-size-table tbody th { color:var(--ink); font-weight:600; }
.ds-size-page .ds-size-table tbody td { color:var(--size-muted); }
.ds-size-page .ds-size-table tbody tr:hover { background:#242628; }
.ds-size-table-note { font-size:.85em; }
.ds-size-source { color:var(--coral); font-size:clamp(13px,.8vw,24px); text-underline-offset:5px; display:inline-flex; align-items:center; gap:10px; min-height:44px; }
.ds-size-clothing { background:#101214; border-block:1px solid var(--line); }
.ds-size-body-guide,.ds-size-fit-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4vw; }
.ds-size-body-guide { margin-bottom:36px; }
.ds-size-body-guide>div { padding-top:24px; border-top:1px solid #555b5d; }
.ds-size-body-guide>div>span { display:block; color:var(--coral); font-size:.7em; letter-spacing:.08em; margin-bottom:15px; }
.ds-size-body-guide h3,.ds-size-fit-notes h3 { font-size:clamp(20px,1.3vw,40px); }
.ds-size-body-guide p,.ds-size-fit-notes p { font-size:.9em; margin-bottom:0; }
.ds-size-clothing-tables { display:grid; grid-template-columns:1fr 1fr; gap:3vw; }
.ds-size-table--clothing caption { color:var(--ink); font-size:clamp(22px,1.6vw,48px); font-weight:500; line-height:1.3; padding-bottom:24px; }
.ds-size-table--clothing caption span { display:block; color:var(--size-muted); font-size:clamp(13px,.8vw,24px); margin-top:10px; font-weight:400; }
.ds-size-page .ds-size-table--clothing th:first-child { width:19%; }
.ds-size-clothing-tables .ds-size-source { margin-top:16px; }
.ds-size-fit-notes { margin-top:36px; }
.ds-size-faq { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:7vw; }
.ds-size-questions details { border-top:1px solid #444a4d; }
.ds-size-questions details:last-child { border-bottom:1px solid #444a4d; }
.ds-size-questions summary { display:flex; gap:24px; justify-content:space-between; align-items:center; padding-block:24px; font-size:clamp(18px,1.25vw,38px); font-weight:500; line-height:1.5; cursor:pointer; list-style:none; }
.ds-size-questions summary::-webkit-details-marker { display:none; }
.ds-size-questions summary>span { flex-shrink:0; color:var(--coral); font-size:1.3em; font-weight:400; }
.ds-size-questions details[open] summary>span { transform:rotate(45deg); }
.ds-size-questions details>div { padding:0 0 24px; }
.ds-size-questions details p { margin:0; }
.ds-size-questions details a { display:inline-block; padding-top:12px; color:var(--coral); text-underline-offset:5px; }
.ds-size-help { display:flex; justify-content:space-between; align-items:center; gap:4vw; padding-block:clamp(32px,3vw,90px); background:#1c2022; border-top:1px solid var(--line); }
.ds-size-help h2 { font-size:clamp(30px,2.6vw,80px); }
.ds-size-help p:last-child { margin:0; max-width:52ch; }
.ds-size-help__actions { display:flex; flex-direction:column; align-items:stretch; gap:15px; min-width:240px; }
.ds-size-page .ds-button,.ds-size-page .ds-text-link { font-size:clamp(16px,1vw,30px); white-space:normal; }
.ds-size-help .ds-text-link { text-align:center; padding-block:12px; }
@media(min-width:2200px) { .ds-size-notice__icon { flex-basis:36px; width:36px; height:36px; font-size:24px; } .ds-size-steps li { padding-left:60px; } }
@media(max-width:1100px) { .ds-size-hero { gap:30px; grid-template-columns:1.1fr 1fr; } .ds-size-hero h1 { font-size:clamp(50px,7.3vw,90px); } .ds-size-footwear { gap:30px; } .ds-size-clothing-tables { gap:20px; } .ds-size-nav a { padding-inline:15px; gap:12px; } }
@media(max-width:800px) {
 .ds-size-hero { grid-template-columns:1fr; gap:30px; }
 .ds-size-hero h1 { font-size:clamp(50px,10.5vw,84px); }
 .ds-size-ticket ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
 .ds-size-ticket li { display:block; }
 .ds-size-ticket li>span { display:block; margin-bottom:10px; }
 .ds-size-ticket strong { font-size:clamp(20px,3.2vw,27px); }
 .ds-size-ticket__label { margin-bottom:18px; padding-bottom:15px; }
 .ds-size-section__head { display:block; }
 .ds-size-section__head>p:last-child { margin-top:20px; max-width:60ch; }
 .ds-size-footwear,.ds-size-clothing-tables,.ds-size-faq { grid-template-columns:1fr; gap:30px; }
 .ds-size-chart-intro,.ds-size-body-guide p,.ds-size-fit-notes p { font-size:16px; }
 .ds-size-table-note { font-size:14px; }
 .ds-size-diagram svg { max-height:300px; }
 .ds-size-nav { grid-template-columns:1fr; }
 .ds-size-nav a { padding:16px 0; }
 .ds-size-nav a+a { border-left:0; border-top:1px solid var(--line); }
 .ds-size-body-guide,.ds-size-fit-notes { grid-template-columns:1fr; gap:24px; }
 .ds-size-body-guide h3,.ds-size-fit-notes h3 { margin-bottom:10px; }
 .ds-size-help { flex-direction:column; align-items:flex-start; gap:24px; }
 .ds-size-help__actions { width:100%; }
}
@media(max-width:480px) {
 .ds-size-ticket ol { grid-template-columns:1fr; }
 .ds-size-ticket li { display:flex; }
 .ds-size-ticket li>span { margin-bottom:0; }
 .ds-size-ticket strong { font-size:26px; }
 .ds-size-notice { gap:12px; padding:18px 14px; }
 .ds-size-notice__icon { flex-basis:22px; width:22px; height:22px; font-size:15px; margin-top:4px; }
 .ds-size-chart-panel { padding:18px 12px; }
 .ds-size-shoe-tables { gap:16px; }
 .ds-size-page .ds-size-table :is(th,td) { padding-inline:3px; }
 .ds-size-page .ds-size-table thead th { font-size:12px; }
 .ds-size-page .ds-size-table--clothing { font-size:14px; }
 .ds-size-table--clothing caption { font-size:22px; }
 .ds-size-chart-panel__head { align-items:flex-start; }
 .ds-size-diagram figcaption { padding:16px; }
 .ds-size-questions summary { gap:16px; }
}