@charset "UTF-8";
:root{--bg:#f4f5ef;--surface:#fff;--ink:#202d27;--muted:#526258;--green:#1d5b4a;--soft:#e9f0e9;--line:#cdd6cc;--amber:#755016;--radius:18px;--space:24px}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--green);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit;color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #a8b9ab;border-radius:10px;background:white;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color 120ms,color 120ms}button:hover,.button:hover{background:#eaf0e9}button:active,.button:active{scale:.96}button:disabled{cursor:default;background:var(--soft);opacity:1;color:#3e5848}button.selected,.button.selected{background:var(--soft);border-color:var(--green);color:var(--green)}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#164a3d;color:white}.quiet{background:transparent}.favorite{min-width:44px;min-height:44px;font-size:24px;padding:4px 10px}.favorite.selected{color:#675009;background:#fff7de;border-color:#baa153}:focus-visible{outline:3px solid #876012;outline-offset:3px}input,select{width:100%;min-height:46px;border:1px solid #a7b5a8;background:#fff;border-radius:8px;padding:10px 12px;font-size:15px;min-width:0}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--green);flex:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(31px,4.2vw,56px);font-weight:700;letter-spacing:-.035em;line-height:1.12;max-width:920px}h2{font-size:26px;line-height:1.25;letter-spacing:-.02em}h3{font-size:19px;line-height:1.35}p+p{margin-block-start:12px}p{overflow-wrap:anywhere}figure{margin:0}ul,ol{padding-inline-start:23px}li+li{margin-block-start:9px}dl{margin:0}dt,dd{margin:0}.small,figcaption{font-size:13px;line-height:1.55;color:var(--muted)}.small{display:block;margin-block-start:6px}figcaption{margin-block-start:10px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.085em;text-transform:uppercase;color:var(--muted);margin-block-end:12px}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:880px;margin-block-start:20px}.skip-link{position:absolute;inset-block-start:-60px;inset-inline-start:16px;background:white;padding:10px;z-index:20}.skip-link:focus{inset-block-start:10px}.site-header{background:#fff;border-block-end:1px solid var(--line)}.header-inner{max-width:1360px;margin:auto;padding:18px 32px;display:flex;gap:28px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.brand-sub{display:block;font-weight:400;font-size:12px;margin-block-start:3px;color:var(--muted)}.brand-symbol{width:39px;height:39px;background:var(--green);border-radius:10px;color:white;display:grid;place-items:center}.brand-symbol svg{width:27px;fill:none;stroke:currentColor;stroke-width:2}.site-header nav{display:flex;flex-wrap:wrap;gap:8px}.site-header nav a{min-height:44px;padding:11px 12px;border-radius:8px;color:var(--muted);font-size:14px;text-decoration:none;font-weight:600}.site-header nav a[aria-current=page]{background:var(--soft);color:var(--green)}.nav-count{display:inline-block;margin-inline-start:4px}.site-footer{max-width:1296px;margin:48px auto 0;padding:24px 0 40px;display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px;border-block-start:1px solid var(--line)}main{max-width:1296px;padding:0 0 24px;margin:auto;min-height:60vh}.intro{padding-block:52px 36px}.requirements{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:22px}.tag{display:inline-flex;align-items:center;gap:5px;background:var(--soft);border:1px solid #d4ded3;padding:5px 10px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.45}.gear{align-self:flex-start;background:#e2eaf1;border-color:#b4c6d5;color:#294956;font-size:12px}.gear.mt{background:#fff2d0;border-color:#cdb679;color:#664c16}.gear.cvt{background:#ece9f5;border-color:#c4bbd8;color:#55466a}.gear.dct{background:#f0ebe4;border-color:#c9bdae;color:#5f4d39}.start{display:grid;grid-template-columns:1fr repeat(3,1.1fr);gap:16px;background:#e5eee5;padding:24px;border-radius:var(--radius);margin-block-end:28px}.start h2{font-size:22px}.start a{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #bdccbd;border-radius:10px;padding:16px;text-decoration:none}.start a span{font-size:13px;color:var(--muted)}.filters{background:#fff;border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:1.35fr 1.1fr .7fr 1.15fr;gap:16px;margin-block-end:24px;box-shadow:0 1px 3px #00000008}.selector{display:flex;flex-direction:column;gap:6px;min-width:0}.selector>span{font-size:12px;font-weight:600;color:var(--muted)}.filter-checks{grid-column:1/4;display:flex;align-items:center;flex-wrap:wrap;gap:24px}.filter-checks label{display:flex;gap:9px;align-items:center;min-height:40px;font-size:14px}.filter-explain{grid-column:1/-1;font-size:12px;color:var(--muted)}.result-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-block-end:22px}.result-toolbar p{font-size:14px;font-weight:600}.view-switch{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.model-card{display:flex;flex-direction:column;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 2px 4px #00000009,0 12px 28px #00000004}.card-photo{position:relative;background:#e8ebe4}.card-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;outline:1px solid #0000001a;outline-offset:-1px}.card-photo .favorite{position:absolute;inset-block-start:14px;inset-inline-end:14px;background:white;box-shadow:0 2px 7px #00000015}.photo-generation{position:absolute;inset-block-end:12px;inset-inline-start:16px;background:#ffffffed;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.card-content{padding:22px;display:flex;flex-direction:column;flex:1;gap:15px}.card-content h2{font-size:25px}.card-content h2 a{color:var(--ink);text-decoration:none}.card-content .eyebrow{margin:0}.card-selectors{display:grid;gap:10px}.card-verdict{font-size:14px;line-height:1.65}.brief{display:grid;gap:7px}.brief>div{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:13px}.brief dt{color:var(--muted)}.brief dd{font-weight:600}.card-bottom{margin-block-start:auto;padding-block-start:12px}.price{font-size:21px;font-weight:700;line-height:1.35;display:block}.card-bottom .actions{margin-block-start:16px;display:grid;gap:8px;grid-template-columns:1fr}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.note{background:#e9eee5;padding:20px 24px;border-radius:14px;margin-block-start:32px;font-size:14px}.breadcrumb{padding-block:25px 18px;color:var(--muted);font-size:13px}.detail-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;margin-block-end:30px}.detail-hero h1{font-size:48px}.detail-hero .lead{font-size:17px}.detail-selectors{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;margin-block-start:24px}.chosen-variant{margin-block:20px;display:flex;gap:8px;flex-wrap:wrap}.chosen-variant h2{flex-basis:100%;font-size:23px;margin-block-start:8px}.chosen-variant p{font-size:15px}.hero-price{display:block;font-size:26px;line-height:1.4}.detail-hero .actions{margin-block-start:18px}.detail-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px;outline:1px solid #0000001a;outline-offset:-1px}.decisive{margin-block-start:22px;padding:0;list-style:none;display:grid;gap:12px}.decisive li{margin:0;background:white;border-radius:10px;padding:12px 16px;font-size:14px;border-inline-start:3px solid #8aac98}.section-nav{display:flex;gap:10px;flex-wrap:wrap;padding-block:16px;margin-block-end:10px}.detail-section{padding-block:36px 44px;border-block-start:1px solid var(--line);scroll-margin-block-start:20px}.section-heading{margin-block-end:24px}.section-heading h2{font-size:31px}.callout{border-inline-start:4px solid var(--green);background:#e5eee5;padding:20px 24px;border-radius:0 12px 12px 0;margin-block-end:28px}.callout p{max-width:1050px;font-size:15px}.callout strong{font-size:16px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px}.panel{background:white;padding:24px;border-radius:var(--radius);min-width:0}.panel h3,.panel h2{margin-block-end:16px}.panel p{font-size:14px}.panel .small{font-size:12px}.fact-list>div,.safety-list>div,.cost-list>div{display:flex;justify-content:space-between;gap:20px;padding-block:11px;border-block-end:1px solid #e3e8df;font-size:13px}.fact-list dd,.safety-list dd,.cost-list dd{font-weight:600;flex-shrink:0;max-width:48%;text-align:end}.fact-list dt{max-width:65%}.refs{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:12px;font-size:11px}.refs a{background:#f1f4ee;padding:3px 7px;border-radius:4px}.length-graph{display:block;width:100%;height:auto;max-width:620px;margin:auto;color:var(--ink)}svg text{fill:currentColor;font-family:inherit}.no-measure{padding:20px 0;min-height:136px}.diagrams{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:28px}.diagrams figure{padding:22px;background:white;border-radius:var(--radius)}.diagrams svg{display:block;width:100%;height:auto;max-height:310px}.diagrams figure:nth-child(2){display:flex;flex-direction:column;justify-content:center}.steps{display:grid;gap:12px;margin-block:18px}.steps li{font-size:15px}.evidence-note{background:#e9eee5;padding:24px;border-radius:var(--radius)}.evidence-note p{font-size:14px;margin-block-start:14px}details{background:white;border-radius:12px;padding:18px 22px;margin-block-start:18px}summary{font-size:14px;font-weight:600;cursor:pointer;min-height:28px;list-style:revert}details[open]>summary{margin-block-end:20px}details p{font-size:14px}.evidence-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block-start:22px}.evidence-images img{display:block;width:100%;height:auto;outline:1px solid #0000001a;border-radius:8px}.plot-scroll{overflow:auto;background:white;padding:22px;border-radius:var(--radius)}.price-plot{width:100%;min-width:730px;display:block}.scroll-hint{font-size:12px;color:var(--muted);margin-block:18px 10px}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:white}table{border-collapse:collapse;width:100%;text-align:start;font-size:14px}th,td{padding:18px;vertical-align:top;border-block-end:1px solid #dfe5dc;text-align:start}thead th{background:#eaf0e8;font-size:12px;font-weight:700}tbody th{font-size:14px;font-weight:600}tr:last-child th,tr:last-child td{border-block-end:0}td .gear{margin-block:8px}td .refs{margin-block-start:8px}.overview{min-width:1200px}.overview th:first-child{min-width:170px}.overview td{min-width:170px}.overview td:last-child{min-width:260px}.variant-table{min-width:1120px}.variant-table th:first-child{min-width:220px}.variant-table td:nth-child(4){min-width:280px}.variant-table td:last-child{min-width:176px}.variant-table td:last-child button{width:100%;margin-block-end:10px}.current{background:#f0f5ee}.offer-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.offer{display:flex;flex-direction:column;gap:6px;padding:15px;background:#f2f5ef;border-radius:10px;font-size:13px;text-decoration:none}.offer span{color:var(--muted)}.size-pair{display:flex;gap:30px;margin-block:12px 18px}.size-pair strong{font-size:25px}.size-pair span{display:block;font-size:12px;font-weight:400;color:var(--muted)}.grade.g{color:#1d5b4a}.grade.p,.grade.m{color:#8c4b27}.grade.a{color:#79520c}.bike-options{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.bike-options p{margin-block-start:10px}.bike-mass{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#e8f0e7;padding:16px;border-radius:10px;margin-block:24px;font-size:13px}.bikes>p{margin-block-start:18px}.calc-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:550px;margin-block:18px}output{display:block;font-size:25px;font-weight:600;margin-block:16px}.section-lead{font-size:15px;max-width:850px;margin-block-end:24px}.risks{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.risk{background:white;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}.risk-number{color:#7b8e7e;font-size:12px;font-weight:700;margin-block-end:8px}.risk h3{margin-block-end:16px}.risk p{font-size:14px}.risk-effect{background:#f1f4ec;border-radius:10px;padding:15px;margin-block-start:auto}.risk-effect strong{font-size:12px}.risk-effect p{margin-block-start:8px;font-size:13px}.risk>p{margin-block-end:20px}.risk details{border:1px solid var(--line);padding:12px 14px;margin-block-start:16px}.risk details p{font-size:13px}.cost-list .small{font-weight:400;font-size:12px}.comparison{margin-block-start:18px}.comparison table{min-width:1200px;table-layout:fixed}.comparison th:first-child{width:180px}.comparison-head{padding:22px;font-size:16px;background:white}.comparison-head img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;outline:1px solid #0000001a}.comparison-head h2{font-size:22px;margin-block:12px}.comparison-head strong{display:block}.comparison-head .gear{margin-block:12px;display:inline-flex}.comparison-head button{display:block;font-size:12px}.comparison td{font-size:14px;line-height:1.65}.comparison .panel{padding:0;background:none}.comparison .panel h3{font-size:16px}.comparison .fact-list>div,.comparison .safety-list>div,.comparison .cost-list>div{display:block}.comparison dd{text-align:start;max-width:100%;margin-block-start:5px}.comparison .length-graph{min-width:290px}.empty{padding:48px 24px;background:white;border-radius:var(--radius);margin-block:36px}.empty p{max-width:720px;margin-block:20px}.guide-grid,.method-grid,.credits{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-card{padding:28px;background:white;border-radius:var(--radius)}.guide-card h2{font-size:23px;margin-block-end:16px}.guide-card p{font-size:15px}.source-record{padding:28px;background:white;border-radius:var(--radius);margin-block:18px}.source-record h3{margin-block-end:16px}.source-record .actions{margin-block-start:20px}.credit-card{background:white;padding:22px;border-radius:var(--radius)}.credit-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;outline:1px solid #0000001a}.credit-card h2{font-size:22px;margin-block:16px 10px}.credit-card p{font-size:13px}.source-list{margin-block:30px}.toast{position:fixed;inset-block-end:100px;inset-inline:20px;max-width:580px;margin:auto;z-index:30;background:#203e30;color:white;border-radius:12px;padding:14px 20px;visibility:hidden;opacity:0}.toast.visible{visibility:visible;opacity:1}#compare-tray:empty{display:none}#compare-tray{position:fixed;inset-block-end:0;inset-inline:0;background:#fffffff5;box-shadow:0 -3px 20px #00000012;z-index:10}.tray-inner{max-width:1296px;margin:auto;padding:14px 0 calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.has-tray{padding-block-end:80px}.noscript{padding:24px}
@media(max-width:1390px){main,.site-footer,.tray-inner{margin-inline:32px}.header-inner{padding-inline:32px}}
@media(max-width:1120px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.start{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filter-checks{grid-column:1/2}.detail-hero{gap:28px}.detail-selectors{grid-template-columns:1fr}.risks{grid-template-columns:1fr}.risk{display:block}.risk-effect{margin-block-start:18px}.bike-options{grid-template-columns:1fr}.header-inner{align-items:flex-start;gap:20px}.site-header nav a{padding-inline:8px;font-size:13px}.detail-hero h1{font-size:40px}}
@media(max-width:720px){main,.site-footer,.tray-inner{margin-inline:20px}.header-inner{padding:16px 20px;flex-direction:column;gap:16px}.site-header nav{gap:6px}.site-header nav a{padding-inline:10px}.intro{padding-block:34px 26px}.lead{font-size:16px}.start{grid-template-columns:1fr;padding:20px;gap:12px}.start a{padding:14px}.filters{padding:20px;gap:14px}.search{grid-column:1/-1}.filter-checks{grid-column:1/-1;gap:8px}.filter-explain{line-height:1.7}.result-toolbar{align-items:flex-start;flex-direction:column}.view-switch .button{font-size:12px;padding-inline:10px}.cards{grid-template-columns:1fr}.card-content{padding:22px}.detail-hero{grid-template-columns:1fr;gap:28px}.detail-photo{order:0}.detail-hero h1{font-size:36px}.detail-selectors{grid-template-columns:1fr}.two-columns,.diagrams,.evidence-images,.guide-grid,.method-grid,.credits,.offer-list{grid-template-columns:1fr}.detail-section{padding-block:28px 34px}.section-heading h2{font-size:26px}.panel,.evidence-note{padding:20px}.callout{padding:20px}.section-nav{gap:8px}.section-nav button{font-size:12px;padding:9px 12px}.fact-list>div{gap:12px}.fact-list dd{max-width:42%;flex-shrink:1}.fact-list dt{max-width:60%}.risk{padding:22px}.price-plot{min-width:760px}.plot-scroll{padding:16px}.source-record{padding:22px}.source-record .actions{align-items:stretch}.source-record .actions a{width:100%}.tray-inner{font-size:12px}.tray-inner .button{font-size:12px}.site-footer{gap:12px;padding-block-end:28px}.calc-controls{gap:12px}.size-pair{gap:20px}.diagrams svg{max-height:none}.credits h2{margin-inline:0}}
@media(max-width:390px){main,.site-footer,.tray-inner{margin-inline:16px}.header-inner{padding-inline:16px}.filters{grid-template-columns:1fr}.filters>label,.filters>button,.filter-checks{grid-column:1/-1}.cards{gap:20px}.card-content{padding:20px}.requirements .tag{font-size:11px}.card-content h2{font-size:23px}.brief>div{grid-template-columns:106px 1fr}.size-pair{flex-wrap:wrap}.safety-list>div,.cost-list>div{display:block}.safety-list dd,.cost-list dd{margin-block-start:6px;text-align:start;max-width:100%}.fact-list>div{display:block}.fact-list dt,.fact-list dd{max-width:100%;text-align:start}.fact-list dd{margin-block-start:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}button:active,.button:active{scale:1}}
@media print{.site-header,.site-footer,#compare-tray,.favorite,.actions,.filters,.section-nav,.toast{display:none}body{background:white;font-size:11pt}main{margin:0;padding:0;max-width:none}.table-scroll,.plot-scroll{overflow:visible}.detail-section{break-inside:avoid}.cards{grid-template-columns:1fr 1fr}}

.catalogue-intro{padding-block:32px 28px}.catalogue-intro h1{font-size:clamp(31px,3.1vw,44px);max-width:none}

/* Catalogue refresh: compact comparable cards, progressive details, and charts. */
.catalogue-head{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:28px 0 24px}.catalogue-head h1{font-size:clamp(30px,3.2vw,44px);max-width:820px}.catalogue-head .lead{margin-block-start:12px}.catalogue-head .requirements{justify-content:flex-end;max-width:360px;margin:0}.filters{grid-template-columns:1.25fr .9fr .9fr 1fr 1fr;align-items:end}.filters .search{grid-column:auto}.filters .check-line{font-size:13px;min-height:46px}.advanced-filters{grid-column:1/-1;padding:14px 0 0;background:transparent;border-top:1px solid var(--line);border-radius:0}.advanced-filters summary{display:inline-flex;background:var(--soft);padding:8px 11px;border-radius:8px}.advanced-filters[open] summary{margin-block-end:16px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-help{font-size:12px;color:var(--muted);margin-block-start:12px}.filter-explain{margin-block-start:0}.result-toolbar{align-items:center}.sort-control{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-inline-start:auto}.sort-control select{width:auto;min-height:40px;padding-block:7px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.model-card{border-radius:16px}.card-photo img{aspect-ratio:16/8.5}.photo-generation{max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content{padding:18px;gap:12px}.card-content h2{font-size:23px}.card-variant-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.card-variant-line strong{font-size:14px;flex-basis:100%;line-height:1.4}.card-market{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-block:1px solid #e0e6dd;padding-block:12px}.card-market strong{font-size:20px;line-height:1.2}.card-market span{font-size:12px;color:var(--muted);text-align:end}.card-specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.card-specs>div{display:grid;gap:2px;font-size:12px}.card-specs dt{color:var(--muted)}.card-specs dd{font-weight:600}.evidence-summary{background:#f1f5ef;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}.evidence-summary p+p{margin-block-start:6px}.card-bottom{padding:0}.card-bottom .actions{margin-block-start:0}.overview-intro{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:center;margin-block:18px 24px;padding:20px;background:#fff;border-radius:var(--radius)}.overview-intro h2{font-size:22px}.plot-frame{width:100%;min-height:120px;background:#fff;border-radius:12px;overflow:auto}.plot-frame svg{display:block;max-width:100%;height:auto}.overview-intro .plot-frame{min-height:270px}.detail-hero{margin-block-end:20px}.detail-hero .detail-selectors{margin-block-start:18px}.tab-nav{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:3;background:var(--bg);padding:10px 0;border-block:1px solid var(--line);margin-block-end:0}.tab-nav a{padding:9px 13px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:700}.tab-nav a.active{background:var(--green);color:#fff}.tab-panel[hidden]{display:none!important}.detail-section.tab-panel{padding-block:30px 38px}.detail-facts{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-block-end:20px}.detail-facts .panel{padding:20px}.measurement-table{min-width:760px}.measurement-table th{width:25%}.measurement-table td:nth-child(2){font-weight:700;white-space:nowrap}.applicability{margin-block:20px}.applicability h3{margin-block-end:10px}.evidence{margin-block:20px}.bike-options{gap:16px}.bike-options .panel{padding:18px}.js-price-plot{min-height:240px;margin-block:18px;background:#fff}.price-plot{min-width:0}.comparison-controls,.compare-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block:16px}.compare-controls .mobile-third{display:none}.mobile-hide-column{display:table-cell}.comparison thead th{position:sticky;top:0;z-index:2}.comparison thead th:first-child{left:0;z-index:4}.comparison .comparison-head{vertical-align:top}.comparison .comparison-head img{max-height:120px;object-fit:cover}.comparison td,.comparison th{padding:13px}.comparison tbody th{position:sticky;left:0;background:#f8faf6;z-index:1}.comparison table{min-width:980px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-list>h2{grid-column:1/-1}.source-record{margin:0;padding:20px}.detail-hero .chosen-variant{margin-block:14px}.detail-hero .chosen-variant h2{font-size:21px}.detail-hero .actions{margin-block-start:14px}.detail-photo figcaption{font-size:12px}.detail-photo img{aspect-ratio:16/9}.detail-photo{align-self:start}.risk{padding:20px}.risk h3{font-size:18px}.empty{padding:36px 22px}.extracted-note{font-size:12px}
.plain-choice{display:flex;flex-direction:column;gap:3px;margin:0;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:13px}.plain-choice span{font-size:12px;color:var(--muted)}
@media(max-width:1120px){.catalogue-head{display:block}.catalogue-head .requirements{justify-content:flex-start;max-width:none;margin-block-start:18px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .search{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-facts{grid-template-columns:1fr}.overview-intro{grid-template-columns:1fr}.source-list{grid-template-columns:1fr}}
@media(max-width:720px){.catalogue-head{padding-block:22px 18px}.catalogue-head h1{font-size:31px}.filters{grid-template-columns:1fr;padding:18px}.filter-grid{grid-template-columns:1fr 1fr}.filters .search,.advanced-filters,.filter-explain{grid-column:1/-1}.sort-control{margin-inline-start:0}.cards{grid-template-columns:1fr}.card-photo img{aspect-ratio:16/9}.card-market{align-items:flex-start;flex-direction:column;gap:4px}.card-market span{text-align:start}.card-specs{grid-template-columns:1fr 1fr}.overview-intro{padding:16px;margin-block:12px 18px}.overview-intro .plot-frame{min-height:220px}.tab-nav{top:0;overflow:auto;flex-wrap:nowrap}.tab-nav a{white-space:nowrap;font-size:12px}.detail-hero h1{font-size:34px}.detail-facts{gap:12px}.comparison-controls,.compare-controls{align-items:stretch;flex-direction:column}.compare-controls>*{width:100%}.compare-controls .mobile-third{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.comparison table{min-width:0;table-layout:fixed}.comparison th:first-child,.comparison td:first-child{width:38%}.comparison .comparison-head{width:31%}.comparison .comparison-head img{display:none}.comparison .comparison-head h2{font-size:15px}.comparison .comparison-head strong{font-size:12px}.comparison .gear{font-size:10px;padding:3px 5px}.comparison tbody th{font-size:12px}.comparison td{font-size:12px;overflow-wrap:anywhere}.comparison .mobile-hide-column{display:none}.comparison .comparison-head.mobile-hide-column,.comparison td.mobile-hide-column{display:none}.plot-frame{overflow:auto}.plot-frame svg{min-width:520px;max-width:none}.source-list{display:grid;grid-template-columns:1fr}.source-list>h2{grid-column:auto}.measurement-table{min-width:700px}.detail-section.tab-panel{padding-block:24px 30px}}
@media(max-width:390px){.filter-grid{grid-template-columns:1fr}.card-specs{grid-template-columns:1fr}.card-content{padding:16px}.card-content h2{font-size:22px}.card-market strong{font-size:19px}.detail-hero h1{font-size:31px}.comparison th:first-child,.comparison td:first-child{width:42%}.comparison .comparison-head{width:29%}}
/* V4: the same facts in cards, table, and comparison. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.catalogue-head{padding-block:26px 20px}.catalogue-head h1{font-size:clamp(28px,3vw,40px)}.catalogue-head .lead{margin-block-start:10px;font-size:15px}.catalogue-head .requirements{max-width:400px}
.filters{padding:18px;grid-template-columns:1.3fr 1fr .7fr;gap:12px}.filters>details{grid-column:1/-1;margin:0;padding:12px 16px;background:#f6f8f3}.filters>.check-line{font-size:13px;min-height:44px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters>.check-line .small{margin:0}.filter-grid{margin-block-start:16px}.result-toolbar{flex-wrap:wrap}.sort-control{min-width:180px}.view-switch button{min-width:100px}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.model-card{border:1px solid var(--line);border-radius:16px;box-shadow:none;overflow:visible}.card-title-v4{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:18px 18px 0}.card-title-v4 h2{font-size:23px;line-height:1.25}.card-title-v4 h2 a{color:var(--ink);text-decoration:none}.card-title-v4 .small{margin-block-start:4px}.mini-photo{position:relative;width:112px;flex-shrink:0}.mini-photo img{display:block;width:100%;height:68px;object-fit:cover;border-radius:8px}.mini-photo .favorite{position:absolute;inset-block-start:-8px;inset-inline-end:-8px;background:white;min-width:36px;min-height:36px;font-size:20px;padding:0 6px}.card-content{padding:16px 18px 18px;gap:12px}.card-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.card-specs>div{font-size:13px}.card-content details{margin:0;padding:10px 12px;border:1px solid #dfe5da;background:#fafbf8}.card-content summary{font-size:12px;font-weight:600;min-height:24px}.card-market strong{font-size:21px}.card-market span{font-size:12px}.decision-summary{padding:12px 14px;background:#eaf0e7;border-radius:10px;font-size:13px;line-height:1.55}.decision-summary p+p{margin-block-start:6px}.measure-values{font-size:13px;line-height:1.5}.measure-values p+p{margin-block-start:4px}.measure-values .small{font-size:12px}.applicability-warning{font-size:12px;color:#765018;font-weight:600;line-height:1.5;margin-block-start:8px}.catalogue-secondary{font-size:12px;line-height:1.55;display:grid;gap:8px}.catalogue-secondary p+p{margin-block-start:0}
.source-evidence,.claim{padding-block:12px;font-size:13px;line-height:1.6;min-width:0}.source-evidence+.source-evidence,.claim+.claim{border-block-start:1px solid var(--line)}.source-evidence strong{font-size:14px}.source-evidence .actions,.claim .actions{margin-block-start:12px;font-size:12px}.claim-type{font-size:12px;color:var(--muted)}blockquote{margin:12px 0;padding:10px 14px;background:#eef2e9;border-inline-start:3px solid #779b87;font-size:13px;overflow-wrap:anywhere}.source-evidence a,.claim a{overflow-wrap:anywhere}.claim .applicability-warning{padding:8px 10px;background:#fff4d8;border-radius:6px}
.catalogue-table{max-height:78vh;scroll-margin-block-start:16px}.overview{table-layout:fixed;min-width:1440px}.overview th:first-child{width:240px;min-width:240px}.overview td{min-width:220px}.overview th,.overview td{padding:16px}.overview thead th{position:sticky;inset-block-start:0;z-index:3}.overview thead th:first-child{inset-inline-start:0;z-index:5}.overview tbody>tr>th:first-child{position:sticky;inset-inline-start:0;background:#fff;z-index:2;box-shadow:1px 0 #cdd6cc}.overview h2{font-size:18px}.overview .selector{margin-block:12px}.overview .selector select{font-size:12px;padding:8px}.overview .actions{gap:6px;margin-block-start:12px}.overview .actions button{font-size:12px;padding:7px}.overview details{padding:10px;margin-block:10px;font-size:12px}.overview .decision-summary{padding:10px;font-size:12px}.overview .measure-values{font-size:12px}.overview .small{font-size:11px}.overview .favorite{font-size:20px}
.detail-hero{gap:24px;grid-template-columns:1.5fr 1fr}.detail-hero h1{font-size:40px}.detail-hero .detail-photo img{max-height:240px;object-fit:cover}.detail-hero .detail-selectors{grid-template-columns:1fr 1fr}.detail-metrics{background:white;padding:20px;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-section{scroll-margin-block-start:16px}.section-nav{position:static}.section-nav .button{font-size:13px}.detail-section>.decision-summary{margin-block-end:14px}.detail-section>details{margin-block:16px}.detail-section h2{margin-block-end:18px}.measurement-table caption{padding:14px;text-align:start;font-size:13px}.measurement-table td:nth-child(2){white-space:normal}.sources .source-record{min-width:0}
.plot-frame{overflow:hidden;min-height:0}.plot-frame svg{width:auto;min-width:0!important;max-width:100%!important;display:block;height:auto}.chart-row{margin-block:10px;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;min-width:0}.chart-row figcaption{margin:0;font-size:13px;font-weight:600;color:var(--ink);line-height:1.5}.chart-disclosure{margin-block:22px}.js-price-plot{min-height:0}.chart-row svg text{font-size:11px}.plot-frame>p{padding:12px}
.comparison table{min-width:960px}.comparison-head{background:#f1f5ed!important}.comparison-head h2{font-size:18px}.comparison-head p{font-size:12px}.comparison-head strong{font-size:13px}.comparison details{padding:8px;margin-block:8px}.comparison summary{font-size:12px}.comparison .decision-summary{font-size:12px}.comparison .measure-values{font-size:12px}.comparison .mobile-third{display:none}.coverage{min-width:700px}.coverage td{font-size:13px}.coverage th{font-size:13px}.coverage td:nth-last-child(1){min-width:320px}.coverage .small{font-size:11px}.table-scroll:focus-visible{outline-offset:2px}
#compare-tray{pointer-events:none}#compare-tray .tray-inner{pointer-events:auto;max-width:1296px}.tray-inner{gap:16px}.tray-list{margin:0;padding:8px 12px;background:transparent;border:1px solid #cbd8c8;position:relative;min-width:155px;color:var(--ink)}.tray-list summary{font-size:13px}.tray-list ul{position:absolute;inset-inline-start:0;inset-block-end:44px;list-style:none;margin:0;padding:14px;background:white;border:1px solid var(--line);border-radius:12px;width:min(520px,calc(100vw - 40px));box-shadow:0 6px 24px #0002}.tray-list li{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:13px}.tray-list li button{min-width:40px}.has-tray .site-footer{padding-block-end:120px}.has-tray main{padding-block-end:100px}
@media(max-width:1000px){.catalogue-head .requirements{max-width:none}.detail-hero{grid-template-columns:1fr 1fr}.detail-hero .detail-selectors{grid-template-columns:1fr}}
@media(max-width:720px){main{padding-inline:16px}.catalogue-head h1{font-size:28px}.filters{grid-template-columns:1fr 1fr;padding:14px}.filters .search{grid-column:1/-1}.filters>.check-line{grid-column:1/-1}.cards{grid-template-columns:1fr}.card-specs{grid-template-columns:1fr 1fr}.card-title-v4 h2{font-size:21px}.mini-photo{width:96px}.card-market{gap:3px}.result-toolbar{gap:12px}.result-toolbar>p{flex-basis:100%}.sort-control{flex:1}.view-switch{width:100%}.view-switch button{flex:1}.detail-hero{grid-template-columns:1fr;gap:16px}.detail-photo{max-width:360px}.detail-hero h1{font-size:32px}.detail-metrics{grid-template-columns:1fr 1fr}.detail-section{padding-block:24px}.section-nav{gap:8px}.section-nav .button{flex:1 1 auto;padding:8px;font-size:12px}.comparison table{min-width:0;table-layout:fixed}.comparison th:first-child{width:28%}.comparison .comparison-head{width:36%}.comparison .comparison-head h2{font-size:14px}.comparison td,.comparison th{padding:8px;font-size:11px}.comparison .decision-summary{padding:8px;font-size:11px}.comparison .measure-values,.comparison .small{font-size:11px}.comparison .applicability-warning{font-size:11px}.comparison .comparison-head strong{font-size:11px}.comparison .mobile-hide-column{display:none}.comparison details{padding:6px}.comparison details[open]{min-width:0}.comparison .mobile-third{display:flex;flex-direction:column;gap:6px;font-size:13px}.comparison .claim{font-size:11px}.comparison blockquote{padding:8px;font-size:11px}.compare-controls .mobile-third{display:flex}.tray-inner{padding-inline:12px}.tray-list{min-width:120px}.tray-list ul{inset-inline-start:-4px}.site-footer{padding-inline:16px}.plot-frame svg{min-width:0!important}.chart-row{padding:8px}.chart-row figcaption{font-size:12px}}
@media(max-width:390px){main{padding-inline:12px}.filters{grid-template-columns:1fr}.filters>.selector{grid-column:1/-1}.card-specs{grid-template-columns:1fr 1fr}.mini-photo{width:82px}.card-title-v4{padding:16px 14px 0;gap:10px}.card-content{padding:14px}.card-title-v4 h2{font-size:20px}.card-market strong{font-size:19px}.detail-metrics{grid-template-columns:1fr}.comparison th:first-child{width:28%}.comparison .comparison-head{width:36%}.comparison .comparison-head h2{font-size:12px}.comparison td{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}button:active,.button:active{scale:1}}
/* Keep mobile controls compact, and constrain sorting to its container. */
.sort-control{min-width:0}.sort-control select{min-width:0;width:100%;max-width:100%}.sort-control{max-width:100%}.overview{min-width:1240px}.overview th:first-child{width:200px;min-width:200px}.overview td{min-width:0}.catalogue-table .overview td:last-child{min-width:0}.intro{padding-block:28px 22px}.intro h1{font-size:clamp(28px,3vw,40px)}.intro .lead{font-size:16px;margin-block-start:12px}
@media(max-width:720px){.header-inner{padding:12px 16px;gap:8px;align-items:flex-start}.site-header nav{flex-wrap:nowrap;overflow:auto;max-width:100%;width:100%;gap:4px}.site-header nav a{white-space:nowrap;font-size:12px;padding:9px 10px;flex:none}.catalogue-head{padding-block:20px 16px}.catalogue-head .eyebrow{font-size:10px}.catalogue-head .requirements{margin-block-start:12px;gap:6px}.catalogue-head .tag{font-size:11px;padding:4px 7px}.sort-control{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex-basis:100%;min-width:0}.sort-control select{width:100%}.filters{grid-template-columns:1fr 1fr}.filters>.selector{grid-column:auto}.filters>.search{grid-column:1/-1}}
.catalogue-head .eyebrow{margin-block-end:8px}.filters>[data-action=reset]{justify-self:start;min-height:34px;padding:5px 12px;font-size:12px}.detail-hero .decision-summary{margin-block-start:14px}
@media(max-width:720px){.catalogue-head h1{font-size:26px}.catalogue-head .eyebrow{font-size:10px;letter-spacing:.06em}.catalogue-head .requirements{margin-block-start:10px}.filters>.check-line{min-height:34px}.filters>[data-action=reset]{width:auto}.detail-hero .decision-summary{font-size:12px}}
.comparison{max-height:78vh}.comparison thead th{inset-block-start:0}.comparison tbody th{inset-inline-start:0}.comparison .comparison-head p{overflow-wrap:anywhere}
/* V5: photographs are primary content; the whole photograph remains visible. */
.model-card,.card-title-v4>div{min-width:0}.card-title-v4 h2{overflow-wrap:anywhere}
.card-title-v4{padding-block-end:16px}.card-title-v4>.favorite{flex:none;position:static;min-width:44px;min-height:44px;background:#fff;border:1px solid var(--line);font-size:24px}
.car-gallery{margin:0;min-width:0}.model-card>.car-gallery{padding-inline:18px}.gallery-main{display:block;position:relative;width:100%;padding:0;background:#e9ece7;border:0;border-radius:10px;overflow:hidden;touch-action:pan-y;cursor:zoom-in}.gallery-main img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:0}.gallery-enlarge{position:absolute;inset-inline-end:10px;inset-block-end:10px;padding:5px 9px;border-radius:6px;background:#fffE;color:var(--ink);font-size:12px}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:8px}.gallery-toolbar>button{min-width:44px;min-height:44px;padding:6px;font-size:20px}.gallery-toolbar>span{font-size:12px;text-align:center}.gallery-thumbnails{display:flex;gap:8px;overflow:auto;padding:2px 2px 8px}.gallery-thumbnails button{flex:1 0 48px;min-width:44px;min-height:44px;padding:3px;background:#f1f3ed;border:2px solid transparent;border-radius:7px;max-width:94px}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--green);background:#e4efdf}.gallery-thumbnails img{display:block;width:100%;height:46px;object-fit:contain;border-radius:3px}.car-gallery figcaption{font-size:12px;line-height:1.5;margin-block-start:4px;color:var(--ink)}.gallery-credit{display:block;color:var(--muted);font-size:11px;margin-block-start:4px}.gallery-gap{margin-block-start:8px}.detail-hero{grid-template-columns:1fr 1.2fr;align-items:start}.detail-hero>.car-gallery{width:100%;max-width:none}.detail-hero>.car-gallery .gallery-main img{max-height:none}.photo-open{overflow:hidden}.photo-dialog{width:min(1100px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);overflow:auto;box-shadow:0 12px 64px #0004}.photo-dialog::backdrop{background:#10221bcc}.photo-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-block-end:12px}.photo-dialog-head h2{font-size:18px;line-height:1.4}.photo-dialog-head button{flex:none;min-height:44px}.photo-dialog-image{display:block;max-width:100%;width:100%;height:min(62dvh,700px);object-fit:contain;touch-action:pan-y}.photo-dialog .gallery-toolbar>p{font-size:13px;line-height:1.5;text-align:center}.photo-dialog .small{font-size:12px}.photo-dialog a{overflow-wrap:anywhere}
@media(max-width:720px){.model-card>.car-gallery{padding-inline:16px}.gallery-thumbnails{gap:6px}.gallery-thumbnails button{flex-basis:44px}.gallery-thumbnails img{height:40px}.detail-hero{grid-template-columns:1fr}.photo-dialog{padding:12px}.photo-dialog-head{gap:8px}.photo-dialog-head h2{font-size:15px}.photo-dialog-head button{font-size:12px;padding-inline:9px}.photo-dialog-image{height:54dvh}.car-gallery .gallery-main img{aspect-ratio:16/10}}
@media(max-width:390px){.model-card>.car-gallery{padding-inline:14px}.gallery-thumbnails{gap:4px}.gallery-toolbar>span{font-size:11px}.photo-dialog .gallery-toolbar>p{font-size:12px}}
.photo-dialog-caption{font-size:13px;line-height:1.5;margin-block-end:12px}
@media(max-width:720px){.photo-dialog-image{height:auto;max-height:54dvh}.photo-dialog-caption{font-size:12px}}
/* Comparable fuel records keep their values readable within a scrollable table. */
.fuel-panel{min-width:0}.fuel-table{min-width:680px;width:100%;table-layout:fixed}.fuel-table th:first-child{width:22%}.fuel-table th:last-child{width:40%}.fuel-table td,.fuel-table th{vertical-align:top;overflow-wrap:anywhere}.fuel-table td:nth-child(2),.fuel-table td:nth-child(3),.fuel-table td:nth-child(4){font-variant-numeric:tabular-nums}.fuel-table caption{text-align:left;font-size:13px;padding:12px}.measurement-table td:nth-child(2){font-variant-numeric:tabular-nums}
.fuel-panel{grid-column:1/-1}
@media(max-width:720px){
 .fuel-table,.measurement-table{min-width:0;width:100%;table-layout:auto}
 .fuel-table caption,.measurement-table caption{white-space:normal}
 .fuel-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .fuel-table tbody,.measurement-table tbody{display:block}
 .fuel-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);padding:12px 0}
 .fuel-table tbody th{grid-column:1/-1;width:auto!important;text-align:left;background:var(--soft);padding:8px 12px}
 .fuel-table td{display:block;border:0;padding:10px 8px;font-size:14px}
 .fuel-table td::before{display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4;margin-bottom:4px}
 .fuel-table td:nth-child(2)::before{content:"Город"}
 .fuel-table td:nth-child(3)::before{content:"Трасса / за городом"}
 .fuel-table td:nth-child(4)::before{content:"Смешанный"}
 .fuel-table td:nth-child(5){grid-column:1/-1;padding:8px 12px;font-size:12px}
 .fuel-table td:nth-child(5)::before{content:"Условия и источник";font-weight:600}
 .measurement-table tr{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-bottom:1px solid var(--line);padding:8px 0}
 .measurement-table th,.measurement-table td{display:block;width:auto!important;border:0;padding:8px 12px;text-align:left;font-size:14px}
 .measurement-table td:nth-child(3){grid-column:1/-1;font-size:12px;color:var(--muted);padding-top:0}
}