/* Калькуляторы [vt_tire_pressure], [vt_gear_calc]. Цвета — из темы (--vt-*), в тёмной теме подстраиваются сами. */
.vt-calc{--c-acc:var(--vt-accent,#1f5fa6);--c-b:#d97706;--c-line:var(--vt-line,#dce1e5);--c-gr:var(--vt-ground,#f1f3f4);--c-bg:var(--vt-bg,#fff);--c-mut:var(--vt-muted,#5c6670);--c-r:var(--vt-radius,8px);box-sizing:border-box;max-width:52rem;margin:2rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--c-line);border-radius:calc(var(--c-r) * 2);background:var(--c-bg)}
.vt-calc *,.vt-calc *::before,.vt-calc *::after{box-sizing:border-box}
.vt-calc [hidden]{display:none!important}
.vt-calc__title{margin:0 0 1rem;font-size:1.25rem}
.vt-calc__form{display:grid;gap:1rem;margin:0}
.vt-calc__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem 1rem}
.vt-calc__f{display:flex;flex-direction:column;gap:.3rem;margin:0;font-size:.875rem;font-weight:600}
/* Подпись растягивается и прижимается к полю: если в соседней колонке подпись в две строки, поля всё равно на одной линии. */
.vt-calc__f>span{display:flex;flex:1 1 auto;align-items:flex-end;justify-content:space-between;gap:.5rem;line-height:1.3}
.vt-calc__f output{color:var(--c-acc);font-variant-numeric:tabular-nums}
.vt-calc input[type=number],.vt-calc input[type=text],.vt-calc select{width:100%;min-height:2.6rem;margin:0;padding:.45rem .65rem;border:1px solid var(--vt-field,#bcc4cb);border-radius:var(--c-r);background:var(--c-bg);color:inherit;font:inherit;font-weight:400}
.vt-calc input[type=range]{width:100%;height:2.6rem;margin:0;accent-color:var(--c-acc)}
.vt-calc__own{margin-top:.35rem!important}
.vt-calc__seg{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;border:0;min-width:0}
.vt-calc__seg legend{width:100%;margin:0 0 .35rem;padding:0;font-size:.875rem;font-weight:600}
.vt-calc__seg label{position:relative;margin:0}
.vt-calc__seg input{position:absolute;opacity:0;pointer-events:none}
.vt-calc__seg span{display:inline-flex;align-items:center;min-height:2.4rem;padding:.4rem .85rem;border:1px solid var(--c-line);border-radius:999px;background:var(--c-gr);font-size:.875rem;cursor:pointer;user-select:none}
.vt-calc__seg input:checked+span{border-color:var(--c-acc);background:var(--c-acc);color:var(--vt-on-accent,#fff)}
.vt-calc__seg input:focus-visible+span{outline:2px solid var(--c-acc);outline-offset:2px}
.vt-calc__checks{display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem}
.vt-calc__check{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;cursor:pointer}
.vt-calc__check input{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--c-acc)}
.vt-calc__out{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--c-line)}
.vt-calc__units{display:inline-flex;margin:0 0 1rem;border:1px solid var(--c-line);border-radius:999px;overflow:hidden}
.vt-calc__units button{min-height:2.2rem;margin:0;padding:.3rem .95rem;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
.vt-calc__units button+button{border-left:1px solid var(--c-line)}
.vt-calc__units button[aria-pressed=true]{background:var(--c-acc);color:var(--vt-on-accent,#fff)}
.vt-calc__notes{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem;font-size:.875rem}
.vt-calc__notes li{margin:0;padding:.45rem .7rem;border-left:3px solid var(--c-line);border-radius:0 var(--c-r) var(--c-r) 0;background:var(--c-gr)}
.vt-calc__notes li.is-warn{border-left-color:#d97706}
.vt-calc__about{margin:1rem 0 0;color:var(--c-mut);font-size:.8125rem;line-height:1.5}

/* Давление */
.vt-tp__wheels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.vt-tp__w{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;border-radius:calc(var(--c-r) * 1.5);background:var(--c-gr)}
.vt-tp__l{color:var(--c-mut);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.vt-tp__v{margin:.15rem 0;color:var(--c-acc);font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.vt-tp__s{color:var(--c-mut);font-size:.9375rem;font-variant-numeric:tabular-nums}

/* Трансмиссия */
.vt-gc__sum{display:grid;gap:.4rem;margin:0 0 1.25rem}
.vt-gc__sum>div{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:.2rem 1rem;margin:0;padding:.35rem 0;border-bottom:1px dashed var(--c-line)}
.vt-gc__sum dt{margin:0;color:var(--c-mut);font-size:.875rem}
.vt-gc__sum dd{display:flex;flex-direction:column;gap:.15rem;margin:0;font-size:.9375rem;font-variant-numeric:tabular-nums}
.vt-gc__a,.vt-gc__b{padding-left:.6rem;border-left:3px solid var(--c-acc)}
.vt-gc__b{border-left-color:var(--c-b)}
.vt-gc__legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:0 0 .5rem!important;border:0!important;font-size:.875rem;font-weight:600}
.vt-gc__legend span::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.4rem;border-radius:50%;vertical-align:-.05rem;background:var(--c-acc)}
.vt-gc__legend .is-b::before{background:var(--c-b)}
.vt-gc__chart{margin:0 0 1rem}
.vt-gc__chart svg{display:block;width:100%;height:auto;overflow:visible}
.vt-gc__chart figcaption{margin-top:.35rem;color:var(--c-mut);font-size:.8125rem}
.vt-gc__grid{stroke:var(--c-line);stroke-width:1}
.vt-gc__tick{fill:var(--c-mut);font-size:12px;text-anchor:middle;font-variant-numeric:tabular-nums}
.vt-gc__ring{font-size:13px;font-weight:700;text-anchor:end;fill:var(--c-acc)}
.vt-gc__ring.is-b{fill:var(--c-b)}
.vt-gc__track{stroke:var(--c-acc);stroke-width:2;opacity:.35}
.vt-gc__track.is-b{stroke:var(--c-b)}
.vt-gc__dot{fill:var(--c-acc);stroke:var(--c-bg);stroke-width:1.5}
.vt-gc__dot.is-b{fill:var(--c-b)}
.vt-gc__dot.is-cross{opacity:.3}
.vt-calc__units.vt-gc__show{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem;border:0;border-radius:0;overflow:visible}
.vt-gc__show button,.vt-gc__show button+button{border:1px solid var(--c-line);border-radius:999px}
.vt-gc__tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.4rem 1.5rem}
/* Каждая таблица — две строки общей сетки: заголовок и таблица; так таблицы рядом начинаются на одном уровне. */
.vt-gc__tw{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:.4rem;min-width:0;margin-bottom:1rem}
.vt-gc__scroll{overflow-x:auto;align-self:start}
.vt-gc__cap{align-self:end;margin:0;font-weight:600;font-size:.9375rem;line-height:1.35}
.vt-gc__cap span{color:var(--c-mut);font-weight:400}
.vt-gc__tw.is-b .vt-gc__cap::before,.vt-gc__tw.is-a .vt-gc__cap::before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-right:.4rem;border-radius:50%;background:var(--c-acc);vertical-align:-.02rem}
.vt-gc__tw.is-b .vt-gc__cap::before{background:var(--c-b)}
.vt-gc__tw.is-b .vt-gc__table thead th{color:var(--c-b)}
.vt-gc__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@supports not (grid-template-rows:subgrid){.vt-gc__tw{display:block}.vt-gc__cap{min-height:2.7em;margin-bottom:.4rem}}
.vt-gc__table{width:100%;margin:0;border-collapse:collapse;font-size:.875rem;font-variant-numeric:tabular-nums}
.vt-gc__table th,.vt-gc__table td{padding:.3rem .55rem;border-bottom:1px solid var(--c-line);text-align:right}
.vt-gc__table thead th{border-bottom:2px solid var(--c-line);color:var(--c-acc)}
.vt-gc__table tbody th{color:var(--c-mut);font-weight:600}
.vt-gc__table td.is-cross{color:var(--c-mut);opacity:.55}
.vt-gc__table .vt-gc__step{color:var(--c-mut);font-size:.75rem}
@media (max-width:560px){
	.vt-tp__wheels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}
	.vt-tp__w{padding:.8rem}
	.vt-gc__sum>div{grid-template-columns:minmax(0,1fr)}
}
.vt-calc__set{min-width:0;margin:0;padding:.75rem 1rem 1rem;border:1px solid var(--c-line);border-radius:calc(var(--c-r) * 1.5)}
.vt-calc__set legend{padding:0 .35rem;font-weight:700;font-size:.9375rem}