/* (21.10, Krist #388) „Rozmiary ulotek i plakatów” – kafelki formatów (_n/formaty.html.twig) */
.fmt{margin:0 0 30px}
.fmt-h{margin:0 0 6px;font-size:22px;color:var(--navy,#0E2F4F)}
.fmt-lead{margin:0 0 6px;color:var(--muted,#5B6B7C);font-size:15px;line-height:1.55}
.fmt-seria{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:18px 0 10px}
.fmt-seria h3{margin:0;font-size:18px;color:var(--navy,#0E2F4F)}.fmt-seria span{color:var(--muted,#5B6B7C);font-size:14px}
.fmt-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.fmt-k{position:relative;margin:0;padding:12px 10px 10px;border:1px solid var(--line,#DCE7F0);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}
.fmt-k:hover,.fmt-k:focus-within{border-color:var(--sky,#01B3E1);box-shadow:0 8px 24px rgba(0,119,190,.14)}
.fmt-kart{height:92px;display:flex;align-items:flex-end;justify-content:center}
.fmt-f{font-size:21px;color:var(--navy,#0E2F4F);line-height:1.2}
.fmt-mm{font-size:13px;color:var(--muted,#5B6B7C);font-variant-numeric:tabular-nums}
.fmt-n{font-size:12.5px;color:#14823C;font-weight:600}.fmt-n--brak{color:var(--muted,#5B6B7C);font-weight:400}
.fmt-b{margin-top:4px;display:block;width:100%;box-sizing:border-box;padding:8px 6px;border-radius:999px;background:var(--blue-700,#0077BE);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none!important;border:1.5px solid var(--blue-700,#0077BE)}
.fmt-b:hover{background:var(--navy,#0E2F4F);border-color:var(--navy,#0E2F4F)}
.fmt-b--zap{background:#fff;color:var(--blue-700,#0077BE)}.fmt-b--zap:hover{background:var(--sky-50,#EEF6FC);color:var(--blue-700,#0077BE)}
/* podgląd z wymiarami – tylko urządzenia z myszą (na telefonie wymiar jest na kafelku) */
.fmt-pod{display:none;position:absolute;z-index:20;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:280px;padding:12px 14px 10px;background:#fff;border:1px solid var(--line,#DCE7F0);border-radius:14px;box-shadow:0 14px 40px rgba(14,47,79,.18);font-size:13px;color:var(--muted,#5B6B7C)}
.fmt-pod svg{display:block;margin:0 auto 6px;font-family:inherit;font-size:12px;font-weight:700;fill:#0077BE}
.fmt-pod b{color:var(--navy,#0E2F4F);font-size:16px}
@media (hover:hover) and (pointer:fine){.fmt-k:hover .fmt-pod,.fmt-k:focus-within .fmt-pod{display:block}}
@media (max-width:600px){.fmt-l{grid-template-columns:repeat(2,minmax(0,1fr))}.fmt-kart{height:70px}}
/* w treści strony info listy mają wcięcie i znaczniki – tu bez nich; przycisk zawsze na dole kafelka */
.i-tresc .fmt .fmt-l{padding:0;margin:0}
.i-tresc .fmt .fmt-k{margin:0;padding-left:10px}.i-tresc .fmt .fmt-k::before,.i-tresc .fmt .fmt-k::marker{content:none;display:none}
.fmt-mm{margin-bottom:auto}
/* (21.10, treść od TREŚCI) blok „W skrócie” na początku treści strony Rozmiary ulotek */
.i-skrot{margin:0 0 22px;padding:14px 18px;border-radius:14px;background:var(--sky-50,#EEF6FC);border:1px solid var(--sky-200,#CDEAF8)}
.i-skrot h2,.i-skrot > p > b{display:block;margin:0 0 6px;font-size:16px;color:var(--navy,#0E2F4F)}
.i-skrot ul{margin:0;padding-left:18px}.i-skrot li{margin:3px 0;line-height:1.5}
.i-skrot p{margin:0 0 6px}