/* ============================================================
   web/css/responsive.css — WSZYSTKIE @media aplikacji Serwis (poza tokens.css).
   Wczytywany ostatni: reguła w arkuszu wcześniejszym cicho przegrywa.
   ============================================================ */

/* Szerszy ekran (tablet, komputer) — kafelki w dwóch kolumnach, treść wyśrodkowana. */
@media (min-width: 700px) {
    .tresc { padding: 24px; }
    .kafelki { grid-template-columns: repeat(2, 1fr); }
}