/* Quiet editorial controls, inspired by Origin UI sliders and shadcn disclosures. */
.sup-volume{margin:56px 0 64px;color:#173343;scroll-margin-top:245px;border-top:1px solid #d9e3e7;padding-top:38px}
.sup-volume [hidden]{display:none!important}
.sv-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:-.045em;margin:10px 0 14px;font-weight:700}
.sv-heading>p:last-child{font-size:16px;color:#617781;margin:0}
.sv-purpose{border:0;padding:0;margin:30px 0 0}.sv-purpose legend{font-size:13px;font-weight:600;margin-bottom:12px}
.sv-purpose-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sv-purpose-options label{position:relative;cursor:pointer;min-width:0}
.sv-purpose-options input{position:absolute;opacity:0;width:1px;height:1px}.sv-purpose-options label>span{display:block;border:1px solid #d5dfe4;border-radius:7px;padding:17px 19px;font-size:17px;font-weight:600;color:#254756}
.sv-purpose-options small{display:block;font-size:12px;font-weight:400;margin-top:6px;color:#637983}.sv-purpose-options input:checked+span{border-color:#c63a32;background:#fff9f8;color:#a52c25;box-shadow:inset 0 -2px #c63a32}.sv-purpose-options input:focus-visible+span{outline:2px solid #17536b;outline-offset:3px}
.sv-selects{display:grid;gap:18px;margin-top:25px}.sv-selects label{display:block;font-size:14px;font-weight:600}.sv-selects select{display:block;width:100%;min-height:48px;margin-top:9px;padding:10px 30px 10px 12px;border:1px solid #cbd9e0;border-radius:6px;background:#fff;color:#173343;font:inherit;font-size:14px;white-space:normal}.sv-selects select:focus-visible{outline:2px solid #17536b;outline-offset:3px}
.sv-formula{font-size:11px;color:#647a85;margin:12px 0 0}.sv-text-result strong{font-size:clamp(25px,3vw,34px)!important;line-height:1.5;letter-spacing:-.04em;word-break:keep-all}
.sv-surf-intro{margin-top:25px;padding:18px 0;border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8}.sv-surf-intro h3{margin:0 0 8px;font-size:18px;line-height:1.5;letter-spacing:-.03em}.sv-surf-intro p{margin:0;color:#526c79;font-size:13px;line-height:1.85;word-break:keep-all}.sv-surf-intro strong{color:#254756;font-weight:600}.sv-surf-options{grid-template-columns:1fr!important}.sv-surf-options label>span{min-height:70px!important}.sv-surf-level legend{line-height:1.6}
.sv-race-direction{padding:0 0 18px;border-bottom:1px solid #dce5e8;font-size:14px;line-height:1.8}.sv-race-direction>p:first-child{margin:18px 0 8px}.sv-race-direction a,.sv-source{color:#17556d;text-underline-offset:4px;font-size:13px}.sv-race-direction a{display:inline-block;margin-top:14px}
.sv-race-examples{border-top:1px solid #dce5e8;padding-top:30px;margin-top:36px;scroll-margin-top:245px}.sv-section-heading h3{font-size:clamp(22px,2.5vw,28px);line-height:1.5;letter-spacing:-.04em;margin:8px 0 14px}.sv-section-heading>p:last-child{font-size:14px;line-height:1.9;color:#526c79;max-width:800px}
.sv-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.sv-table-scroll:focus-visible{outline:2px solid #17536b;outline-offset:2px}.sv-race-examples table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}.sv-race-examples caption{text-align:left;font-size:13px;color:#617781;margin:6px 0 13px}.sv-race-examples th,.sv-race-examples td{text-align:left;padding:13px 14px;border-bottom:1px solid #e2e9ec}.sv-race-examples th:first-child{white-space:nowrap}.sv-race-examples td:nth-child(2){font-weight:600;color:#17556d;white-space:nowrap}.sv-race-examples thead{background:#f2f6f7}.sv-race-example{font-size:14px;line-height:1.85;color:#526c79;margin:20px 0 12px}.sv-race-example strong{font-weight:600;color:#173343}
.sv-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.35fr);gap:64px;max-width:1000px;margin:36px auto 32px;align-items:center}
.sv-coach{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 12px}
.sv-coach img{width:180px;height:auto;aspect-ratio:325/511;object-fit:contain;background:transparent}
.sv-quote{max-width:290px;border-left:2px solid #f4483d;padding:0 0 0 20px}
.sv-quote>span{font-size:11px;letter-spacing:.16em;font-weight:700;color:#b43932}
.sv-quote p{font-size:17px;line-height:1.85;word-break:keep-all;margin:10px 0 0;min-height:94px}
.sv-workspace{min-width:0}.sv-weight-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sv-weight-row>label,.sv-level legend{font-size:14px;font-weight:600}
.sv-number{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid #8b9ea7;padding:0 4px 4px}
.sv-number input{font:inherit;font-size:28px;font-weight:600;color:#173343;width:100px;min-height:44px;border:0;background:transparent;text-align:right;outline-offset:4px}
.sv-number>span{font-size:15px;color:#667c87}
.sv-slider{width:100%;min-height:44px;margin:8px 0 0;accent-color:#dc3d34;cursor:pointer}
.sv-scale{display:flex;justify-content:space-between;font-size:11px;color:#657a84;margin-top:-2px}
.sv-help{font-size:12px;color:#637983;line-height:1.7;margin:12px 0 0}.sv-error{font-size:13px;line-height:1.7;color:#ae2921;margin:10px 0 0}
.sv-level{border:0;margin:25px 0 0;padding:0;min-width:0}.sv-level legend{padding:0;margin-bottom:12px}
.sv-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sv-options label{position:relative;cursor:pointer}
.sv-options input{position:absolute;left:15px;top:17px;accent-color:#d73930;width:14px;height:14px;margin:0}
.sv-options label>span{display:block;border:1px solid #d5dfe4;border-radius:8px;padding:14px 12px 13px 38px;font-size:14px;line-height:1.5;min-height:75px;background:#fff}
.sv-options small{display:block;font-size:11px;color:#647a85;margin-top:5px;word-break:keep-all}
.sv-options input:checked+span{border-color:#c63a32;background:#fff9f8;color:#a52c25}
.sv-options input:focus-visible+span{outline:2px solid #17536b;outline-offset:3px}
.sv-result{margin-top:27px;padding:23px 0 22px;border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8}
.sv-result-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:13px;margin:0;color:#56717e}
.sv-result-label span{font-size:12px;color:#71838d}.sv-litres{display:flex;align-items:baseline;gap:10px;margin:8px 0!important;font-variant-numeric:tabular-nums}
.sv-litres strong{font-size:clamp(42px,5vw,58px);font-weight:600;letter-spacing:-.05em;line-height:1.25}.sv-litres>span{font-size:24px;color:#71858f}
.sv-result-note{font-size:13px;line-height:1.7;color:#566f7c;margin:0!important}.sv-caution{font-size:13px;line-height:1.9;margin:18px 0 21px;color:#617681;word-break:keep-all}.sv-caution strong{font-weight:600;color:#264c5d}
.sv-cta{display:inline-flex;align-items:center;gap:38px;background:#d63c32;color:#fff!important;text-decoration:none!important;padding:13px 19px;border-radius:5px;min-height:46px;font-size:14px;font-weight:600}.sv-cta:hover{background:#b42b25}.sv-cta:focus-visible{outline:2px solid #173343;outline-offset:4px}
.sv-link-help{font-size:11px;margin-top:8px}
/* Reading notes: generous editorial hierarchy, restrained brand accents. */
.sv-faq{border-top:3px solid #173343;margin-top:64px;scroll-margin-top:240px}
.sv-notes-heading{padding:32px 0 28px}.sv-faq .sv-notes-heading .guide-kicker{color:#b63029;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 12px}
.sv-notes-heading h3{font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.35;letter-spacing:-.045em;margin:0 0 15px}.sv-notes-heading h3 br{display:none}.sv-notes-heading h3 span{color:#17556d}.sv-faq .sv-notes-heading>p:last-child{font-size:16px;color:#526975;margin:0}
.sv-faq details{border-top:1px solid #dce5e8}.sv-faq details:last-child{border-bottom:1px solid #dce5e8}
.sv-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;min-height:64px;font-size:20px;font-weight:700;cursor:pointer;color:#173343;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.sv-faq summary::-webkit-details-marker{display:none}.sv-faq summary::after{content:'+';display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #d4e0e5;border-radius:50%;font-size:22px;font-weight:400;color:#17556d}.sv-faq details[open]>summary::after{content:'−';background:#f0f6f7}
.sv-faq summary:hover{color:#17556d}.sv-faq summary:focus-visible{outline:2px solid #17556d;outline-offset:5px;border-radius:2px}
.sv-faq summary h4{display:flex;align-items:baseline;gap:20px;margin:0;font-size:clamp(22px,2.3vw,28px);font-weight:700;line-height:1.45;letter-spacing:-.035em}
.sv-note-number{font-family:Montserrat,sans-serif;color:#b63029;font-size:15px;letter-spacing:.02em;flex:0 0 32px}.sv-faq summary em{font-style:normal;color:#b63029}
.sv-faq details>div{padding:0 0 30px;max-width:900px;font-size:16px;line-height:1.95;color:#465f6d;word-break:keep-all;overflow-wrap:anywhere}.sv-faq details>.sv-note-body{margin-left:52px;padding-bottom:36px}
.sv-faq p{margin:0 0 18px}.sv-faq strong{font-weight:700;color:#173343}.sv-faq .sv-note-lead{font-size:22px;line-height:1.65;color:#173343;letter-spacing:-.025em;margin:0 0 22px}.sv-note-lead strong{box-shadow:inset 0 -.36em #e4f0f2}
.sv-faq .sv-note-highlight{border-left:3px solid #17556d;background:#f2f7f8;padding:20px 24px;margin:0 0 24px;display:flex;flex-direction:column;gap:7px}.sv-note-highlight>strong{font-size:32px;line-height:1.3;letter-spacing:-.035em;color:#17556d}.sv-note-highlight>span{font-size:15px;line-height:1.8}.sv-note-highlight small{font-size:17px;margin-left:10px;font-weight:600;letter-spacing:-.02em}
.sv-note-balance{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:22px}.sv-note-balance>div{border-top:2px solid #cfdee3;padding-top:15px}.sv-note-balance h5{font-size:18px;margin:0 0 9px;color:#17556d;line-height:1.5}.sv-faq .sv-note-balance p{margin:0;font-size:16px}
.sv-faq .sv-note-takeaway{padding-top:16px;border-top:1px solid #e0e8ec;margin:22px 0 0}.sv-note-takeaway>span{display:block;color:#b63029;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:5px}
.sv-faq a{color:#17556d;text-underline-offset:4px}.sv-note-source{display:inline-block;font-size:14px;margin-top:18px;text-decoration:underline;min-height:44px;padding:9px 0}.sv-faq table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:22px;font-variant-numeric:tabular-nums}.sv-faq caption{text-align:left;margin:0 0 14px;color:#173343;font-weight:600}.sv-faq th,.sv-faq td{text-align:left;padding:12px 10px;border-bottom:1px solid #e2e9ec}.sv-faq thead{background:#f2f6f7}
@media(max-width:850px){.sv-layout{gap:28px;grid-template-columns:220px minmax(0,1fr)}.sv-options{grid-template-columns:1fr}.sv-options label>span{min-height:62px}.sv-quote p{font-size:15px}}
@media(max-width:620px){.sv-purpose-options{gap:7px}.sv-purpose-options label>span{padding:12px 8px;font-size:13px;min-height:92px}.sv-purpose-options small{font-size:10px;line-height:1.6;word-break:keep-all}.sv-selects select{font-size:12px}.sv-race-examples{scroll-margin-top:190px}.sv-race-examples table{font-size:12px;min-width:450px}.sv-race-examples th,.sv-race-examples td{padding:10px}.sv-faq .sv-table-scroll table{min-width:550px}.sv-race-example{font-size:13px}}
@media(max-width:620px){.sup-volume{margin:36px 0 44px;padding-top:28px;scroll-margin-top:190px}.sv-heading h2{font-size:28px}.sv-heading>p:last-child{font-size:14px}.sv-layout{display:flex;flex-direction:column;gap:26px;margin-top:26px}.sv-coach{flex-direction:row;align-items:center;gap:14px;padding:0;width:100%}.sv-coach img{width:80px;height:auto;flex:none}.sv-quote{padding-left:14px;max-width:none}.sv-quote p{font-size:13px;min-height:0;line-height:1.8;margin-top:6px}.sv-quote>span{font-size:10px}.sv-workspace{width:100%}.sv-options{grid-template-columns:1fr 1fr;gap:8px}.sv-options label>span{font-size:12px;padding:12px 8px 12px 29px;min-height:81px}.sv-options input{left:9px;top:15px}.sv-options small{font-size:11px}.sv-litres strong{font-size:44px}.sv-cta{display:flex;justify-content:space-between}.sv-faq{margin-top:44px;scroll-margin-top:190px}.sv-notes-heading h3 br{display:block}.sv-faq summary{font-size:18px;gap:12px;padding:23px 0}.sv-faq summary h4{font-size:22px;gap:10px}.sv-note-number{flex-basis:24px;font-size:13px}.sv-faq summary::after{width:28px;height:28px;font-size:20px}.sv-faq details>.sv-note-body{margin-left:0;padding-bottom:28px}.sv-faq details>div{font-size:16px}.sv-faq .sv-note-lead{font-size:20px;line-height:1.7}.sv-faq .sv-note-highlight{padding:18px 16px}.sv-note-highlight>strong{font-size:30px}.sv-note-balance{grid-template-columns:1fr;gap:18px}.sv-faq th,.sv-faq td{padding:10px 8px;font-size:13px}}