/* /pentest/ — a penetrációs teszt 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 hosszabb (a jogszerűség kimondása az első mondatban
   kötelező), ezért kap valamivel szélesebb sávot — 640px-en hat 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. */
.nums { grid-template-columns: repeat(2, 1fr); }

/* A szám-sáv a szekción belül, a felsorolás után ül — a /soc/-nál külön
   szekció volt saját címsorral. */
.nums { margin-top: 40px; }

/* Hat lépés öt helyett: keskenyebb kijelzőn így is egy sorban marad,
   és sortöréskor sem esik szét a lánc. */
@media (max-width: 1100px) {
	.chain li span { padding: 10px 16px; font-size: 13.5px; }
}

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