.gear-compact-page .gear-magazine-hero{display:block;padding-top:20px;padding-bottom:12px}.gear-compact-page .gear-hero-copy h1{font-size:clamp(28px,3vw,40px);margin:.25rem 0}.gear-compact-page .gear-hero-copy .lead{font-size:16px;margin:6px 0}.gear-compact-page .gear-hero-copy .author-byline{display:none}.gear-quick-help{font-size:13px;margin:0 0 14px!important;display:flex;justify-content:space-between;gap:12px}.gear-compact-page #gearing-form{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;margin-top:0}.gear-workspace-inputs{min-width:0}.gear-compact-page .compare-toggle{margin:0 0 12px;font-size:14px;gap:9px}.gear-compact-page .gear-setups,.gear-compact-page .gear-setups:has(fieldset[hidden]){display:grid;grid-template-columns:1fr;gap:14px;max-width:none}.gear-compact-page .gear-setups fieldset{padding:12px 16px;border-radius:3px}.gear-compact-page .gear-setups legend{font-size:16px}.gear-compact-page .gear-preset-panel{margin:0 0 8px;padding:0;border:0;background:transparent}.gear-compact-page .gear-setups label{margin:6px 0;font-size:13px}.gear-compact-page .gear-setups select,.gear-compact-page .gear-setups input{padding:8px;margin-top:4px;min-height:38px;font-size:14px}.gear-compact-page details summary{font-size:13px;padding:9px 0;cursor:pointer}.gear-compact-page details summary span{font-weight:normal;color:#667369}.gear-manual-entry,.gear-wheel-advanced{border-top:1px solid #dde4dc}.gear-compact-page .teeth-row{gap:5px}.gear-compact-page .teeth-row label{width:44px;font-size:10px}.gear-compact-page .teeth-row input{padding:5px}.gear-compact-page .gear-speed-drawer{margin-top:10px}.gear-compact-page .gear-speed-section{padding:10px;margin:0}.gear-compact-page .gear-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.gear-compact-page .gear-options label{font-size:12px;margin:0}.gear-compact-page .gear-options input,.gear-compact-page .gear-options select{font-size:13px;padding:7px;min-height:36px}.gear-compact-page #gear-results{min-width:0;max-width:none;background:#fffdf8;border-top:3px solid #174d3c;padding:16px 20px;box-shadow:0 6px 20px #174d3c08}.gear-compact-page #gear-results:empty{display:none}.gear-compact-page #gear-results>h2{font-size:24px;margin:0 0 10px}.gear-compact-verdict{background:#e6eee7;padding:10px 12px;margin:0 0 10px;font-weight:bold;font-size:15px;line-height:1.4}.gear-compact-page #gear-results .table-wrap{margin:8px 0 12px}.gear-compact-page .gear-rating-table{min-width:0;width:100%;font-size:13px}.gear-compact-page .gear-rating-table caption{display:none}.gear-compact-page .gear-rating-table td,.gear-compact-page .gear-rating-table th{padding:8px}.gear-compact-page .gear-rating-note{display:none}.gear-compact-page .gear-rating{padding:4px 7px;font-size:12px}.gear-compact-page #gear-results>details{border-top:1px solid #dbe2db;margin:0}.gear-compact-page #gear-results>details>summary{font-weight:bold}.gear-compact-page .gear-result-grid{gap:10px}.gear-compact-page .gear-result-grid>section{padding:10px}.gear-compact-page .gear-result-grid h3{font-size:16px}.gear-compact-page .gear-result-grid .gear-verdict{font-size:14px}.gear-compact-page .gear-figures{padding:7px 0}.gear-compact-page .gear-figures strong{font-size:20px}.gear-compact-note{font-size:11px;line-height:1.5;margin:10px 0 0}.gear-compact-page .gear-export-drawer{margin:18px 0}.gear-help-article{max-width:800px;margin:auto}.gear-help-article figure{margin:20px 0}.gear-help-article figure img{width:100%;height:auto}.gear-help-article h2{margin-top:2rem}
@media(max-width:1000px){.gear-compact-page #gearing-form{grid-template-columns:1fr;gap:16px}.gear-compact-page .gear-setups{grid-template-columns:1fr 1fr}.gear-compact-page .gear-setups:has(fieldset[hidden]){grid-template-columns:1fr}.gear-quick-help{display:block}.gear-quick-help a{margin-left:6px}}
@media(max-width:650px){.gear-compact-page .gear-setups{grid-template-columns:1fr}.gear-compact-page #gear-results{padding:12px}.gear-compact-page .gear-rating-table{font-size:12px}.gear-compact-page .gear-rating-table td,.gear-compact-page .gear-rating-table th{padding:7px 5px}.gear-compact-page .gear-hero-copy h1{font-size:29px}.gear-compact-page .gear-setups fieldset{padding:10px 12px}.gear-compact-page .gear-options{grid-template-columns:1fr 1fr}.gear-compact-page .gear-result-grid{grid-template-columns:1fr}}
@media print{.gear-numeric-details{display:block!important}.gear-compact-page #gearing-form{display:block}}
.gear-current-selection{font-size:11px;line-height:1.4;color:#54645b;margin:4px 0 8px}.gear-compact-page .gear-hero-copy>p{margin:4px 0}.gear-compact-page .gear-magazine-hero{padding-top:14px;padding-bottom:14px}.gear-compact-page .compare-toggle{padding:8px 12px}.gear-compact-page .gear-setups select{min-width:0}.gear-compact-page #gearing-form.is-comparing .gear-setups{grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:650px){.gear-compact-page #gearing-form.is-comparing .gear-setups{grid-template-columns:1fr}}
.gear-view-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;margin:0 0 16px;background:#fffdf8;border:1px solid #cbd6cd;border-radius:4px}.gear-expert-switch{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:bold;cursor:pointer}.gear-expert-switch input{width:19px;height:19px;accent-color:#174d3c}.gear-view-description{font-size:12px;color:#5c6b61}.gear-expert-page #gearing-form{grid-template-columns:1fr!important}.gear-expert-page .gear-setups,.gear-expert-page .gear-setups:has(fieldset[hidden]){grid-template-columns:1fr!important}.gear-expert-page #gearing-form.is-comparing .gear-setups{grid-template-columns:1fr 1fr!important}.gear-expert-page .gear-setups fieldset{padding:16px 20px}.gear-expert-page .gear-preset-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gear-expert-page .gear-manual-entry{margin:10px 0}.gear-expert-page .gear-current-selection{font-weight:bold}.gear-expert-page .gear-options{grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px}.gear-expert-page #gear-results{padding:20px}.gear-expert-page .gear-rating-note{display:block;font-size:12px;line-height:1.4;margin-top:5px}.gear-expert-page .gear-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-expert-page .gear-tables{grid-template-columns:1fr 1fr}.gear-expert-page .gear-tables:has(details:only-child){grid-template-columns:1fr}.gear-expert-page .gear-figures{grid-template-columns:1fr 1fr}.gear-expert-page .gear-visual{padding:12px}.gear-expert-page #gear-results>details{margin:14px 0}.gear-expert-page #gear-results>details>summary{font-size:16px}
@media(max-width:700px){.gear-view-bar{align-items:flex-start;gap:8px}.gear-view-description{max-width:140px;text-align:right}.gear-expert-page #gearing-form.is-comparing .gear-setups,.gear-expert-page .gear-preset-panel,.gear-expert-page .gear-tables{grid-template-columns:1fr!important}.gear-expert-page .gear-result-grid{grid-template-columns:1fr 1fr}.gear-expert-page .gear-setups fieldset{padding:12px}}
@media(max-width:450px){.gear-expert-page .gear-result-grid{grid-template-columns:1fr}}
.gear-expert-page #gearing-form{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:20px;align-items:start}.gear-expert-page .gear-preset-panel{display:block}.gear-expert-page .gear-setups fieldset{padding:9px 11px}.gear-expert-page .gear-setups legend{font-size:14px;line-height:1.2}.gear-expert-page .gear-manual-entry{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px 8px;margin:5px 0}.gear-expert-page .gear-manual-entry:not([open]){display:block}.gear-expert-page .gear-manual-entry>summary{grid-column:1/-1;padding:5px 0}.gear-expert-page .gear-manual-entry>label{font-size:10px;line-height:1.25;margin:0}.gear-expert-page .gear-manual-entry>p{grid-column:1/-1;margin:0;font-size:10px}.gear-expert-page .gear-manual-entry select{padding:4px;min-height:28px;font-size:12px}.gear-expert-page .teeth-row{gap:3px;align-content:start}.gear-expert-page .teeth-row label{width:32px;font-size:9px;margin:0}.gear-expert-page .teeth-row input{padding:3px;min-height:28px;font-size:12px;margin:2px 0 0}.gear-expert-page .gear-current-selection{font-size:10px;margin:4px 0}.gear-expert-page .gear-wheel-advanced>summary{padding:5px 0}.gear-expert-page .gear-wheel-advanced label{font-size:10px}.gear-expert-page .gear-wheel-advanced input{min-height:28px;padding:4px}.gear-expert-page .gear-speed-drawer{margin-top:6px}.gear-expert-page .gear-speed-section{padding:7px}.gear-expert-page #gear-results{padding:12px 14px}.gear-expert-page #gear-results>h2{font-size:22px}.gear-expert-page .gear-result-grid{grid-template-columns:1fr 1fr;gap:7px}.gear-expert-page .gear-result-grid>section{padding:7px}.gear-expert-page .gear-result-grid h3{font-size:13px;margin:0 0 4px}.gear-expert-page .gear-result-grid .gear-verdict{font-size:12px;line-height:1.3;margin:4px 0}.gear-expert-page .gear-figures{gap:6px;padding:5px 0}.gear-expert-page .gear-figures strong{font-size:18px}.gear-expert-page .gear-figures small{font-size:10px}.gear-expert-page #gear-results>details>summary{font-size:14px;padding:7px 0}.gear-expert-page .gear-visual{padding:5px!important}.gear-activity-summary>h3{display:none}.gear-expert-page .gear-activity-summary{border-top:2px solid #d1dcd1;margin-top:20px;padding-top:14px}.gear-expert-page .gear-activity-summary>h3{display:block;font-size:18px;margin:0 0 8px}.gear-expert-page .gear-tables{display:block}.gear-expert-page .gear-tables .table-wrap{max-height:300px;overflow:auto}
@media(max-width:1100px){.gear-expert-page #gearing-form{grid-template-columns:1fr!important}.gear-expert-page .gear-preset-panel{display:grid;grid-template-columns:1fr 1fr}.gear-expert-page .gear-manual-entry{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:650px){.gear-expert-page .gear-result-grid{grid-template-columns:1fr}.gear-expert-page .gear-preset-panel{display:block}}
.gear-expert-page #gearing-form:not(.is-comparing) .gear-numeric-details .gear-verdict{font-size:23px;line-height:1.1;margin:5px 0}.gear-expert-page .gear-result-grid .gear-difference{font-size:10px;margin:3px 0;color:#55675d}.gear-expert-page .gear-magazine-hero{padding-top:7px;padding-bottom:7px}.gear-expert-page .gear-hero-copy h1{font-size:32px}.gear-expert-page .gear-hero-copy p{font-size:13px;margin:3px 0}.gear-expert-page .gear-view-bar{padding:7px 12px;margin-bottom:10px}.gear-expert-page .gear-quick-help{margin-bottom:8px!important}.gear-expert-page .gear-workspace-inputs>.compare-toggle{padding:6px 10px;margin-bottom:8px}
/* Compact tooth-count cells: override global calculator input sizing. */
.gear-compact-page .gear-setups .teeth-row{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start;align-content:flex-start;margin:3px 0 6px}
.gear-compact-page .gear-setups .teeth-row>label{display:flex;flex:0 0 34px;flex-direction:column;width:34px;min-width:0;max-width:34px;margin:0;font-size:9px;line-height:1.1;text-align:center;gap:2px}
.gear-compact-page .gear-setups .teeth-row input{display:block;width:34px!important;min-width:0!important;max-width:34px!important;height:29px!important;min-height:29px!important;padding:3px 2px!important;margin:0!important;font-size:12px;line-height:1.2;box-sizing:border-box;text-align:center;border-radius:3px}
.gear-expert-page .gear-manual-entry{grid-template-columns:66px minmax(0,1fr);gap:3px 7px}
.gear-expert-page .gear-manual-entry>label{align-self:start}
.gear-expert-page .gear-manual-entry>label select{width:60px;max-width:60px;height:29px;min-height:29px;padding:3px}
.gear-expert-page .gear-manual-entry>p.help{display:none}
@media(pointer:coarse){.gear-compact-page .gear-setups .teeth-row>label{flex-basis:40px;width:40px;max-width:40px}.gear-compact-page .gear-setups .teeth-row input{width:40px!important;max-width:40px!important;height:38px!important;min-height:38px!important}}
.gear-expert-page .gear-manual-entry>summary{grid-column:1/-1;grid-row:1}.gear-expert-page .gear-manual-entry>label[for$="ringcount"]{grid-column:1;grid-row:2}.gear-expert-page .gear-manual-entry>[id$="rings"]{grid-column:2;grid-row:2;width:100%;min-width:0}.gear-expert-page .gear-manual-entry>label[for$="cogcount"]{grid-column:1;grid-row:3}.gear-expert-page .gear-manual-entry>[id$="cogs"]{grid-column:2;grid-row:3;width:100%;min-width:0}.gear-expert-page .gear-manual-entry>p{grid-row:4}
.gear-expert-page .gear-manual-entry{display:block!important}.gear-expert-page .gear-manual-entry>label{display:inline-flex;flex-direction:row;align-items:center;gap:8px;width:auto;font-size:11px;line-height:1.2;margin:5px 0}.gear-expert-page .gear-manual-entry>label select{margin:0;width:50px;max-width:50px}.gear-expert-page .gear-manual-entry>.teeth-row{width:100%!important;max-width:none!important;min-width:0!important;margin:3px 0 6px}.gear-expert-page .gear-manual-entry>summary{padding:5px 0}
/* Expert workspace: source data beside inputs, full-width chart beneath. */
@supports(display:grid){
.gear-expert-page #gearing-form{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;column-gap:20px;row-gap:14px;align-items:start}
.gear-expert-page #gear-results{display:contents}
.gear-expert-page .gear-workspace-inputs{grid-column:1;grid-row:1/4}
.gear-expert-page #gear-results>h2{grid-column:2;grid-row:1;margin:0;font-size:22px;border-top:3px solid #174d3c;padding:10px 12px 0;background:#fffdf8}
.gear-expert-page #gear-results>.gear-technical-drawer{grid-column:2;grid-row:2;min-width:0;background:#fffdf8;padding:0 12px 10px;margin:0;border-top:0}
.gear-expert-page #gear-results>.gear-numeric-details{grid-column:2;grid-row:3;min-width:0;background:#fffdf8;margin:0;padding:0 12px 10px}
.gear-expert-page #gear-results>.gear-visual{grid-column:1/-1;grid-row:4;min-width:0;margin:0;background:#fffdf8;padding:12px 18px!important;border-top:3px solid #276b73}
.gear-expert-page #gear-results>.gear-activity-summary{grid-column:1/-1;grid-row:6;min-width:0;margin:0;padding:12px 18px;background:#fffdf8}
.gear-expert-page #gear-results>.gear-compact-verdict{grid-column:1/-1;grid-row:5;margin:0;font-size:13px}
.gear-expert-page #gear-results>.gear-extreme-warning{grid-column:1/-1;grid-row:7}
.gear-expert-page .gear-technical-drawer>.summary{display:none}.gear-expert-page .gear-technical-drawer .gear-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gear-expert-page .gear-technical-drawer .gear-tables:has(details:only-child){grid-template-columns:1fr}
.gear-expert-page .gear-tables details{padding:4px 7px;margin:0}.gear-expert-page .gear-tables summary{font-size:12px;padding:6px 0;line-height:1.3}.gear-expert-page .gear-tables .table-wrap{max-height:330px;overflow:auto;margin:5px 0}.gear-expert-page .gear-chart{font-size:11px;min-width:450px}.gear-expert-page .gear-chart td,.gear-expert-page .gear-chart th{padding:5px 7px}.gear-expert-page .gear-chart caption{font-size:11px;padding:5px 0}.gear-expert-page .gear-tables .help{font-size:10px;line-height:1.4;margin:5px 0}
.gear-expert-page .gear-numeric-details .gear-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-expert-page .gear-visual-scroll{overflow-x:auto}.gear-expert-page .gear-visual-canvas{min-width:650px;width:100%}
@media(max-width:1100px){.gear-expert-page #gearing-form{display:block!important}.gear-expert-page #gear-results{display:block}.gear-expert-page #gear-results>h2{margin-top:16px}.gear-expert-page #gear-results>.gear-technical-drawer,.gear-expert-page #gear-results>.gear-numeric-details,.gear-expert-page #gear-results>.gear-visual,.gear-expert-page #gear-results>.gear-activity-summary{margin:12px 0}.gear-expert-page .gear-technical-drawer .gear-tables{grid-template-columns:1fr}}
@media(max-width:650px){.gear-expert-page .gear-numeric-details .gear-result-grid{grid-template-columns:1fr 1fr}}
}
.gear-expert-page #gear-results>.gear-numeric-details{grid-column:1/-1;grid-row:5}.gear-expert-page #gear-results>.gear-compact-verdict{grid-row:6}.gear-expert-page #gear-results>.gear-activity-summary{grid-row:7}.gear-expert-page #gear-results>.gear-extreme-warning{grid-row:8}.gear-expert-page .gear-workspace-inputs{grid-row:1/3}.gear-expert-page .gear-magazine-hero .lead,.gear-expert-page .gear-magazine-hero .author-byline,.gear-expert-page .gear-magazine-hero .gear-hero-copy>p:last-child{display:none}.gear-expert-page .gear-magazine-hero{padding-top:8px;padding-bottom:8px}.gear-expert-page #gearing-form:not(.is-comparing) .gear-preset-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gear-expert-page .gear-numeric-details .gear-result-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.gear-expert-page .gear-numeric-details .gear-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.gear-expert-page #gearing-form:not(.is-comparing) .gear-preset-panel{display:block}.gear-expert-page .gear-numeric-details .gear-result-grid{grid-template-columns:1fr 1fr}}
.gear-expert-page #gear-results>h2{display:none}.gear-expert-page .gear-workspace-inputs{grid-row:1}.gear-expert-page #gear-results>.gear-technical-drawer{grid-row:1;border-top:3px solid #174d3c;padding-top:8px}.gear-expert-page #gear-results>.gear-visual{grid-row:2}.gear-expert-page #gear-results>.gear-numeric-details{grid-row:3}.gear-expert-page #gear-results>.gear-compact-verdict{grid-row:4}.gear-expert-page #gear-results>.gear-activity-summary{grid-row:5}.gear-expert-page #gear-results>.gear-extreme-warning{grid-row:6}
/* Expert tables use their full height instead of nested vertical scrolling. */
.gear-expert-page .gear-technical-drawer .gear-tables .table-wrap{max-height:none!important;height:auto!important;overflow-x:auto;overflow-y:visible}
.gear-expert-page .gear-technical-drawer,.gear-expert-page .gear-technical-drawer .gear-tables,.gear-expert-page .gear-technical-drawer .gear-tables>details{height:auto;max-height:none;align-self:start}
.gear-example-note{font-size:12px;line-height:1.4;color:#596a60;margin:0 0 8px}.gear-example-note[hidden]{display:none}

/* Crank leverage belongs to expert analysis. */
.gear-compact-page .gear-crank-input,.gear-compact-page .gear-gain-column{display:none}
.gear-expert-page .gear-crank-input{display:block;margin:8px 0}
.gear-expert-page .gear-crank-input input{max-width:100px;display:block}
.gear-expert-page .gear-crank-input small{font-size:11px;font-weight:400;display:block}
.gear-expert-page .gear-gain-column{display:table-cell}

.gear-chart-options,.gear-gain-comparison{display:none}.gear-expert-page .gear-chart-options{display:flex;gap:6px;margin:6px 0 10px}.gear-chart-options button{font:inherit;font-size:12px;padding:5px 10px;border:1px solid #b9c7be;border-radius:4px;background:#fff;color:#174d3c;cursor:pointer}.gear-chart-options button[aria-pressed="true"]{background:#174d3c;color:#fff}.gear-expert-page .gear-gain-comparison{display:grid;gap:3px;font-size:12px;line-height:1.5;padding:8px 10px;background:#edf2ec;margin-bottom:10px}

/* Compact expert controls and chart annotations. */
.gear-expert-settings,.gear-expert-chart-key,.gear-overlap-label,.gear-cadence-match-label{display:none}.gear-expert-page .gear-expert-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:9px 0}.gear-expert-settings>strong,.gear-expert-settings>small{grid-column:1/-1}.gear-expert-settings label{font-size:12px;margin:0}.gear-expert-settings input{max-width:100px;height:32px}.gear-expert-settings small{font-size:11px}.gear-expert-page .gear-expert-chart-key{display:block;font-size:11px;margin:8px 0}.gear-expert-page .gear-overlap-label,.gear-expert-page .gear-cadence-match-label{display:inline}.gear-expert-page .gear-overlap-label{color:#785719;font-weight:bold}.gear-expert-page .gear-cadence-match{box-shadow:inset 0 0 0 1px #31745d;background:#edf5ee}.gear-expert-page .gear-visual-dot.gear-overlap{outline:2px dashed #876629;outline-offset:2px}.gear-cadence-band{position:absolute;height:7px;top:50%;transform:translateY(-50%);border-radius:4px;pointer-events:none;opacity:.32;background:#174d3c}.gear-cadence-band.setup-b-band{background:#aa3e26}.gear-chart-options{flex-wrap:wrap}

.gear-cog-range{display:contents}.gear-cadence-band{top:0;opacity:0}.gear-cog-range:has(.gear-visual-dot:hover) .gear-cadence-band,.gear-cog-range:has(.gear-visual-dot:focus) .gear-cadence-band{opacity:.45}.gear-cadence-band.setup-b-band{background:#986318}@media print{#calculator-print-report .gear-cadence-band{opacity:.2;print-color-adjust:exact}}

.gear-compact-page .sr-only,#calculator-print-report .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.gear-compact-page .table-wrap{position:relative}

/* Concise introduction and a clear choice of views. */
.gear-view-bar{display:grid;grid-template-columns:1fr auto;gap:7px 14px}.gear-view-help{grid-column:1/-1;font-size:12px;line-height:1.5;color:#43594c}.gear-view-help p{margin:2px 0}.gear-expert-page .gear-magazine-hero .lead{display:block;max-width:85ch;font-size:13px;line-height:1.5}.gear-view-description{max-width:none}@media(max-width:650px){.gear-view-help{font-size:12px}.gear-view-description{font-size:11px}}

/* A distinct input panel against the editorial paper background. */
.gear-compact-page .gear-workspace-inputs{box-sizing:border-box;background:#fff;border:1px solid #b9cdbf;border-top:5px solid #174d3c;border-radius:6px;padding:18px;box-shadow:0 8px 24px #173e4210}.gear-compact-page .gear-input-heading{font:700 24px/1.2 Georgia,serif;color:#174d3c;margin:0 0 14px;padding:0 0 11px;border-bottom:1px solid #e2e9e3}.gear-compact-page .gear-setups fieldset{background:#f8faf7;box-shadow:none}.gear-compact-page .gear-setups legend{background:#fff}.gear-expert-page .gear-workspace-inputs{padding:14px}.gear-expert-page .gear-input-heading{font-size:20px;margin-bottom:10px;padding-bottom:9px}@media(max-width:650px){.gear-compact-page .gear-workspace-inputs{padding:12px;border-radius:5px}.gear-compact-page .gear-input-heading{font-size:22px;margin-bottom:12px}}

/* High-contrast form surround keeps the editable setups distinct. */
.gear-compact-page .gear-workspace-inputs{background:#174d3c;border-color:#174d3c;border-top-width:5px;box-shadow:0 10px 28px #102e2526}.gear-compact-page .gear-input-heading{color:#fff;border-bottom-color:#ffffff35}.gear-compact-page .gear-workspace-inputs>.compare-toggle{background:#fff;color:#174d3c;border-color:#fff}.gear-compact-page .gear-example-note{color:#e1ece4}.gear-compact-page .gear-setups fieldset{background:#fff;border-color:#dce6de}.gear-compact-page .gear-setups legend{background:#fff;color:#174d3c;border-radius:3px}.gear-compact-page .gear-speed-drawer{background:#fff;border-radius:4px;padding:0 10px}.gear-compact-page .gear-expert-settings{color:#fff}.gear-compact-page .gear-expert-settings label,.gear-compact-page .gear-expert-settings strong,.gear-compact-page .gear-expert-settings small{color:#fff}.gear-compact-page .gear-expert-settings input{background:#fff;color:#172a25}.gear-compact-page #gear-error:not(:empty){background:#fff2e9;color:#8c291a;padding:10px;border-radius:3px}

/* Make the active view explicit at a glance. */
.gear-view-description{display:inline-flex;align-items:center;justify-content:center;background:#e7efe8;border:1px solid #b8cdbc;border-radius:4px;padding:7px 11px;color:#174d3c;font-size:13px;font-weight:700;line-height:1.3;text-align:center;max-width:none}.gear-expert-page .gear-view-description{background:#174d3c;border-color:#174d3c;color:#fff}@media(max-width:650px){.gear-view-description{font-size:12px;padding:6px 8px}}

/* A single labelled switch replaces the status badge. */
.gear-expert-switch{display:inline-flex;justify-self:start;align-items:center;gap:11px;min-height:44px;font-size:14px;color:#64746b}.gear-expert-switch input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:50px;height:28px;min-height:28px;margin:0;padding:0;border:1px solid #9caf9f;border-radius:20px;background:#dce6dd;cursor:pointer;transition:background .18s ease}.gear-expert-switch input:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 4px #172a2540;transition:transform .18s ease}.gear-expert-switch input:checked{background:#174d3c;border-color:#174d3c}.gear-expert-switch input:checked:before{transform:translateX(22px)}.gear-expert-switch input:focus-visible{outline:3px solid #b17b27;outline-offset:4px}.gear-toggle-simple{color:#174d3c}.gear-expert-page .gear-toggle-simple{color:#64746b}.gear-expert-page .gear-toggle-expert{color:#174d3c}.gear-view-bar>.gear-view-description.sr-only{display:block;padding:0;border:0}@media(prefers-reduced-motion:reduce){.gear-expert-switch input,.gear-expert-switch input:before{transition:none}}

/* Keep generic input focus styles from washing out the switch. */
#gear-expert-view,#gear-expert-view:hover,#gear-expert-view:focus{appearance:none!important;-webkit-appearance:none!important;background:#c8d8cc!important;border:2px solid #577e65!important;box-shadow:none!important;opacity:1!important;outline-offset:4px}#gear-expert-view:checked,#gear-expert-view:checked:hover,#gear-expert-view:checked:focus{background:#174d3c!important;border-color:#174d3c!important}#gear-expert-view:before{background:#fff!important;top:2px;left:2px;box-shadow:0 1px 3px #102e254d!important}#gear-expert-view:focus-visible{outline:3px solid #b17b27!important}
#gear-expert-view{transition:none}

/* Explain each activity rating in Simple view as well as Expert view. */
.gear-compact-page .gear-rating-note{display:block;font-size:12px;line-height:1.45;font-weight:400;color:#425b4d;margin-top:5px;max-width:38ch}@media(max-width:650px){.gear-compact-page .gear-rating-note{font-size:11px;line-height:1.4}}

/* Instruction links styled as buttons need their own readable text colour. */
.gear-instructions-page main a.button,.gear-instructions-page main a.button:visited{color:#fff!important;background:#174d3c;text-decoration:none}.gear-instructions-page main a.button:hover,.gear-instructions-page main a.button:focus{color:#fff!important;background:#103d2f}.gear-instructions-page main a.button:focus-visible{outline:3px solid #b17b27;outline-offset:3px}

/* Keep gear identifiers in view and make long result rows easy to follow. */
.gear-compact-page .gear-tables summary{font-size:16px;line-height:1.4;padding:10px 0;color:#174d3c}
.gear-compact-page .gear-chart{border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums}
.gear-compact-page .gear-chart caption{font-size:12px;line-height:1.5;color:#425b4d;padding:8px 0}
.gear-compact-page .gear-chart th,.gear-compact-page .gear-chart td{padding:8px 10px}
.gear-compact-page .gear-chart thead th{background:#dfeae2;color:#163e30;font-weight:700}
.gear-compact-page .gear-chart tbody tr{--gear-row-fill:#fff}
.gear-compact-page .gear-chart tbody tr:nth-child(even){--gear-row-fill:#edf3ee}
.gear-compact-page .gear-chart tbody td{background:var(--gear-row-fill);color:#172a25}
.gear-compact-page .gear-chart tr>:first-child{position:sticky;left:0;z-index:2;min-width:82px;font-weight:700;box-shadow:2px 0 0 #b9cbbf}
.gear-compact-page .gear-chart thead tr>:first-child{z-index:3}
.gear-compact-page .gear-chart td.gear-cadence-match{box-shadow:inset 0 0 0 1px #31745d}
.gear-compact-page .gear-visual-row{background:#fff}
.gear-compact-page .gear-visual-row:nth-child(odd){background:#edf3ee}
.gear-compact-page .gear-visual-label{position:sticky;left:0;z-index:4;background:inherit;padding:8px 6px;box-shadow:2px 0 0 #cbd8cd}
.gear-compact-page .gear-visual-axis>span{position:sticky;left:0;z-index:4;background:#fff}
@media print{#calculator-print-report .gear-chart tbody tr:nth-child(even) td{background:#edf3ee!important;print-color-adjust:exact}#calculator-print-report .gear-chart tr>:first-child{position:static}}

/* Simple-view tables open as full-width reading panels, one setup at a time. */
.gear-compact-page:not(.gear-expert-page) .gear-technical-drawer .gear-tables{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.gear-compact-page:not(.gear-expert-page) .gear-tables>details{min-width:0;width:100%;padding:12px 14px;background:#fff;border:1px solid #cbd8ce;border-radius:5px;box-sizing:border-box}
.gear-compact-page:not(.gear-expert-page) .gear-tables summary{font-size:18px;line-height:1.4;padding:8px 0}
.gear-compact-page:not(.gear-expert-page) .gear-tables .table-wrap{max-height:none;height:auto;overflow-x:auto;overflow-y:visible}
.gear-compact-page:not(.gear-expert-page) .gear-chart{font-size:14px;min-width:620px;width:100%}
.gear-compact-page:not(.gear-expert-page) .gear-chart th,.gear-compact-page:not(.gear-expert-page) .gear-chart td{padding:10px 12px}
.gear-compact-page:not(.gear-expert-page) .gear-chart caption{font-size:13px}
@media(max-width:650px){.gear-compact-page:not(.gear-expert-page) .gear-tables>details{padding:8px}.gear-compact-page:not(.gear-expert-page) .gear-tables summary{font-size:16px}}

/* Mobile charts use the full screen width and stagger touch targets. */
.gear-mobile-chart-hint,.gear-mobile-columns{display:none}
@media(max-width:650px){
.gear-compact-page #gear-results{margin-left:-10px;margin-right:-10px;padding:12px 10px}
.gear-compact-page .gear-visual-scroll{padding:14px 16px 12px;overflow:visible}
.gear-compact-page .gear-visual-canvas{min-width:0!important;width:100%!important}
.gear-compact-page .gear-visual-row,.gear-compact-page .gear-visual-axis{display:block}
.gear-compact-page .gear-visual-axis>span{display:block;margin-bottom:8px}
.gear-compact-page .gear-visual-axis{margin-bottom:6px}
.gear-compact-page .gear-visual-label{position:static;box-shadow:none;padding:8px 5px;display:flex;flex-direction:row;gap:10px;align-items:baseline;font-size:13px}
.gear-compact-page .gear-visual-track{height:145px;margin:4px 0 10px}
.gear-compact-page .gear-visual-dot{width:32px;height:32px;top:8px}
.gear-compact-page .gear-visual-dot:before{inset:6px}
.gear-compact-page .gear-visual-dot:after{left:13px;top:13px}
.gear-compact-page .gear-cog-range:nth-child(3n+2) .gear-visual-dot{top:52px}
.gear-compact-page .gear-cog-range:nth-child(3n) .gear-visual-dot{top:96px}
.gear-compact-page .gear-visual-cog{top:30px;font-size:12px;font-weight:700}
.gear-compact-page .gear-visual-tooltip{font-size:12px;white-space:normal;min-width:150px;max-width:210px;bottom:36px;z-index:10}
.gear-compact-page .gear-visual-dot:focus-within,.gear-compact-page .gear-visual-dot:hover{z-index:8}
.gear-compact-page .gear-mobile-chart-hint{display:block;font-size:12px;line-height:1.5;margin:8px 0;color:#425b4d}
.gear-compact-page .gear-mobile-columns{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin:8px 0}
.gear-mobile-columns select{min-width:0;flex:1;min-height:40px;font:inherit;background:#fff;border:1px solid #9fb5a6;border-radius:4px;padding:8px;color:#174d3c}
.gear-compact-page .gear-tables details:not([data-mobile-columns="all"]) .gear-chart{min-width:0!important;width:100%;table-layout:fixed;font-size:13px}
.gear-compact-page .gear-tables details:not([data-mobile-columns="all"]) .gear-chart th,.gear-compact-page .gear-tables details:not([data-mobile-columns="all"]) .gear-chart td{padding:9px 6px;min-width:0;white-space:normal}
.gear-compact-page .gear-tables details:not([data-mobile-columns="all"]) .gear-chart tr>:not(:first-child){display:none}
.gear-compact-page [data-mobile-columns="inches"] .gear-chart tr>:nth-child(2),.gear-compact-page [data-mobile-columns="inches"] .gear-chart tr>:nth-child(4),.gear-compact-page [data-mobile-columns="speed"] .gear-chart tr>:nth-child(6),.gear-compact-page [data-mobile-columns="speed"] .gear-chart tr>:nth-child(7),.gear-compact-page [data-mobile-columns="gain"] .gear-chart tr>:nth-child(3),.gear-compact-page [data-mobile-columns="gain"] .gear-chart tr>:nth-child(5){display:table-cell!important}
}
@media print{.gear-mobile-columns,.gear-mobile-chart-hint{display:none!important}}
@media(max-width:650px){.gear-compact-page .gear-visual-track{height:calc(var(--gear-mobile-lanes,3)*44px + 20px)}.gear-compact-page .gear-visual-track .gear-cog-range .gear-visual-dot{top:calc(var(--gear-mobile-lane,0)*44px + 8px)}}
@media(max-width:650px){.gear-compact-page .gear-tooltip-start .gear-visual-tooltip{left:0;transform:none}.gear-compact-page .gear-tooltip-end .gear-visual-tooltip{left:auto;right:0;transform:none}.gear-compact-page .gear-cadence-band{top:calc(var(--gear-mobile-lane,0)*44px + 24px)}}
