/* Бортовой — раздел «Инструменты» (/instrumenty/).
   Подключается только на этих страницах, поверх /assets/site.css.
   Стиль калькулятора наследует .to-calc из /assets/reglament.css, но живёт
   отдельно: там данные приходят из YAML модели, здесь — чистый пересчёт. */

/* ---------- Хлебные крошки (парные к reglament.css) ---------- */
.crumbs{font-size:14.5px;color:var(--faint);padding:22px 0 0;}
.crumbs a{color:var(--muted);text-decoration:none;}
.crumbs a:hover{color:var(--blue);}
.crumbs span{color:var(--faint);}

/* ---------- Карточки инструментов на хабе ---------- */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));
  gap:16px;margin:20px 0 30px;}
.tool-card{display:block;background:var(--card);border-radius:16px;padding:22px 24px;
  text-decoration:none;color:inherit;border:1px solid transparent;
  transition:transform .12s,border-color .12s;}
.tool-card:hover{transform:translateY(-2px);border-color:var(--hair);}
.tool-card .tc-name{display:block;font-size:19px;font-weight:800;
  letter-spacing:-.3px;color:var(--ink);margin:0 0 6px;}
.tool-card .tc-desc{display:block;font-size:15px;color:var(--muted);
  line-height:1.5;margin:0 0 12px;}
.tool-card .tc-more{display:block;font-size:15px;font-weight:600;color:var(--blue);}

/* ---------- Калькулятор моточасов ---------- */
.mc-calc{background:#f4f7fd;border:1px solid #dbe6f7;border-radius:16px;
  padding:22px 24px;margin:28px 0 32px;}
.mc-calc h2{margin:0 0 6px !important;font-size:21px !important;font-weight:800;
  letter-spacing:-.3px;color:var(--ink);}
.mc-calc .calc-sub{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.5;}

/* Переключатель направления пересчёта */
.mc-calc .calc-switch{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap;}
.mc-calc .calc-switch input{position:absolute;opacity:0;width:0;height:0;}
.mc-calc .calc-switch label{display:inline-flex;align-items:center;min-height:44px;
  padding:10px 20px;border-radius:999px;border:1px solid var(--hair);background:#fff;
  font-size:15px;font-weight:600;color:var(--muted);cursor:pointer;}
.mc-calc .calc-switch input:checked + label{border-color:var(--blue);color:var(--blue);}

/* Поля ввода */
.mc-calc .calc-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;}
.mc-calc .calc-field{flex:1 1 190px;min-width:0;}
.mc-calc .calc-field.narrow-f{flex:0 1 150px;}
.mc-calc label.calc-lbl{display:block;font-size:14px;font-weight:600;
  color:var(--muted);margin:0 0 6px;}
.mc-calc .calc-input{width:100%;min-height:52px;padding:12px 16px;border-radius:12px;
  border:1px solid var(--hair);background:#fff;color:var(--ink);
  font-size:17px;font-weight:600;font-family:inherit;-webkit-appearance:none;}
.mc-calc .calc-input:focus{outline:none;border-color:var(--blue);}
.mc-calc .calc-btn{flex:none;min-height:52px;padding:14px 28px;border-radius:12px;
  border:none;background:var(--ink);color:#fff;font-weight:700;font-size:16px;
  font-family:inherit;cursor:pointer;transition:background .12s;}
.mc-calc .calc-btn:hover{background:var(--ink-soft);}

/* Результат */
.mc-calc .calc-out{display:none;margin:20px 0 0;}
.mc-calc .calc-out.on{display:block;}
.mc-calc .calc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));
  gap:12px;margin:0;}
.mc-calc .calc-cell{background:#fff;border:1px solid #dbe6f7;border-radius:12px;
  padding:14px 16px;}
.mc-calc .calc-cell .cv{display:block;font-size:23px;font-weight:800;
  letter-spacing:-.5px;color:var(--ink);line-height:1.2;}
.mc-calc .calc-cell .ck{display:block;font-size:13.5px;color:var(--muted);
  line-height:1.4;margin-top:5px;}
.mc-calc .calc-err{margin:0;color:var(--red);font-size:15.5px;}
.mc-calc .calc-note{margin:15px 0 0;color:var(--muted);font-size:15px;line-height:1.5;}
.mc-calc .calc-cta{display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;margin:14px 0 0;padding:12px 28px;border-radius:12px;
  background:var(--blue);color:#fff;font-weight:700;font-size:16px;text-decoration:none;
  transition:background .12s;}
.mc-calc .calc-cta:hover{background:#1d4fd8;}

@media(max-width:560px){
  .mc-calc{padding:20px 18px;}
  .mc-calc .calc-row{flex-direction:column;align-items:stretch;gap:14px;}
  .mc-calc .calc-field,.mc-calc .calc-field.narrow-f{flex:0 0 auto;}
  .mc-calc .calc-btn{width:100%;}
}

/* ---------- Таблицы перевода (статичные, индексируются) ---------- */
.conv-table{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--hair);border-radius:12px;}
.conv-table table{width:100%;border-collapse:collapse;font-size:15px;margin:0;min-width:520px;}
.conv-table th{background:var(--card);text-align:left;padding:11px 14px;font-size:11.5px;
  color:var(--muted);text-transform:uppercase;letter-spacing:.05em;
  border-bottom:1px solid var(--hair);vertical-align:bottom;}
.conv-table td{padding:11px 14px;border-bottom:1px solid var(--hair);
  color:var(--ink-soft);line-height:1.5;vertical-align:top;white-space:nowrap;}
.conv-table tr:last-child td{border-bottom:none;}
.conv-table td.k{color:var(--ink);font-weight:700;}
@media(max-width:560px){.conv-table table{font-size:14.5px;}}

/* Дисклеймер под таблицей */
.disclaimer{font-size:14.5px;color:var(--faint);line-height:1.5;
  margin:0 0 18px;padding-left:14px;border-left:3px solid var(--hair);}

@media print{
  .crumbs,.mc-calc,.tool-grid{display:none !important;}
  .conv-table{border:none;}
  .conv-table table{min-width:0;font-size:10pt;}
}