/* ============================================================
   KOGNEV — DI mokymai
   Scoped to body.kg2, loaded alongside home.css, which supplies
   the tokens, the shared component treatments (buttons, nav,
   footer, reviews, the kg-faq disclosure) and the .kg-ps-hero /
   .kg-ps-wrap anatomy this page shares with Paslaugos.

   This is a rebuild, not a retint: the page no longer uses the
   old service-section / service-mini-panel component library (see
   git history for that first pass). Structure now matches the
   rest of the redesigned site — hairline rules, no card kit, a
   numeral only where content is a genuine sequence, one dark band
   for the FAQ.
   ============================================================ */

/* ---------- Hero ----------
   .kg-ps-hero and .kg-ps-hero__lead now live in home.css, shared
   with Paslaugos — this page's lead just runs a second paragraph. */
.kg2 .kg-ps-hero__lead2 { margin-top: var(--s-3); max-width: 58ch; color: var(--slate); }

/* ============================================================
   TRAINING DIRECTIONS
   Two equal directions, not a sequence — a team doesn't have to
   pass through "DI mokymai kasdieniam darbui" before "DI taikymas
   verslo procesams". No numeral, no shared opening rule that would
   imply a start point either. Generous space and one subtle line
   are what separate them instead.
   ============================================================ */
.kg2 .kg-tr2__intro { max-width: 46rem; display: grid; gap: var(--s-3); }
.kg2 .kg-tr2__intro-lead { color: var(--ink); max-width: 58ch; }
.kg2 .kg-tr2__intro-body { color: var(--slate); max-width: 62ch; }

.kg2 .kg-tr2__set {
  margin-top: var(--s-7);
  display: grid;
  gap: var(--s-7);
}
.kg2 .kg-tr2__item {
  display: grid;
  gap: var(--s-3);
  max-width: 62ch;
  padding-top: var(--s-6);
  border-top: 1px solid var(--rule);
  scroll-margin-top: 96px;
}
.kg2 .kg-tr2__item:first-child {
  padding-top: 0;
  border-top: none;
}
.kg2 .kg-tr2__name {
  margin: 0;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--ink);
}
.kg2 .kg-tr2__item p { margin: 0; }

/* ---------- Responsive ---------- */
@media (max-width: 700px) {
  .kg2 .kg-tr2__set { gap: var(--s-6); }
  .kg2 .kg-tr2__item { padding-top: var(--s-5); }
}