#sp-guide{--ink:light-dark(#142c43,#e3edf6);--paper:light-dark(#ffffff,#142333);--soft:light-dark(#f1f5f8,#20364a);--line:light-dark(#d6e0e8,#42586b);--accent:light-dark(#007b87,#64d8df);--orange:light-dark(#b65b13,#ffb675);color:var(--ink);background:var(--paper);font:15px/1.6 system-ui,sans-serif;border-radius:20px;overflow:hidden}#sp-guide *{box-sizing:border-box}#sp-guide header{padding:26px 26px 20px;background:var(--soft)}#sp-guide .eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700}#sp-guide h2{font-size:28px;line-height:1.2;margin:8px 0}#sp-guide p{margin:8px 0}#sp-guide .intro{max-width:580px}#sp-guide nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}#sp-guide button,#sp-guide select{font:inherit;color:inherit;cursor:pointer}#sp-guide nav button{background:var(--paper);border:0;padding:15px 8px;line-height:1.3;text-align:left}#sp-guide nav button[aria-selected=true]{border-color:var(--accent);background:var(--soft);color:var(--accent)}#sp-guide nav small{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px}#sp-guide #sp-content{padding:24px}#sp-guide h3{font-size:21px;margin:0 0 8px}#sp-guide .split{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:24px;align-items:center}#sp-guide .drawing{height:270px;display:block}#sp-guide .drawing text{fill:var(--ink);font:14px system-ui}#sp-guide .picks{display:flex;flex-wrap:wrap;margin:16px 0}#sp-guide .picks button,#sp-guide footer button{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:9px 13px;min-height:42px}#sp-guide .picks button[aria-pressed=true],#sp-guide footer .next{background:var(--ink);color:var(--paper);border-color:var(--ink)}#sp-guide .note{padding:14px 16px;background:var(--soft);border-radius:10px;margin-top:16px}#sp-guide .big{font-size:27px;font-weight:650;line-height:1.3}#sp-guide .label{color:var(--accent);font-weight:650}#sp-guide .sizes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px;margin-top:18px}#sp-guide .sizes button{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px;display:flex;flex-direction:column;text-align:left}#sp-guide .sizes button[aria-pressed=true]{border:2px solid var(--accent);background:var(--soft);padding:8px}#sp-guide .sizes small{font-size:12px}#sp-guide footer{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-top:1px solid var(--line);gap:10px}#sp-guide footer span{font-size:12px}#sp-guide button:focus-visible,#sp-guide select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#sp-guide .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#sp-guide select{padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:8px;max-width:100%}#sp-guide .metric{padding:15px 0;border-bottom:1px solid var(--line)}#sp-guide .quiet{opacity:.8}#sp-guide [hidden]{display:none!important}@media(max-width:550px){#sp-guide #sp-content,#sp-guide header{padding:18px}#sp-guide h2{font-size:24px}#sp-guide .split{grid-template-columns:1fr;gap:8px}#sp-guide .drawing{height:240px}#sp-guide nav{grid-template-columns:1fr 1fr}#sp-guide .sizes{grid-template-columns:repeat(3,1fr)}#sp-guide footer{padding:16px}#sp-guide footer span{display:none}}#sp-guide .drawing.measurement{height:350px}#sp-guide footer .next{margin-left:auto}#sp-guide .example-select{display:block;margin:16px 0}#sp-guide .example-select select{display:block;width:100%;margin-top:6px}#sp-guide .formula{display:inline-block;padding:10px 16px;white-space:nowrap}#sp-guide .diagram-label{text-align:center;margin-bottom:14px}#sp-guide .diagram-caption{text-align:center}#sp-guide nav button{padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;line-height:1.5}#sp-guide nav small{margin:0}#sp-guide .text-measure{padding:12px 0}@media(max-width:620px){#sp-guide nav{grid-template-columns:repeat(2,minmax(0,1fr))}#sp-guide nav button{padding:16px 12px}}#sp-guide .measurement-figure{min-width:0}#sp-guide .caliper-drawing{height:auto}#sp-guide .measurement-figure .diagram-label{margin-bottom:12px}#sp-guide .measurement-figure .diagram-caption{margin-top:12px}.hose-guide-section{padding-block:64px;scroll-margin-top:90px}#sp-guide{--ink:#0b2340;--paper:#f8fbff;--soft:#dce7f0;--line:#b8cddd;--accent:#007e88;--orange:#be5b09;background:#e8f0f7;border:1px solid #c3d5e4;box-shadow:0 4px 16px rgba(11,35,64,.06);font-family:inherit}#sp-guide header{background:transparent;padding:32px 32px 24px}#sp-guide .eyebrow{display:none}#sp-guide h2{font-size:clamp(24px,2.6vw,32px);max-width:100%;line-height:1.25}#sp-guide .intro{max-width:740px}#sp-guide nav{margin-inline:32px;border:1px solid var(--line);border-radius:10px;overflow:hidden}#sp-guide nav button{background:transparent;border-bottom:3px solid transparent}#sp-guide nav button[aria-selected=true]{background:var(--ink);color:#fff;border-bottom-color:var(--ink)}#sp-guide #sp-content{padding:28px 32px}#sp-guide footer{padding:20px 32px}#sp-guide .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}#sp-guide .split>*{min-width:0}#sp-guide .drawing{max-width:400px;margin-inline:auto}#sp-guide .measurement-figure{width:100%;max-width:420px;margin-inline:auto}#sp-guide .drawing.measurement{height:auto;aspect-ratio:360/325}#sp-guide .caliper-drawing{aspect-ratio:360/270}#sp-guide .diagram-caption{margin-top:12px}#sp-guide .sizes{grid-template-columns:repeat(5,minmax(0,1fr))}#sp-guide table th{padding:10px 6px}#sp-guide summary{cursor:pointer;padding-block:12px}@media(max-width:700px){.hose-guide-section{padding-block:36px}#sp-guide header{padding:22px 20px 18px}#sp-guide #sp-content{padding:22px 20px}#sp-guide nav{margin-inline:20px;grid-template-columns:repeat(2,minmax(0,1fr))}#sp-guide nav button{padding:14px 10px}#sp-guide .split{grid-template-columns:1fr;gap:24px}#sp-guide footer{padding:18px 20px}#sp-guide .sizes{grid-template-columns:repeat(3,minmax(0,1fr))}#sp-guide .picks{gap:8px}#sp-guide .picks button{padding:8px 10px}#sp-guide .drawing{height:auto;aspect-ratio:320/240}#sp-guide .drawing.measurement{aspect-ratio:360/325}#sp-guide .caliper-drawing{aspect-ratio:360/270}#sp-guide .big{font-size:24px}}.hose-guide-section{padding-block:36px}#sp-guide header{padding:24px 24px 16px}#sp-guide h2{font-size:26px;margin:0 0 6px}#sp-guide .intro{font-size:15px;margin:0}#sp-guide nav{margin-inline:24px;grid-template-columns:repeat(4,minmax(0,1fr))}#sp-guide nav button{padding:10px 8px;min-height:46px;font-size:14px;line-height:1.4;gap:0;border-bottom:0}#sp-guide nav button[aria-pressed=true]{background:var(--ink);color:#fff}#sp-guide .guide-tab-mobile{display:none}#sp-guide #sp-content{padding:16px 24px 24px}#sp-guide .picks{gap:8px;margin:0 0 14px}#sp-guide .picks button{padding:8px 12px;min-height:44px;font-size:14px}#sp-guide .split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}#sp-guide .drawing{width:100%;height:216px;max-width:280px;aspect-ratio:auto}#sp-guide .diagram-label{margin:0 0 8px;font-size:14px}#sp-guide .diagram-caption{margin-top:8px;font-size:12px}#sp-guide .measurement-figure{max-width:300px}#sp-guide .drawing.measurement{height:240px;aspect-ratio:auto}#sp-guide .caliper-drawing{height:210px;aspect-ratio:auto}#sp-guide .label{font-size:17px}#sp-guide p{font-size:15px;line-height:1.6}#sp-guide .quiet{font-size:12px;line-height:1.5}#sp-guide .note{padding:10px 12px;margin-top:12px}#sp-guide .formula{padding:8px 12px}#sp-guide h3{font-size:19px;line-height:1.4;margin-bottom:12px}#sp-guide .big{font-size:23px}#sp-guide .sizes{margin-top:12px;gap:6px}#sp-guide .sizes button{padding:7px 9px;min-height:52px}#sp-guide .sizes button[aria-pressed=true]{padding:6px 8px}#sp-guide .metric{padding:10px 0}#sp-guide .example-select{margin:0 0 12px;font-size:14px}@media(max-width:700px){.hose-guide-section{padding-block:28px}#sp-guide header{padding:20px 16px 14px}#sp-guide h2{font-size:22px}#sp-guide .intro{font-size:14px;line-height:1.5}#sp-guide nav{margin-inline:16px;grid-template-columns:repeat(4,minmax(0,1fr))}#sp-guide nav button{min-height:46px;padding:10px 4px;font-size:13px}#sp-guide .guide-tab-desktop{display:none}#sp-guide .guide-tab-mobile{display:inline}#sp-guide #sp-content{padding:14px 16px 20px}#sp-guide .split{grid-template-columns:minmax(0,1fr);gap:14px}#sp-guide .picks{gap:6px;margin-bottom:12px}#sp-guide .picks button{padding:8px 9px;font-size:13px}#sp-guide .drawing{height:180px;max-width:240px}#sp-guide .drawing.measurement{height:240px;max-width:300px}#sp-guide .caliper-drawing{height:190px;max-width:300px}#sp-guide .label{font-size:16px}#sp-guide h3{font-size:18px}#sp-guide .sizes{grid-template-columns:repeat(3,minmax(0,1fr))}#sp-guide .example-select select{font-size:16px}#sp-guide .sizes{grid-template-columns:repeat(4,minmax(0,1fr))}#sp-guide .sizes button{padding:6px;min-height:48px}#sp-guide .sizes button[aria-pressed=true]{padding:5px}#sp-guide[data-guide-step="3"] .split{grid-template-columns:110px minmax(0,1fr);gap:12px}#sp-guide[data-guide-step="3"] .drawing{height:130px}#sp-guide[data-guide-step="3"] .metric{font-size:14px}#sp-guide[data-guide-step="3"] .big{font-size:21px}}