/* Marka i materiały (/marka/ i /marka/<slug>/): dokłada się do /przewodnik/przewodnik.css i /press/press.css (papier, tusz, rdza,
   pikselowe kroje, lista plików, przycisk Kopiuj). Bez gradientów, rozmyć i pasków z lewej; cele dotyku min. 44 px. */
.m-ksiega { display: block; margin: 16px 0 6px; max-width: 980px; }
.m-ksiega img, .m-pliki img { display: block; width: 100%; height: auto; border: 2px solid var(--tusz); background: #fff; }
.m-znak { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 0 0 12px; }
.m-znak > div { flex: 1 1 260px; min-width: 0; }
.m-znak-obraz { flex: none; width: 128px; height: 128px; display: flex; align-items: center; justify-content: center; background: var(--biel); border: 2px solid var(--tusz); padding: 10px; }
.m-znak-obraz img { width: 100%; height: auto; }
.m-piksel img { image-rendering: pixelated; }
.m-kolory { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
@media (min-width: 720px) { .m-kolory { grid-template-columns: 1fr 1fr; } }
.m-kolory li { display: flex; align-items: center; gap: 12px; background: var(--post); border: 2px solid var(--post-linia); padding: 8px 10px; min-width: 0; }
.m-kol { flex: none; width: 48px; height: 48px; border: 2px solid var(--tusz); }
.m-kol-t { flex: 1 1 auto; min-width: 0; display: grid; }
.m-kol-t code { font: 22px/1.1 VT323, ui-monospace, monospace; }
.m-kol-t .mala { margin: 0; overflow-wrap: anywhere; }
.m-kolory .kopiuj { flex: none; }
.m-pliki li { align-items: flex-start; flex-direction: column; }
.m-pliki .m-podglad { display: block; width: 100%; }
.m-zastrz { font-weight: 700; color: var(--rdza); }
.m-spis { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 720px) { .m-spis { grid-template-columns: 1fr 1fr; } }
.m-spis a { display: flex; gap: 12px; align-items: center; min-height: 44px; padding: 10px; background: var(--post); border: 2px solid var(--post-linia); color: var(--tusz); text-decoration: none; }
.m-spis a:hover, .m-spis a:focus-visible { border-color: var(--tusz); outline: none; }
.m-spis-znak { flex: none; width: 56px; height: 56px; background: var(--biel); border: 2px solid var(--tusz); padding: 4px; display: flex; align-items: center; justify-content: center; }
.m-spis-znak img { width: 100%; height: auto; }
.m-spis-t { display: grid; min-width: 0; gap: 2px; }
.m-spis-t b { font: 400 28px/1 "Jersey 10", ui-monospace, monospace; }
.m-spis-t span { font-size: 15px; line-height: 1.35; }
.m-spis-t small { font: 18px/1.1 VT323, ui-monospace, monospace; color: var(--szary); overflow-wrap: anywhere; }
@media print { .m-kolory .kopiuj { display: none; } }