/* CarDir · виджеты справочных страниц (P1) и хаба модели: «Мой автомобиль», «Что купить», предохранители, давление, ТО, мобильная панель. */
.p1{display:grid;gap:24px}
.p1-a{min-width:0}
.p1-s{display:none}
@media (min-width:1080px){.p1{grid-template-columns:minmax(0,1fr) 280px;gap:48px}.p1-s{display:block;position:sticky;top:92px;align-self:start}}
.toc{padding:16px;border-radius:var(--r2);border:1px solid var(--line);background:var(--card)}
.toc-h{margin:0 0 8px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}
.toc ol{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}
.toc a{display:block;padding:6px 12px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink2);font-size:14.5px;line-height:1.35}
.toc a:hover{color:var(--ink);text-decoration:none}.toc a.on,.toc a[aria-current]{border-color:var(--brand);color:var(--ink);font-weight:600}
.side-card{margin-top:14px;padding:16px;border-radius:var(--r2);background:var(--cream);display:flex;flex-direction:column;gap:2px}
.report{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.report summary{list-style:none;display:inline-flex}.report summary::-webkit-details-marker{display:none}
.report form{margin-top:16px;max-width:620px;padding:18px;border-radius:var(--r2);background:var(--bg2)}
.srcs summary{cursor:pointer;color:var(--acc);font-weight:600;min-height:32px;display:inline-flex;align-items:center}.srcs[open]{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.jump ol{list-style:none;display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin:0;counter-reset:j;scrollbar-width:none}
.jump li{flex:none;counter-increment:j}
.jump a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 6px;border-radius:99px;background:var(--bg2);color:var(--ink2);font-size:14px;font-weight:600;white-space:nowrap}
.jump a:before{content:counter(j);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--hdr);color:#fff;font-size:12px}
@media (min-width:1080px){.jump{display:none}}
.car{margin:0 0 24px;padding:14px 16px;border:1.5px solid var(--acc);border-radius:var(--r2);background:var(--acc-bg)}
html:not(.js) .car{display:none}
.car-h{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 10px;font:600 16px/1.4 var(--ff)}.car-h .ic{color:var(--acc)}.car-h small{color:var(--ink3);font-size:13.5px;font-weight:400}
.car-d{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px}.car-d>legend{float:left;font-size:13px;font-weight:700;color:var(--ink2);min-width:120px;padding:10px 10px 0 0}
.car .chip span,.tp .chip span,.tl .chip span,.rate .chip span{padding:0 12px;font-size:14px}
.car-s,.ans-my{margin:8px 0 0;font-size:15px;font-weight:600;color:var(--acc)}.ans-my{margin:0 0 12px}
.car-how summary{cursor:pointer;color:var(--acc);font-weight:600;font-size:14.5px;min-height:44px;display:flex;align-items:center}.car-how .steps{margin:8px 0 0;font-size:15px}
.off{display:none!important}
.av.hl{background:var(--ok-bg);color:var(--ok);border-radius:4px;padding:0 3px;font-weight:700}.av.dim{opacity:.4}
abbr.gl{text-decoration:underline dotted var(--ink3);text-underline-offset:3px;cursor:help}
.glp{position:absolute;z-index:70;max-width:min(320px,90vw);padding:10px 12px;border-radius:10px;background:var(--hdr);color:#fff;font-size:14px;line-height:1.45;box-shadow:var(--sh2)}
.buy-c,.tp,.tl{padding:16px 18px;border-radius:var(--r2);border:1px solid var(--line);background:var(--card);box-shadow:var(--sh)}
.tp,.tl,.fzw{margin:30px 0}.tp h2,.tl h2,.fzw h2{margin-top:0}
.buy-t{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 4px}.buy-t .ic{color:var(--ok)}
.buy-l{list-style:none;padding:0;margin:0 0 14px}
.buy-l li{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:9px 0;border-bottom:1px dashed var(--line)}
.buy-l span{color:var(--ink2);font-size:14.5px}.buy-l b{font-size:17px;text-align:right}
.buy-l small,.pg{grid-column:1/-1;color:var(--ink3);font-size:13px}
a.pg{display:inline-flex;align-items:center;min-height:32px;padding:0 4px;margin-left:-4px}
.fz-s{max-width:520px;margin:4px 0}
.fz-h{font-weight:700;margin:14px 0 6px}
.fz-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;list-style:none;padding:0;margin:0}.fz-g>li>.fz{height:100%}
.fz{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px 2px 4px;border-radius:8px;border:1.5px solid var(--line2);background:var(--card);color:var(--ink);font-size:12px;font-weight:700;line-height:1.15;text-align:center;overflow:hidden;overflow-wrap:anywhere}
.fz:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--c,var(--bg3))}
.fz b{font-size:15px}.fz b:after{content:" А";font-size:11px}
a.fz:hover{text-decoration:none;border-color:var(--ink3)}
.fz.hit{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.fz-g.q .fz:not(.hit){opacity:.28}.fz.on{background:var(--ink);color:var(--bg)}
.fz-d{margin:12px 0;padding:12px 14px;border-radius:var(--r);background:var(--cream);font-size:15px}
.fz-lg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink2);margin:14px 0 4px}.fz-lg span{display:inline-flex;align-items:center;gap:6px}
.fz-lg i{width:14px;height:14px;min-height:0;padding:0;border-radius:3px;background:var(--c)}.fz-lg i:before{display:none}
.a1{--c:#1d1d1d}.a2{--c:#9aa0a6}.a3{--c:#7e57c2}.a4{--c:#f48fb1}.a5{--c:#c8a27a}.a7_5{--c:#8d5a3b}.a10{--c:#e53935}.a15{--c:#1e88e5}.a20{--c:#fdd835}.a25{--c:#eceff1}.a30{--c:#43a047}.a35{--c:#26a69a}.a40{--c:#fb8c00}.a50{--c:#c62828}.a60{--c:#1565c0}.a70{--c:#6d4c41}.a80{--c:#eceff1}.a100{--c:#7e57c2}
.tp-c,.tl-c{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:0 0 10px}
.tp figure{margin:0}.tp figcaption{margin:8px 0 0}
.tp-s{display:block;width:100%;max-width:340px;margin:0 auto}
.tp-b{fill:var(--bg2);stroke:var(--line2);stroke-width:2}.tp-g{fill:var(--bg3)}.tp-w{fill:var(--ink)}
.tp-v{font:700 30px var(--fh);fill:var(--ink);text-anchor:middle}.tp-u,.tp-a{font:600 12.5px var(--ff);fill:var(--ink3);text-anchor:middle}.tp-a{letter-spacing:.12em}
.tl-km{flex:0 1 240px;margin:0}
.tl-next{margin:12px 0 0;padding:12px 14px;border-radius:var(--r);background:var(--ok-bg);font-size:15px}.tl-next p{margin:0 0 4px}
.tl-l{list-style:none;padding:0;margin:14px 0 0;--m:-9%}
.tl-l li{padding:8px 0 10px;border-bottom:1px solid var(--line)}
.tl-l p{margin:0 0 6px;font-size:15px}.tl-l p span{color:var(--ink2)}.tl-l small{display:block;color:var(--ink3);font-size:13px}
.tl-b{display:block;height:12px;border-radius:6px;background:linear-gradient(var(--brand),var(--brand)) var(--m) 0/3px 100% no-repeat,repeating-linear-gradient(90deg,transparent 0 calc(var(--p) - 4px),var(--acc) calc(var(--p) - 4px) var(--p)),var(--bg2)}
.tl-b.once{background:linear-gradient(var(--brand),var(--brand)) var(--m) 0/3px 100% no-repeat,linear-gradient(90deg,transparent calc(var(--p) - 4px),var(--or) calc(var(--p) - 4px) var(--p),transparent var(--p)),var(--bg2)}
.tl-ax{position:relative;height:18px;font-size:11.5px;color:var(--ink3);margin:6px 0 10px}
.tl-ax span{position:absolute;transform:translateX(-50%);white-space:nowrap}.tl-ax span:first-child{transform:none}.tl-ax span:last-child{transform:translateX(-100%)}
.wc{display:grid;gap:10px}
@media (min-width:760px){.wc{grid-template-columns:1fr 1fr}}
.wcard{margin:0;padding:14px 16px;border-radius:var(--r);background:var(--warn-bg);border-left:5px solid var(--warn);font-size:15px}
.wcard b{display:flex;align-items:center;gap:6px;color:var(--warn);font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 4px}
.wcard.bad{background:color-mix(in srgb,var(--bad) 9%,var(--card));border-color:var(--bad)}.wcard.bad b{color:var(--bad)}
.mbar{display:none}
@media (max-width:760px){
 .mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 16px rgba(0,0,0,.08);padding:2px 2px calc(2px + env(safe-area-inset-bottom))}
 .mbar a,.mbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:0;background:none;color:var(--ink2);font:600 11.5px var(--ff);cursor:pointer}
 .mbar a:hover{text-decoration:none}
 html:has(.has-mbar){scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .has-mbar main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .has-mbar .ftr{padding-bottom:calc(30px + 60px + env(safe-area-inset-bottom))}
}
@media (forced-colors:active){.fz:before,.fz-lg i{forced-color-adjust:none}.tl-b{border:1px solid CanvasText}.mbar{border-top:2px solid CanvasText}}
@media print{.tl-c,.car,.fz-s,[data-copy-list]{display:none!important}.tl-l li{break-inside:avoid}}