/* /compliance/ — a megfelelőségi audit landing SAJÁT eltérései.
   Az arculati alap a /soc/ lap CSS-e (egy rendszer, egy fájl) — ide csak az
   kerül, ami ezen a lapon tényleg más. Ami itt nincs, az szándékosan közös. */

/* A hero alcíme itt két mondat (a módszer és az eredmény együtt), ezért kap
   valamivel szélesebb sávot — 640px-en hét sorra törne. */
#szolgaltatas .lead { max-width: 720px; }

/* Szám-sáv: itt EGY forrás két adata áll, nem három — a /soc/ három oszlopa
   helyett kettő, különben a dobozok aránytalanul szélesek lennének. A sáv a
   szekción belül, a felsorolás után ül. */
.nums { grid-template-columns: repeat(2, 1fr); margin-top: 40px; }
/* A második doboz felirata egyetlen rövid tagmondat ("ebből csak 2025-ben"),
   a másiké három sor — a felső igazítás nélkül a két szám nem egy vonalban
   állna. */
.num { align-self: stretch; }

/* A lánc öt lépése itt NÉV, nem egy-egy szó ("Dokumentum-átvizsgálás"), így a
   sor jóval hosszabb, mint a másik két landingen. Szűkebb kijelzőn ezért
   előbb kell szellősebbre váltani, és a hosszú összetett szavak elválasztását
   engedjük — enélkül a doboz kilógna a sávból. */
.chain li span { hyphens: auto; }
@media (max-width: 1100px) {
	.chain { gap: 8px; }
	.chain li { gap: 8px; }
	.chain li span { padding: 9px 14px; font-size: 13px; }
}

/* A CTA-k az ŰRLAPRA görgetnek (az id a form-on áll, mert a mérés azt
   azonosítja) — enélkül a kártya felső széle a képernyő tetejére tapadna. */
#compliance-form { scroll-margin-top: 28px; }

@media (max-width: 900px) {
	.nums { grid-template-columns: 1fr; }
}