.sf{padding:clamp(20px,2.5vw,32px)}.sf-form{flex-direction:column;gap:14px;display:flex}.sf-how{color:var(--walnut);font-size:14.5px;line-height:1.5}.sf-how b{color:var(--cocoa)}.sf-field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.sf-field input{border:1px solid var(--line);border-radius:var(--r-sm);min-height:56px;font:500 18px var(--body);background:var(--sand);width:100%;color:var(--cocoa);padding:0 16px}.sf-field input:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}.sf-cm{display:block;position:relative}.sf-cm b{color:var(--walnut);font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.sf-check{cursor:pointer;align-items:flex-start;gap:12px;font-size:15px;display:flex}.sf-check input{width:22px;height:22px;accent-color:var(--lagoon);flex:none;margin-top:2px}.sf-check small{color:var(--walnut);display:block}.sf-hint{color:var(--walnut);font-size:13.5px}.sf-optional{font-size:14px}.sf-optional summary{cursor:pointer;color:var(--walnut);text-underline-offset:3px;font-weight:600;text-decoration:underline;list-style:none}.sf-optional summary::-webkit-details-marker{display:none}.sf-optional .sf-field{margin-top:10px}.sf-result{flex-direction:column;gap:14px;display:flex}.sf-size b{font:700 clamp(44px, 5vw, 64px)/1 var(--disp);letter-spacing:-.02em}.sf-why{color:var(--walnut);font-size:15px}.sf-diagram{flex-direction:column;gap:6px;display:flex}.sf-row{align-items:center;gap:10px;display:flex}.sf-bar{white-space:nowrap;border-radius:10px;justify-content:space-between;align-items:center;height:44px;padding:0 12px;font-size:13px;display:flex}.sf-bar span{opacity:.85;font-weight:500}.sf-bar b{font-variant-numeric:tabular-nums}.sf-bar-insole{background:var(--putty);color:var(--cocoa)}.sf-bar-foot{background:var(--lagoon);color:#fff;flex:none;min-width:150px}.sf-room{color:var(--walnut);white-space:nowrap;gap:6px;font-size:12.5px;display:flex}.sf-room b{color:var(--cocoa)}.sf-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sf-again{text-underline-offset:4px;cursor:pointer;color:var(--walnut);background:0 0;border:0;padding:8px 0;font-weight:600;text-decoration:underline}