/* Czytelnia artykułów. Kolory i miary pochodzą z istniejącego systemu. */
.wpis { max-width: 56rem; }
.wpis .strona__wstep h1 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.12; text-wrap: balance; }
.wpis .lead { font-size: clamp(1.125rem, 2vw, 1.3rem); line-height: 1.6; }
.wpis__metadane { margin-block: var(--skok-4); font-size: 1rem; }
.wpis .proza { max-width: 72ch; font-size: 1.125rem; line-height: 1.6; }
.wpis .proza p { margin-bottom: var(--skok-6); }
.wpis .proza h2 { margin-block: var(--skok-12) var(--skok-6); font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; scroll-margin-top: 7rem; }
.wpis .proza li { margin-bottom: var(--skok-3); }
.wpis .proza a, .wpis__spis a { text-decoration: underline; text-underline-offset: 0.2em; overflow-wrap: anywhere; }
.wpis__spis { margin-block: 0 var(--skok-12); padding-block: var(--skok-4); border-block: 1px solid currentColor; max-width: 72ch; }
.wpis__spis summary { cursor: pointer; min-height: 2.75rem; align-content: center; font-weight: 700; }
.wpis__spis nav { margin-top: var(--skok-4); }
.wpis__spis ol { padding-left: 1.5rem; }
.wpis__spis li { margin-block: var(--skok-2); }
.wpis__spis a { display: block; padding-block: var(--skok-2); }
.wpis__seria { max-width: 72ch; margin-top: var(--skok-12); padding-top: var(--skok-8); border-top: 1px solid currentColor; }
.wpis__seria h2 { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; }
.wpis__seria ul { padding-left: 1.5rem; }
.wpis__seria li { margin-block: var(--skok-4); }
.wpis__seria a { display: inline-block; padding-block: var(--skok-2); text-decoration: underline; text-underline-offset: 0.2em; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .wpis { padding-block: var(--skok-8) var(--skok-16); }
  .wpis .strona__wstep { margin-bottom: var(--skok-8); }
}