/* ============================================================
   EPDS.hu — Szolgáltatások (consultation tracks)
   Components for the services overview + 3 track sub-pages.
   Extends styles.css + knowledge.css; adds nothing locked.
   ============================================================ */

/* quick-facts strip under a service H1 (stage / duration / outcome) */
.svc-facts{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  background:var(--paper);margin-top:30px;
}
.svc-facts .fact{padding:18px 22px;border-left:1px solid var(--line);}
.svc-facts .fact:first-child{border-left:none;}
.svc-facts .fact .fk{
  font-family:var(--font-label);font-size:11px;letter-spacing:var(--label-tracking);color:var(--faint);
}
.svc-facts .fact .fv{font-size:15.5px;color:var(--navy);font-weight:500;margin-top:8px;line-height:1.4;text-wrap:pretty;}

/* "Mit kap?" deliverables — checked grid */
.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:15px 26px;margin:6px 0 6px;}
.deliverable{display:flex;gap:13px;align-items:flex-start;}
.deliverable .ck{
  flex-shrink:0;width:24px;height:24px;border-radius:50%;
  background:var(--accent-tint);color:var(--accent-press);
  display:flex;align-items:center;justify-content:center;margin-top:1px;
}
.deliverable .ck svg{width:13px;height:13px;}
.deliverable p{font-size:15.5px;color:var(--ink);line-height:1.5;text-wrap:pretty;}
.deliverable strong{font-weight:500;color:var(--navy);}

/* "Hogyan zajlik?" numbered process steps with connector */
.steps{counter-reset:step;margin:10px 0 4px;}
.step{position:relative;padding:0 0 30px 58px;counter-increment:step;}
.step:last-child{padding-bottom:0;}
.step::before{
  content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;
  width:38px;height:38px;border:1px solid var(--line-strong);border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff;
  font-family:var(--font-label);font-size:13px;color:var(--accent-text);letter-spacing:.02em;
}
.step::after{content:"";position:absolute;left:18.5px;top:42px;bottom:6px;width:1px;background:var(--line);}
.step:last-child::after{display:none;}
.step h3{font-size:17px;font-weight:500;color:var(--navy);margin:8px 0 5px;}
.step p{font-size:15.5px;color:var(--muted);line-height:1.55;text-wrap:pretty;}

/* overview: three big track cards reuse .tracks/.track; give them more room */
.svc-tracks .track{min-height:300px;}
.svc-tracks .track .track-lead{font-size:11.5px;font-family:var(--font-label);letter-spacing:var(--label-tracking);color:var(--accent-text);margin-bottom:10px;}

/* overview: link band to knowledge pillars */
.svc-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.svc-link{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);
  padding:18px 22px;transition:border-color .15s ease;
}
.svc-link:hover{border-color:var(--line-strong);}
.svc-link .sl-t{font-size:15.5px;font-weight:500;color:var(--navy);}
.svc-link .sl-d{font-size:13px;color:var(--muted);margin-top:3px;}
.svc-link .arr{color:var(--accent);font-size:16px;flex-shrink:0;transition:transform .15s ease;}
.svc-link:hover .arr{transform:translateX(3px);}

@media (max-width:760px){
  .svc-link-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .svc-facts{grid-template-columns:1fr;}
  .svc-facts .fact{border-left:none;border-top:1px solid var(--line);}
  .svc-facts .fact:first-child{border-top:none;}
  .deliverables{grid-template-columns:1fr;}
}