/* =====================================================================
   CAC · «Лоция» — страница «Продукты» (products/)
   Подключается после site.css и programs.css (оттуда: .page-head .crumbs
   .prog-ctas .prog-group .cta-band). site.css и programs.css не редактируем.
   Классы:
     .prod-status          — моно-метка статуса в строке («в разработке»)
     .prod-flow            — цепочка шагов (ACADEMY): «заявка → договор → …»
     .prod-rule            — плашка главного правила симуляций
     .prod-rule__k         — метка внутри плашки
     .prod-sub             — подзаголовок внутри полки (цифровые / офлайн)
     .day-route            — состав корпоративного дня (нумерованный, на тёмном)
     .day-route__n .day-route__t .day-route__d
   ===================================================================== */

.prod-status {
  display: inline-block; margin-left: 10px; padding: 2px 8px; vertical-align: middle;
  border: 1px solid var(--c-accent-text); border-radius: 2px;
  font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--c-accent-text); white-space: nowrap;
}
.prod-flow { font-family: var(--f-mono); font-size: 13px; letter-spacing: 0.04em; color: var(--c-text-2); }

.prod-rule {
  margin: 32px 0 0; padding: 20px 24px; border-left: 3px solid var(--c-accent);
  background: var(--c-card);
}
.prod-rule__k {
  display: block; margin-bottom: 6px;
  font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-accent-text);
}
.prod-rule p { margin: 0; }

.prod-sub {
  margin: 40px 0 4px;
  font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-muted);
}
.prod-sub:first-child { margin-top: 0; }

.day-route {
  list-style: none; margin: 48px 0 0; padding: 0; border-top: 1px solid var(--c-line-dark);
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); column-gap: 40px;
}
.day-route > li { display: flex; gap: 18px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--c-line-dark); }
.day-route__n { flex: 0 0 auto; font-family: var(--f-mono); font-size: 13px; letter-spacing: 0.08em; color: var(--c-accent-soft); }
.day-route__t { display: block; font-family: var(--f-serif); font-size: 21px; line-height: 1.3; color: var(--c-on-dark); }
.day-route__d { display: block; margin-top: 4px; font-size: 15px; color: var(--c-on-dark-2); }

@media (max-width: 600px) {
  .prod-status { margin-left: 0; margin-top: 6px; }
  .prod-rule { padding: 16px 18px; }
  .day-route__t { font-size: 19px; }
}