/* STRAKE wheel geometry tool. Styles are loaded only on the calculator page. */
.fit-page{--fit-brass:#d7b783;--fit-current:#b6c7b8;--fit-error:#843b2c;padding-bottom:0}.fit-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;padding:26px 0 50px}.fit-heading .label{margin-bottom:21px}.fit-heading h1{font-size:clamp(56px,6vw,88px);line-height:1.02;letter-spacing:-.05em}.fit-heading-copy{max-width:360px;padding-bottom:7px}.fit-heading-copy p:first-child{font-family:var(--serif);font-size:28px;line-height:1.2;letter-spacing:-.025em;color:var(--ink)}.fit-heading-copy p+p{font-size:13px;color:var(--muted);margin-top:15px;max-width:315px}.fit-noscript{padding:24px;border:1px solid var(--rule);margin-bottom:40px;font-size:13px}.fit-toolbar{border-top:1px solid var(--green);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;padding:14px 0}.fit-layout{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.fit-check{display:flex;align-items:center;gap:11px;font-size:11px;cursor:pointer;min-height:40px}.fit-check input{width:16px;height:16px;accent-color:var(--green);margin:0;flex-shrink:0}.fit-axle-tabs{display:flex;border:1px solid var(--rule)}.fit-axle-tabs button{background:transparent;border:0;min-height:36px;min-width:65px;padding:8px 14px;font-size:11px}.fit-axle-tabs button[aria-selected=true]{background:var(--green);color:var(--ivory)}.fit-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;background:transparent;border:0;padding:8px 0;min-height:44px;font-size:11px;line-height:1.5;text-align:left;text-decoration:none}.fit-button:hover span{text-decoration:underline;text-underline-offset:4px}.fit-button:disabled{opacity:.5}.fit-icon{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;flex-shrink:0}.fit-share{white-space:nowrap}.fit-workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);border-bottom:1px solid var(--rule)}.fit-controls{padding:32px 38px 24px 0;min-width:0}.fit-controls-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.fit-controls-heading h2{font-size:30px;letter-spacing:-.035em}.fit-example{font-size:9px;line-height:1.5;color:var(--muted);white-space:nowrap}.fit-input-intro{font-size:11px;color:var(--muted);margin-top:12px}.fit-form{margin-top:25px}.fit-setups{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fit-setup{min-width:0;border:0;padding:0;margin:0}.fit-setup legend{font-family:var(--serif);font-size:26px;line-height:1.2;letter-spacing:-.035em;padding:0 0 20px;display:flex;align-items:center;gap:12px;width:100%}.fit-setup-line{display:inline-block;width:22px;border-top:1px dashed #647c65}.fit-setup-proposed .fit-setup-line{border-top:2px solid #8b6b39}.fit-field{display:block;font-size:10px;line-height:1.5;margin-bottom:15px;min-width:0}.fit-field>span:first-child{display:block;margin-bottom:6px}.fit-input-wrap{display:flex;align-items:center;border:1px solid #b4b9aa;min-width:0;min-height:45px;background:var(--paper)}.fit-input-wrap input{width:100%;min-width:0;padding:9px 11px;border:0;background:transparent;border-radius:0;min-height:43px;font-size:19px;line-height:1.25;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.fit-input-wrap input::-webkit-inner-spin-button{opacity:1}.fit-input-wrap>span{font-size:10px;color:var(--muted);padding-right:10px;flex-shrink:0}.fit-input-wrap:focus-within{outline:2px solid #806339;outline-offset:2px}.fit-input-wrap input:focus-visible{outline:0}.fit-input-wrap:has([aria-invalid=true]){border-color:var(--fit-error)}.fit-field-error{display:block;font-size:10px;color:var(--fit-error);line-height:1.5;margin-top:5px}.fit-field-error:empty{display:none}.fit-spacers{border-top:1px solid var(--rule);padding-top:7px;margin-top:4px;font-size:11px}.fit-spacers summary{cursor:pointer;min-height:38px;padding:8px 0;display:list-item}.fit-spacers p{color:var(--muted);font-size:10px;line-height:1.7;margin:8px 0 15px;max-width:400px}.fit-spacer-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fit-edit-actions{border-top:1px solid var(--rule);margin-top:12px;padding-top:12px;display:flex;flex-wrap:wrap;gap:4px 25px}.fit-copy-front{flex-basis:100%}.fit-controls-note{font-size:9px;line-height:1.8;color:var(--muted);margin-top:10px;max-width:390px}.fit-visual{background:var(--green);color:var(--ivory);padding:28px 26px 23px;min-width:0;display:flex;flex-direction:column;align-self:stretch}.fit-diagram-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.fit-diagram-heading .label{font-size:8px;color:#c4cebf;letter-spacing:.11em}.fit-axle-caption{font-size:9px;line-height:1.6;color:#c4cebf;white-space:nowrap}.fit-diagram{flex:1;display:flex;align-items:center;min-height:360px;margin:10px -12px 0}.fit-diagram svg{width:100%;height:auto;max-height:510px;overflow:visible}.fit-diagram text{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.04em}.fit-diagram .fit-grid{stroke:#dce3d4;stroke-opacity:.075;stroke-width:1}.fit-diagram .fit-axis{stroke:#dce3d4;stroke-opacity:.35;stroke-width:1;stroke-dasharray:4 6}.fit-diagram .fit-mount{stroke:#e5e5d8;stroke-opacity:.6;stroke-width:1.25;stroke-dasharray:7 6}.fit-diagram .fit-label{fill:#d7dece;font-size:12px}.fit-diagram .fit-small-label{fill:#b5c4af;font-size:10px}.fit-diagram .fit-rim-current{fill:none;stroke:var(--fit-current);stroke-width:1.6;stroke-dasharray:7 5}.fit-diagram .fit-tyre-current{fill:#b6c7b807;stroke:var(--fit-current);stroke-width:1.4;stroke-dasharray:7 5}.fit-diagram .fit-rim-proposed{fill:#d7b78308;stroke:var(--fit-brass);stroke-width:2.3}.fit-diagram .fit-tyre-proposed{fill:#d7b78308;stroke:var(--fit-brass);stroke-width:1.8}.fit-diagram .fit-dimension{stroke:#e2e5d5;stroke-opacity:.55;stroke-width:1}.fit-diagram .fit-tick{stroke:var(--fit-brass);stroke-width:1.5}.fit-legend{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff26;padding-top:18px;margin-top:auto;font-size:10px;flex-wrap:wrap}.fit-legend>span{display:flex;align-items:center;gap:9px;white-space:nowrap}.fit-legend i{width:22px;height:0;display:inline-block}.fit-line-current{border-top:1px dashed var(--fit-current)}.fit-line-proposed{border-top:2px solid var(--fit-brass)}.fit-legend>.fit-scale{margin-left:auto;font-size:8px;color:#c4cebf}.fit-diagram-note{font-size:9px;line-height:1.8;color:#c4cebf;margin-top:13px;max-width:430px}.fit-results{padding-top:42px}.fit-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:29px}.fit-results-heading h2{font-size:38px;order:-1}.fit-results-heading .label{font-size:8px;color:var(--muted)}.fit-clearance{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:28px 0 30px;gap:35px}.fit-clearance>div+div{border-left:1px solid var(--rule);padding-left:35px}.fit-clearance .label{font-size:8px;letter-spacing:.12em}.fit-big-value{font-family:var(--serif);font-size:clamp(34px,3.2vw,49px);line-height:1.15;letter-spacing:-.04em;margin:15px 0 5px!important;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.fit-big-value span{font-family:var(--sans);font-size:13px;letter-spacing:0}.fit-clearance p:not(.fit-big-value){font-size:12px;line-height:1.7;margin:0}.fit-clearance small{font-size:9px;line-height:1.7;color:var(--muted);display:block;margin-top:8px;max-width:270px}.fit-measurements{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:60px;padding:35px 0 0}.fit-table-wrap{min-width:0}.fit-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.6}.fit-table caption{font-family:var(--serif);font-size:27px;letter-spacing:-.03em;text-align:left;margin-bottom:22px}.fit-table th,.fit-table td{padding:13px 10px;border-bottom:1px solid var(--rule);font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.fit-table th:first-child,.fit-table td:first-child{padding-left:0;white-space:normal}.fit-table thead th{font-size:9px;color:var(--muted);padding-top:0}.fit-table tbody th{color:var(--muted)}.fit-table td:last-child{padding-right:0}.fit-speed{padding-left:30px;border-left:1px solid var(--rule);min-width:0}.fit-speed>.label{font-size:8px;letter-spacing:.12em;margin-bottom:16px}.fit-speed>p:not(.fit-actual){font-size:11px;color:var(--muted)}.fit-speed-input{display:flex;align-items:stretch;border-bottom:1px solid var(--green);margin-top:6px;max-width:190px}.fit-speed-input input{width:110px;min-width:0;background:transparent;border:0;padding:4px 0 7px;font-family:var(--serif);font-size:32px;letter-spacing:-.03em;border-radius:0;line-height:1.3;-moz-appearance:textfield}.fit-speed-input select{border:0;background:transparent;border-radius:0;font-size:11px;width:75px;min-height:44px}.fit-actual{font-family:var(--serif);font-size:43px;letter-spacing:-.04em;line-height:1.2;margin-top:22px!important;white-space:nowrap}.fit-actual>span:last-child{font-family:var(--sans);font-size:12px;letter-spacing:0}.fit-speed .fit-speed-note{font-size:9px!important;line-height:1.7;max-width:245px;margin:9px 0 0!important}.fit-circumference{display:block;font-size:10px;line-height:1.7;margin-top:15px;max-width:250px}.fit-share-area{border-bottom:1px solid var(--rule);padding:22px 0 20px;display:flex;align-items:center;gap:10px 25px;flex-wrap:wrap}.fit-copy-status{font-size:10px;color:var(--muted);margin:0!important}.fit-copy-fallback{display:block;flex-basis:100%;font-size:11px}.fit-copy-fallback>span{display:block;margin:9px 0}.fit-copy-fallback textarea{border:1px solid var(--rule);background:var(--paper);width:100%;min-height:120px;padding:15px;resize:vertical;font-size:12px;border-radius:0;line-height:1.7}.fit-invalid{padding:30px 0;border-bottom:1px solid var(--rule);color:var(--fit-error)}.fit-invalid h2{font-size:30px;margin-bottom:10px}.fit-invalid p{font-size:12px;max-width:650px}.fit-url-note{font-size:11px;line-height:1.7;padding:14px 18px;background:#e2e4d7;margin-top:15px;overflow-wrap:anywhere}.fit-explainer{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:65px 0;border-bottom:1px solid var(--rule)}.fit-explainer .label{margin-bottom:22px}.fit-explainer h2{font-size:44px;line-height:1.1}.fit-explainer>div>p{font-size:14px;line-height:1.8;margin-bottom:21px;max-width:530px}.fit-explainer details{border-top:1px solid var(--rule);font-size:12px}.fit-explainer summary{display:list-item;cursor:pointer;padding:17px 0;min-height:46px}.fit-explainer details p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 19px;max-width:530px}.fit-next{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:65px 0 75px}.fit-next .label{margin-bottom:18px}.fit-next h2{font-size:46px}.fit-next .actions{gap:25px}.fit-next .btn{gap:22px}.fit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.fit-page{width:min(1440px,calc(100% - 160px))}.fit-heading{padding-top:40px;padding-bottom:58px}.fit-controls{padding:38px 50px 30px 0}.fit-visual{padding:32px 40px}.fit-diagram svg{max-height:560px}.fit-setups{gap:35px}.fit-input-wrap{min-height:49px}.fit-input-wrap input{min-height:47px}}
@media(max-width:1100px){.fit-heading{gap:35px}.fit-heading-copy p:first-child{font-size:25px}.fit-controls{padding-right:25px}.fit-controls-heading{display:block}.fit-example{display:block;margin-top:9px}.fit-setups{gap:17px}.fit-field{font-size:10px}.fit-visual{padding:25px 19px}.fit-legend{gap:16px}.fit-legend>.fit-scale{flex-basis:100%;margin-left:0}.fit-measurements{gap:30px}.fit-speed{padding-left:25px}.fit-next{gap:30px}.fit-next .actions{flex-direction:column;align-items:flex-start;gap:18px}}
@media(max-width:900px){.fit-heading{grid-template-columns:1.1fr .9fr;gap:30px}.fit-heading h1{font-size:64px}.fit-heading-copy p:first-child{font-size:24px}.fit-workspace{grid-template-columns:1fr}.fit-controls{padding:28px 0 22px}.fit-controls-heading{display:flex}.fit-example{margin:0}.fit-setups,.fit-spacer-fields{gap:30px}.fit-setup{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-content:start}.fit-setup legend{padding-bottom:21px}.fit-field{margin-bottom:17px}.fit-setup .fit-field:last-child{grid-column:1/-1;width:calc(50% - 9px)}.fit-visual{padding:25px 30px}.fit-diagram{min-height:0;margin:0 auto;width:100%;max-width:570px}.fit-diagram svg{height:430px}.fit-legend>.fit-scale{flex-basis:auto;margin-left:auto}.fit-controls-note{max-width:100%}.fit-clearance{gap:25px}.fit-clearance>div+div{padding-left:25px}.fit-big-value{font-size:37px}.fit-explainer{gap:45px}.fit-explainer h2{font-size:40px}.fit-next h2{font-size:40px}}
@media(max-width:650px){.fit-heading{grid-template-columns:1fr;gap:23px;padding:17px 0 32px}.fit-heading h1{font-size:61px}.fit-heading .label{margin-bottom:19px}.fit-heading-copy{padding:0;max-width:100%}.fit-heading-copy p:first-child{font-size:24px;max-width:310px}.fit-heading-copy p+p{font-size:12px;max-width:340px;margin-top:11px}.fit-toolbar{gap:12px;align-items:flex-start;padding:12px 0;min-height:69px}.fit-layout{gap:6px;display:block;min-width:0}.fit-check{font-size:10px;gap:8px;line-height:1.5}.fit-check input{width:15px;height:15px}.fit-share{font-size:10px;gap:7px;flex-shrink:0}.fit-share .fit-icon{width:15px;height:15px}.fit-axle-tabs{width:fit-content;margin:5px 0 7px}.fit-axle-tabs button{min-height:40px;min-width:70px;font-size:11px}.fit-controls{padding:25px 0 20px}.fit-controls-heading h2{font-size:28px}.fit-example{font-size:8px}.fit-input-intro{font-size:10px;margin-top:10px}.fit-setups{gap:20px}.fit-setup{display:block}.fit-setup legend{font-size:27px;padding-bottom:19px;gap:9px}.fit-setup-line{width:18px}.fit-setup .fit-field:last-child{width:auto}.fit-field{font-size:10px;margin-bottom:15px}.fit-input-wrap{min-height:48px}.fit-input-wrap input{font-size:21px;min-height:46px;padding:10px 9px}.fit-input-wrap>span{padding-right:10px}.fit-spacer-fields{gap:20px}.fit-spacers{margin-top:3px}.fit-spacers summary{min-height:42px;padding-top:10px}.fit-spacers p{font-size:10px}.fit-edit-actions{gap:4px 25px}.fit-button{font-size:11px}.fit-controls-note{font-size:9px;max-width:350px}.fit-visual{padding:23px 18px 20px;margin-left:-24px;margin-right:-24px}.fit-diagram-heading .label{font-size:8px;max-width:210px}.fit-diagram-heading{gap:12px}.fit-axle-caption{font-size:8px}.fit-diagram{margin:9px auto 0}.fit-diagram svg{height:auto;max-height:none}.fit-diagram .fit-label{font-size:20px}.fit-diagram .fit-small-label{font-size:18px}.fit-legend{padding-top:17px;gap:20px;font-size:10px}.fit-legend>.fit-scale{font-size:8px;flex-basis:100%;margin-left:0}.fit-diagram-note{font-size:9px;line-height:1.8;margin-top:12px}.fit-results{padding-top:33px}.fit-results-heading{display:block;margin-bottom:23px}.fit-results-heading h2{font-size:36px;margin-bottom:12px}.fit-results-heading .label{font-size:7px;letter-spacing:.12em}.fit-clearance{grid-template-columns:1fr 1fr;gap:25px 20px;padding:24px 0}.fit-clearance>div+div{padding-left:20px}.fit-clearance .label{font-size:7px;letter-spacing:.1em}.fit-big-value{font-size:34px;margin-top:13px!important}.fit-big-value span{font-size:10px}.fit-clearance p:not(.fit-big-value){font-size:10px;line-height:1.7}.fit-clearance small{font-size:8px;line-height:1.8;margin-top:7px}.fit-clearance>.fit-radius{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:21px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fit-radius>.label{grid-column:1/-1;margin-bottom:2px}.fit-radius>.fit-big-value{grid-row:2/4;margin:10px 0 0!important;align-self:center}.fit-radius>p:not(.fit-big-value){grid-column:2;margin-top:9px}.fit-radius small{grid-column:2;margin-top:5px}.fit-measurements{grid-template-columns:1fr;gap:29px;padding-top:27px}.fit-table{font-size:10px}.fit-table caption{font-size:27px;margin-bottom:20px}.fit-table th,.fit-table td{padding:13px 7px}.fit-table thead th{font-size:8px}.fit-table th:first-child{max-width:95px}.fit-speed{border-left:0;border-top:1px solid var(--rule);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fit-speed>.label{grid-column:1/-1;margin-bottom:14px}.fit-speed>p:not(.fit-actual){grid-column:1;font-size:10px}.fit-speed-input{grid-column:1;max-width:150px}.fit-speed-input input{font-size:32px;width:90px}.fit-speed-input select{width:65px;font-size:11px}.fit-actual{grid-column:2;grid-row:2/4;margin:12px 0 0!important;align-self:center;font-size:40px}.fit-actual>span:last-child{font-size:11px}.fit-speed .fit-speed-note{grid-column:1/-1;margin-top:18px!important;max-width:100%;font-size:9px!important}.fit-circumference{grid-column:1/-1;font-size:10px;margin-top:11px;max-width:100%}.fit-speed>[data-fit-speed-error]{grid-column:1/-1}.fit-share-area{padding:17px 0 20px;gap:4px 20px}.fit-copy-status{font-size:9px;line-height:1.7}.fit-invalid{padding:25px 0}.fit-invalid h2{font-size:28px}.fit-invalid p{font-size:11px}.fit-explainer{grid-template-columns:1fr;gap:27px;padding:40px 0}.fit-explainer .label{font-size:8px;margin-bottom:16px}.fit-explainer h2{font-size:38px}.fit-explainer>div>p{font-size:13px;margin-bottom:20px}.fit-explainer summary{font-size:11px}.fit-explainer details p{font-size:11px;line-height:1.8}.fit-next{flex-direction:column;align-items:flex-start;gap:28px;padding:40px 0 50px}.fit-next .label{font-size:8px;margin-bottom:17px}.fit-next h2{font-size:39px}.fit-next .actions{gap:20px}.fit-next .btn{min-height:48px;padding:12px 20px;font-size:11px}.fit-next .text-link{font-size:11px}.fit-url-note{font-size:10px;padding:13px;margin-top:13px}}
@media(max-width:359px){.fit-visual{margin-left:-18px;margin-right:-18px}.fit-heading h1{font-size:52px}.fit-controls-heading{display:block}.fit-example{margin-top:8px}.fit-setups,.fit-spacer-fields{gap:15px}.fit-toolbar{gap:8px}.fit-check{font-size:9px;max-width:165px}.fit-share{font-size:9px}.fit-share .fit-icon{width:13px;height:13px}.fit-setup legend{font-size:25px}.fit-big-value{font-size:30px}.fit-table{font-size:9px}.fit-table th,.fit-table td{padding-left:5px;padding-right:5px}.fit-actual{font-size:35px}.fit-visual{padding-left:18px;padding-right:18px}.fit-diagram-heading .label{max-width:180px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.fit-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Continue a valid comparison in the photo visualiser. */
.fit-preview-next{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:36px;padding:29px 30px;background:#e3e5da}.fit-preview-next .label{font-size:8px;margin-bottom:14px}.fit-preview-next h2{font-size:32px;letter-spacing:-.03em}.fit-preview-next p{font-size:11px;color:var(--muted);margin-top:12px;max-width:440px;line-height:1.7}.fit-preview-next .btn{white-space:nowrap;gap:24px;font-size:11px;min-height:48px}.fit-preview-next .btn[aria-disabled=true]{opacity:.45;cursor:default}.fit-preview-next .btn .fit-icon{width:19px;height:19px}
@media(max-width:650px){.fit-preview-next{display:block;padding:25px 22px;margin-top:29px}.fit-preview-next h2{font-size:31px;max-width:280px}.fit-preview-next p{font-size:10px;margin-top:11px}.fit-preview-next .btn{margin-top:21px;font-size:11px;gap:24px}.fit-preview-next .label{font-size:7px}}