body{--bg:#f0f3f4;--surface:#fff;--ink:#213340;--muted:#526875;--accent:#a34b12;--tint:#f7e7db;--line:#becbd2;--focus:#a34b12;font-family:Figtree,sans-serif}:root[data-theme=dark] body{--bg:#182831;--surface:#243d4a;--ink:#eff4f7;--muted:#bfccd4;--accent:#f6b57d;--tint:#49372b;--line:#58717e;--focus:#f6b57d}h1{font-family:Archivo,sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.06;max-width:18ch}.bike-intro{max-width:68ch;font-size:1.1rem}.setup-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;margin-top:2rem}.setup-columns fieldset{padding:1.3rem;background:var(--surface);border-top:2px solid var(--ink)}.setup-columns legend{padding:0 .3rem;font-weight:700}.bike-field{max-width:38rem;margin:.9rem 0}.bike-field label{font-weight:650;margin-bottom:.3rem}.bike-field input{font-size:1rem}.compare-choice{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0;min-height:44px}.bike-captions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.bike-output{border-top:2px solid var(--accent);padding-top:1.4rem;margin-top:2rem}.bike-output>div>h2{margin-top:0}.gear-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.gear-summary h3{margin-top:.4rem}.gear-summary p{font-variant-numeric:tabular-nums}.bike-output table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.bike-output th,.bike-output td{text-align:left;padding:.65rem .4rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.bike-output caption{text-align:left;font-weight:650;margin:1rem 0}.bike-method{max-width:74ch;margin-top:3rem;line-height:1.7}.own-text{white-space:pre-wrap;overflow-wrap:anywhere}::selection{background:var(--accent);color:var(--bg)}@media(max-width:700px){.setup-columns,.gear-summary,.bike-captions{grid-template-columns:1fr;gap:1rem}.setup-columns fieldset{padding:1rem}.bike-output th,.bike-output td{font-size:.9rem;padding:.55rem .3rem}.bike-field{max-width:none}}@media print{h1,.bike-intro,.bike-method,#status,main>h2,main>p{display:none!important}.bike-output{border:0;margin:0;padding:0;color:black}.bike-output *{color:black}.bike-output .actions{display:none}.gear-summary{display:block}}

.bike-table-scroll{max-width:100%;overflow-x:auto}.bike-table-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.bike-scroll-hint{display:none}@media(max-width:700px){.bike-output table[data-columns="4"]{min-width:32rem}.bike-output table[data-columns="3"]{min-width:26rem}.bike-scroll-hint{display:block;font-size:.9rem;color:var(--muted)}}@media print{.bike-table-scroll{overflow:visible}.bike-output table{min-width:0!important}}