/* ============================================================
   plant.voir.su — css/pages/economy.css  (владелец: @spbstol, t_f31a4ca1)
   Страница «ЭКОНОМИКА И ВОЗМОЖНОСТИ» — смета, трудоёмкость,
   теплотехника, инвест-программа 250 млн ₽.
   Все классы с префиксом .peconomy-*. Токены — из css/base.css.
   Цифры на странице: research/FACTS.md (prezent PDF стр. 2, 3, 6, 7,
   15, 20, 24; opalubka-1 PDF стр. 2, 3, 6; tsp-umno PDF стр. 1–3).
   ============================================================ */

/* ---------- hero ---------- */
.peconomy-hero { padding: clamp(48px, 9vh, 96px) 0 clamp(32px, 6vh, 64px); }
.peconomy-hero .stat-value { font-family: var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
/* сноски «PDF, стр. N» не рвём посередине (QA-косметика, desktop-скрин) */
.peconomy-hero .stat-sub .src { white-space: nowrap; }

/* ---------- SVG-диаграммы производителя ---------- */
.peconomy-svg { width: 100%; height: auto; margin: .4rem 0 .2rem; }
.peconomy-fig { margin: 0; }
.peconomy-fig figcaption { font-size: .9rem; margin-top: .6rem; }

/* ---------- бейджи фактов ---------- */
.peconomy-badges { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; }
.peconomy-badge {
  display: inline-flex; align-items: baseline; gap: .45rem; flex-wrap: wrap;
  font-size: .86rem; color: #C6D2E0;
  background: rgba(47,184,166,.08); border: 1px solid rgba(47,184,166,.3);
  border-radius: var(--radius-pill); padding: .45rem .9rem;
}
.peconomy-badge .src { white-space: nowrap; }

/* ---------- теплотехника: слои + таблица конструкций ---------- */
.peconomy-heat-grid { grid-template-columns: minmax(240px, 5fr) minmax(320px, 7fr); align-items: start; }
.peconomy-heat-grid + .card { margin-top: 1.2rem; }

/* ---------- таблицы (эконом-данные) ---------- */
.peconomy-tablewrap { overflow-x: auto; }
.peconomy-table { width: 100%; border-collapse: collapse; font-size: .92rem; margin: .4rem 0 .6rem; }
.peconomy-table caption { text-align: left; padding: 0 0 .6rem; }
.peconomy-table th,
.peconomy-table td { padding: .6rem .7rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.peconomy-table th {
  font-family: var(--font-display); font-weight: 600; font-size: .8rem;
  letter-spacing: .06em; text-transform: uppercase; color: var(--muted);
  white-space: nowrap;
}
.peconomy-table tbody tr:hover { background: rgba(143,163,184,.06); }
.peconomy-table td.mono, .peconomy-table th.mono { text-align: right; white-space: nowrap; }
/* предлагаемая конструкция УСС — янтарная подсветка строки */
.peconomy-table .peconomy-best td { background: var(--amber-soft); border-bottom-color: rgba(232,163,61,.4); color: var(--ink); }
.peconomy-table .peconomy-best .mono { color: var(--amber-hi); }

/* ---------- инвест-программа ---------- */
.peconomy-invest-stats { grid-template-columns: 1fr 1fr; }
.peconomy-invest .stat-value { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

.peconomy-donut { display: grid; grid-template-columns: minmax(120px, 168px) 1fr; gap: 1.2rem; align-items: center; }
.peconomy-donut h3 { grid-column: 1 / -1; margin-top: 0; }
.peconomy-donut-svg { width: 100%; max-width: 168px; height: auto; }
.peconomy-legend { gap: .5rem; }
.peconomy-legend li { padding-left: 1.6rem; font-size: .92rem; }
.peconomy-legend li::before { top: .5em; }

.peconomy-cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem; }

/* ---------- адаптив ---------- */
@media (max-width: 900px) {
  .peconomy-heat-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .peconomy-donut { grid-template-columns: 1fr; justify-items: start; }
  .peconomy-donut-svg { max-width: 140px; }
  .peconomy-invest-stats { grid-template-columns: 1fr; }
  .peconomy-table { font-size: .84rem; }
  .peconomy-table th, .peconomy-table td { padding: .5rem .45rem; }
}
@media (max-width: 420px) {
  .peconomy-cta .btn { width: 100%; }
}