/* Przewodnik wezmezadarmo.com: dokłada do /przewodnik/przewodnik.css (papier, tusz, rdza, pikselowe kroje, karty scen, przycisk,
   stopka, dymki) spis scenek, przycisk pod każdą scenką i sekcję „Co dalej”. Bez gradientów, rozmyć i pasków z lewej. */
.wstep .cta { margin: 4px 0 18px; }
.spis ol { list-style: none; margin: 0 0 6px; padding: 0; display: grid; gap: 0 18px; border-top: 2px dashed var(--post-linia); }
@media (min-width: 720px) { .spis ol { grid-template-columns: 1fr 1fr; } }
.spis li { border-bottom: 1px solid var(--linia); }
.spis a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 2px 0; text-decoration: none; color: var(--tusz); }
.spis a:hover, .spis a:focus-visible { color: var(--rdza); text-decoration: underline; }
.spis span { font: 20px VT323, ui-monospace, monospace; color: var(--szary); min-width: 2ch; }

.scenki { border-top: 2px dashed var(--post-linia); margin-top: 14px; }
.scenki .przyklad { scroll-margin-top: 12px; }
.przyklad-tresc .opis { margin: 0 0 6px; font-size: 17px; }
.przyklad-tresc .dopisek { margin: 0 0 10px; font-size: 15px; color: var(--szary); }
.scenka-cta, .dalej-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 12px 0 2px !important; }
.przycisk-scena { min-height: 48px; font-size: 23px; padding: 0 18px; }
.przycisk-tusz { background: var(--tusz); }
.scenka-drugi, .dalej-link a { display: inline-flex; align-items: center; min-height: 44px; font: 22px VT323, ui-monospace, monospace; }

.co-dalej { padding: 26px 0 30px; border-top: 2px dashed var(--post-linia); margin-top: 10px; }
.dalej-bloki { display: grid; gap: 14px; margin: 14px 0 10px; }
@media (min-width: 760px) { .dalej-bloki { grid-template-columns: 1fr 1fr; } }
.dalej-blok { background: var(--kafel); padding: 14px; margin: 0 3px; box-shadow: 0 -3px 0 0 var(--tusz), 0 3px 0 0 var(--tusz), -3px 0 0 0 var(--tusz), 3px 0 0 0 var(--tusz); }
.dalej-blok h3 { margin: 0 0 6px; }
.dalej-blok p { margin: 0 0 6px; }
.dalej-link { margin: 0; }

/* og.png (tylko zrzut w zbuduj.cjs --obrazy): obraz sceny 576 px = 3 x 192, piksele równe */
.og-wzd { grid-template-columns: 1fr 576px; }
.og-wzd .og-tekst { min-width: 0; }
.og-wzd .og-tytul { font-size: 64px; }
.og-wzd { padding: 48px 44px; gap: 32px; }