/*
 * Treść artykułu z edytora — wygląd jak w projekcie.
 *
 * W eksporcie każdy akapit, nagłówek i lista miały style wpisane w atrybucie style.
 * Te same wartości są tu jako reguły, więc treść pisana w edytorze (zwykłe bloki
 * Akapit / Nagłówek / Lista) wygląda identycznie. Elementy specjalne z projektu
 * (ramki „Ważne", kroki, zdjęcia przed/po, „Czytaj też") są w treści jako bloki
 * „Własny HTML" i mają swoje style w sobie.
 */
#art-col > p{margin:0 0 20px;color:#42423f;font-size:16px;line-height:1.85;text-wrap:pretty;}
#art-col > p.cp-lead{margin:0 0 22px;color:#26262b;font-size:17.5px;line-height:1.78;font-weight:500;}
#art-col > h2{margin:52px 0 18px;color:#0B0B0D;font-size:27px;font-weight:800;line-height:1.3;letter-spacing:0.2px;scroll-margin-top:110px;}
#art-col > h3{margin:30px 0 10px;color:#0B0B0D;font-size:18px;font-weight:800;line-height:1.4;}
#art-col > h4{margin:26px 0 8px;color:#0B0B0D;font-size:16px;font-weight:800;line-height:1.4;}
#art-col > ul,#art-col > ol{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
#art-col > ul > li,#art-col > ol > li{position:relative;padding-left:19px;color:#42423f;font-size:16px;line-height:1.7;}
#art-col > ul > li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#00B2C7;}
#art-col > ol{counter-reset:cp-ol;}
#art-col > ol > li{padding-left:26px;counter-increment:cp-ol;}
#art-col > ol > li::before{content:counter(cp-ol) ".";position:absolute;left:0;top:0;color:#00B2C7;font-weight:800;}
#art-col > figure,#art-col > .wp-block-image{margin:0 0 26px;}
#art-col > figure img,#art-col > .wp-block-image img{display:block;width:100%;height:auto;border-radius:14px;}
#art-col figcaption{margin:10px 0 0;color:#8a8a86;font-size:12.5px;line-height:1.6;}
#art-col > blockquote{margin:0 0 26px;background:#FBF7F0;border:1px solid #EADFCB;border-radius:14px;padding:24px 26px;color:#4a463f;font-size:15.5px;line-height:1.8;}
#art-col > blockquote p{margin:0;}