/* Beige continuation of the pilot programme, with existing typography. */
.savings{background:#dfded1;color:var(--graphite)}
.savings h2{max-width:1000px}.savings .calc-lead{max-width:1000px;margin-top:24px;color:#56524c;line-height:var(--lh-text)}
.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:40px;align-items:start}
.calc-form{display:grid;gap:22px}.calc-form label{display:grid;gap:10px;font-size:16px;font-weight:500;letter-spacing:.01em}
.calc-form input,.calc-form select{width:100%;min-width:0;border:2px solid #b7ad9e;border-radius:0;background:#efeee4;color:var(--graphite);padding:14px 16px;min-height:54px;color-scheme:light;transition:border-color .2s}
.calc-form input:hover,.calc-form select:hover{border-color:var(--graphite)}.calc-form input:focus,.calc-form select:focus{outline:2px solid var(--red);outline-offset:3px}
.calc-form small{font-size:13px;font-weight:400;color:#56524c;line-height:1.5}.calc-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#electrical-inputs{display:grid;gap:20px}.savings [hidden]{display:none!important}
.calc-form .button{justify-content:center;border:0}.calc-form .calc-example{font-size:14px;color:#56524c}
.calc-output{padding:30px;background:#e9e8de;border:0;min-width:0}
.calc-output h3{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:.02em}.calc-output>p{color:#56524c;line-height:1.6;margin-top:16px}
.calc-values{display:grid;gap:26px;margin-top:26px}.calc-value strong{font-size:clamp(32px,3.5vw,55px);font-weight:900;letter-spacing:.015em;line-height:1.15;overflow-wrap:anywhere}.calc-value span{display:block;font-size:16px;color:#56524c;margin-top:8px}
.calc-value:first-child strong{color:var(--red)}.calc-hours{margin-top:22px;color:#56524c}.calc-hours strong{color:var(--graphite)}
.calc-range,.calc-notice{font-size:15px;line-height:var(--lh-text);margin-top:28px;color:#56524c}.calc-notice strong{color:var(--graphite)}.calc-evidence{margin-top:36px;border-top:1px solid #bcb3a6;padding-top:22px}
.calc-evidence .calc-table-wrap{overflow:auto;margin-top:20px}.calc-evidence table{border-collapse:collapse;min-width:580px;width:100%;font-size:15px}.calc-evidence th,.calc-evidence td{text-align:left;padding:16px 12px;border-bottom:1px solid #bcb3a6;line-height:1.5}.calc-evidence p{max-width:1000px;font-size:15px;color:#56524c;line-height:var(--lh-text);margin-top:20px}/* Ссылка на кейс в таблице — как переходы внутренних страниц: --red-ui, 600, при наведении яркий (владелец 12.09.2026: «плохо выделяется ссылка»). */
.calc-evidence a,body .calc-evidence a.unified-link{color:var(--red-ui);font-weight:600}.calc-evidence a:hover,body .calc-evidence a.unified-link:hover,body .calc-evidence a.unified-link:focus-visible{color:var(--red-hero)!important}
@media(max-width:900px){.calc-layout{grid-template-columns:1fr;gap:30px}.calc-values{grid-template-columns:1fr 1fr}.calc-output{padding:24px}}
@media(max-width:460px){.calc-pair,.calc-values{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.calc-form input,.calc-form select,.calc-evidence summary{transition:none}}

.savings .calc-form .button{background:var(--red-ui);color:#fff;transition:background .2s}.savings .calc-form .button:hover{background:var(--red-hero)}

.savings>.wrap::after{content:none;}

.savings .equipment-directory{color:var(--graphite)}
.savings .equipment-directory>summary{background:#d7d6c8;color:var(--graphite)}
.savings .equipment-directory>summary>span{color:#56524c}
.savings .equipment-directory>summary:hover,.savings .equipment-directory>summary:focus-visible{background:#cecdbe;color:var(--red)}

.calc-meter{margin:0;display:flex;justify-content:center;}
.calc-meter img{width:280px;max-width:70%;height:auto;object-fit:contain;}

.calc-output{isolation:isolate}
#savings-result{position:relative;}
.calc-output .calc-meter{position:absolute;right:0;top:var(--meter-top,26px);width:44%;height:var(--meter-height,190px);margin:0;pointer-events:none;}
.calc-output .calc-meter img{position:absolute;top:-5.4%;left:50%;transform:translateX(-50%);width:auto;max-width:none;height:115%;mix-blend-mode:multiply;}
.calc-output .calc-values{display:block;width:55%;}
.calc-output .calc-value+.calc-value{margin-top:26px;}
.calc-output .calc-hours{clear:both;padding-top:20px;}
.calc-output{container-type:inline-size;}
@container(max-width:420px){
 .calc-output .calc-meter{position:relative;top:auto;right:auto;width:100%;height:210px;margin:22px auto;}
 .calc-output .calc-values{width:100%;}
}
.calc-form select{appearance:none;-webkit-appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23252a30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:24px 24px;}


/* Paired coarse and precise entry. */
/* Поля калькулятора — система полей форм сайта в тёплом тоне (владелец, 14.09.2026): без рамки, линия снизу 2 px #61686F, высота 52 px, на ≤640 px 48 px — как у форм сайта, поля 12×14 px, 16 px. Наведение — заливка #FFFDF3; фокус — #FFFDF3 и линия 3 px --graphite, красный на фокусе не применяется. Радиокнопки и ползунок — свои. Сторож — local_redesign/check_inputs.py. */
.calc-form input[type=number],.calc-form select{border:0;min-height:52px;padding-top:12px;padding-bottom:12px;padding-left:14px;box-shadow:inset 0 -2px #61686f;font-size:16px;font-weight:400;line-height:1.4;}.calc-form input[type=number]{padding-right:14px;}@media(max-width:640px){.calc-form input[type=number],.calc-form select{min-height:48px;}}
.calc-mode{border:0;padding:0;margin:0;min-width:0;}
.calc-mode legend{font-size:16px;font-weight:500;margin-bottom:14px;}
.calc-mode>div{display:flex;gap:24px;flex-wrap:wrap;}
.calc-form .calc-mode label{display:flex;align-items:center;gap:10px;cursor:pointer;}
.calc-form input[type=radio]{appearance:auto;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--red-ui);}
.calc-control{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:18px;align-items:center;}
.calc-control input[type=number]{text-align:right;padding:12px 14px;}
.calc-form input[type=range]{appearance:auto;accent-color:var(--red-ui);width:100%;min-height:28px;padding:0;border:0;background:transparent;cursor:pointer;}
.calc-scale{font-size:12px;font-weight:400;color:#56524c;margin-top:-8px;}
.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 88px;gap:10px;}
#calc-fleet{color:#56524c;font-size:15px;line-height:1.6;margin-top:12px;}
@media(max-width:560px){.calc-form .calc-pair{grid-template-columns:1fr;}.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 108px;gap:18px;}}

/* Focus follows the control itself, without an enclosing rectangle. */
.savings .calc-form input:focus,.savings .calc-form select:focus{outline:none;}
.savings .calc-form input[type=number],.savings .calc-form select{transition:background .2s,box-shadow .2s,border-color .2s;}
.savings .calc-form input[type=number]:hover,.savings .calc-form select:hover{background-color:#fffdf3;}
.savings .calc-form input[type=number]:focus,.savings .calc-form select:focus{background-color:#fffdf3;box-shadow:inset 0 -3px var(--graphite);}
.savings .calc-form input[type=range]{appearance:none;-webkit-appearance:none;height:32px;min-height:32px;border:0;box-shadow:none;background:transparent;}
.calc-form input[type=range]::-webkit-slider-runnable-track{height:6px;border:0;border-radius:3px;background:linear-gradient(to right,var(--red-ui) 0 var(--range-fill,0%),#bcb2a3 var(--range-fill,0%) 100%);}
.calc-form input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;background:var(--red-ui);transition:box-shadow .2s,transform .2s;}
.calc-form input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px rgb(176 0 24 / 12%);}
.calc-form input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 7px rgb(176 0 24 / 20%);transform:scale(1.15);}
.calc-form input[type=range]::-moz-range-track{height:6px;border:0;border-radius:3px;background:#bcb2a3;}
.calc-form input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--red-ui);}
.calc-form input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--red-ui);transition:box-shadow .2s,transform .2s;}
.calc-form input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 5px rgb(176 0 24 / 12%);}
.calc-form input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 7px rgb(176 0 24 / 20%);transform:scale(1.15);}
.savings .calc-form input[type=radio]:focus-visible{border-radius:50%;box-shadow:0 0 0 5px rgb(176 0 24 / 20%);}
@media(forced-colors:active){.savings .calc-form input:focus-visible,.savings .calc-form select:focus-visible{outline:2px solid Highlight;outline-offset:3px;}}

.calc-form input[type=number]::-webkit-inner-spin-button{margin-left:10px;cursor:pointer;}
.calc-control{grid-template-columns:minmax(0,1fr) 120px;}
.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 104px;}
@media(max-width:560px){.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 120px;}}

/* Flat slider track, without a native bevel or outline. */
.calc-form input[type=range]::-webkit-slider-runnable-track{border:0;outline:0;box-shadow:none;}
.calc-form input[type=range]::-moz-range-track,.calc-form input[type=range]::-moz-range-progress{border:0;outline:0;box-shadow:none;}

.savings .calc-form input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;border:0;border-radius:50%;background:#fffdf3;box-shadow:none;outline:none;transition:background .2s,box-shadow .2s;}
.savings .calc-form input[type=radio]:checked{background:radial-gradient(circle,var(--red-ui) 0 48%,#fffdf3 52%);}
.savings .calc-form input[type=radio]:hover{box-shadow:0 0 0 4px rgb(176 0 24 / 10%);}
.savings .calc-form input[type=radio]:focus-visible{box-shadow:0 0 0 5px rgb(176 0 24 / 22%);}
@media(forced-colors:active){.savings .calc-form input[type=radio]{appearance:auto;}.savings .calc-form input[type=radio]:focus-visible{outline:2px solid Highlight;}}

/* Local warm light, sampled neutral base from the XADO greases reference. */
.calc-output .calc-meter::before{content:"";position:absolute;inset:-12% -8%;pointer-events:none;background:radial-gradient(ellipse at 55% 58%,rgba(244,216,108,.26),rgba(244,216,108,.10) 42%,rgba(244,216,108,0) 72%);}

/* Compact transition from the evidence accordion to the methods section. */
section.savings{padding-bottom:0;}
.savings>.wrap.section{padding-bottom:40px;}
@media(max-width:600px){.savings>.wrap.section{padding-bottom:32px;}}

/* Keep units attached to values; contain the enlarged meter and its studio backdrop. */
.calc-output{overflow:hidden;}
.calc-output .calc-meter{right:12px;}
.calc-output .calc-meter img{height:126.5%;top:-11%;}
.calc-amount{display:flex;align-items:baseline;gap:.35em;white-space:nowrap;font-size:clamp(27px,3.5vw,55px);}
.calc-value .calc-amount strong{font-size:1em;letter-spacing:0;overflow-wrap:normal;}
.calc-value .calc-amount .calc-unit{display:inline;font-size:max(.36em,11px);font-weight:700;margin:0;white-space:nowrap;color:inherit;}
.calc-value:first-child .calc-amount{color:var(--red);}
.calc-range strong,#calc-fleet strong,.calc-evidence td strong{font-weight:700;}
@container(max-width:520px){.calc-output .calc-meter{position:relative;right:auto;top:auto;width:100%;height:210px;margin:22px auto;}.calc-output .calc-values{width:100%;}}
/* Нативный список рисовал пункты в Arial — единственные не-Inter элементы титула (аудит 11.09.2026). */
.calc-form select,.calc-form option{font-family:Inter,Arial,sans-serif;}
/* Таблица примеров актов — по образцу таблиц внутренних страниц (аудит 11.09.2026):
   шапка капителью с фоном, линии светлее, значения расчёта жирным. Палитра — секции калькулятора. */
/* Шапка таблицы без заливки, текст приглушён (владелец 12.09.2026: «слишком контрастный»). */
.calc-evidence th{background:transparent;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#625d52;}
.calc-evidence th,.calc-evidence td{border-bottom-color:#cfc8b8;}
.calc-evidence td:nth-child(3){font-weight:700;white-space:nowrap;}

/* Шапка таблицы отделена зазором 4 px без линии (владелец, 14.09.2026, T2; DESIGN_RULES «Таблицы»): линия под шапкой
   снята, между шапкой и первой строкой — прозрачная граница 4 px (раздельные границы — зазор ровно 4 px); линии между
   строками остаются. Цвет шапки #625d52 не менялся: к фону калькулятора он на нижней границе контраста (4,84:1). */
.calc-evidence table{border-collapse:separate;border-spacing:0;}
.calc-evidence thead tr:last-child th{border-bottom:4px solid transparent;}
.calc-evidence tbody tr:first-child td{border-top:0;}

/* Признак прокрутки широкой таблицы (владелец, 14.09.2026, T2, второй круг; DESIGN_RULES «Признак прокрутки таблиц»):
   пока таблицу можно докрутить вправо — затемнение у правого края обёртки, докручена — гаснет. Класс и сдвиг ставит shared-shell.js. */
.calc-evidence .calc-table-wrap{position:relative;}
.calc-evidence .calc-table-wrap::after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;background:linear-gradient(to left,rgba(27,30,35,.22),rgba(27,30,35,0));opacity:0;transform:translateX(var(--tw-x,0px));transition:opacity .2s ease;}
.calc-evidence .calc-table-wrap.tw-more::after{opacity:1;}