/* Rodzina E — wpis (single.php), opinia (single), pytanie z bazy wiedzy (single-knowledge.php).
   Źródło: Figma „Artykuły | wpis” (desktop 14841:27433 — tylko metadane: kolumna treści 744 px, sidebar kart 239 px, H2 30/36 px,
   akapit 17 px, „Warto wiedzieć”; mobile 14931:2005: kolumna 351 px). Adaptacja z metadanych + tokeny.
   `.kr-prose` = uniwersalny styl treści redakcyjnej (Gutenberg + Classic + wklejki z Worda/AI: tabele, listy, cytaty, obrazy,
   galerie, ramki z inline-stylami, iframe, formularz CF7 w treści). */

/* ===== Układ =====
   Figma „Artykuły | wpis” (desktop): tło gold-50, sekcja z paddingiem 96 px; kolumna główna 900 px od x=120 (tekst 744 px od x=228,
   czyli padding-left 108 = 12 + 96), sidebar 300 px z lewą kreską gold (karty 239 px od x=1069). */
.kr-single{background:var(--kr-gold-50);color:var(--kr-navy-950);padding-block:48px}
.kr-single__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--kr-s-4xl)}
@media (min-width:992px){
  .kr-single{padding-block:var(--kr-s-6xl)}
  .kr-single__layout{grid-template-columns:minmax(0,900px) 300px;margin-inline:-12px;gap:0;align-items:start}
  .kr-single__main{padding:0 48px 0 108px}
  .kr-single__layout--full{grid-template-columns:minmax(0,1fr)}
  .kr-single__layout--full .kr-single__main{padding-inline:12px}
  .kr-single__layout>.kr-single__aside{border-left:1px solid var(--kr-gold-400);padding:0 12px 0 48px}
}
.kr-single__main{min-width:0}
.kr-single__aside{min-width:0}

.kr-single__cover{margin:0 0 var(--kr-s-3xl);border:1px solid var(--kr-gold-400);border-radius:var(--kr-r-l);box-shadow:0 10px 24px rgba(23,37,84,.1);overflow:hidden;background:var(--kr-gold-50)}
.kr-single__cover-img{display:block;width:100%;height:auto}
.kr-single__related{margin-top:var(--kr-s-4xl)}

/* Nawigacja poprzedni/następny */
body.kr .kr-single-nav{display:flex;justify-content:flex-end;gap:var(--kr-s-xs);margin-top:var(--kr-s-3xl)}
body.kr .kr-single-nav__btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--kr-gold-400);border-radius:var(--kr-r-pill);color:#fff;background:var(--kr-gold-400);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
body.kr .kr-single-nav__btn svg{width:20px;height:20px}
body.kr .kr-single-nav__btn:hover,body.kr .kr-single-nav__btn:focus-visible{background:var(--kr-gold-600);border-color:var(--kr-gold-600);color:#fff} /* Figma 14841:27433: przyciski 48 px pełne złote #be914c, biała strzałka */

/* Sidebar */
.kr-side-title{display:block;margin:0 0 var(--kr-s-l);font-family:var(--kr-font-heading);font-size:18px;line-height:24px;font-weight:600;color:var(--kr-navy-950)}
.kr-side-title::after{content:"";display:inline-block;vertical-align:middle;width:40px;height:1px;margin-left:1px;background:var(--kr-gold-400)}
.kr-side-posts>header{margin:0}
.kr-side-posts .kr-post-card{margin:0 0 var(--kr-s-3xl)}
body.kr .kr-side-posts .kr-post-card__title h3{font-size:24px;line-height:28.8px;overflow-wrap:anywhere} /* Figma: tytuł 24/28,8 w polu 191 px (łamie wyrazy) */
body.kr .kr-side-posts .kr-post-card__date{color:var(--kr-gold-400);padding-bottom:10px}
.kr-side-posts .kr-post-card__body{padding-bottom:0} /* Figma: karta kończy się 50 px pod tytułem (blok daty bez dolnego dopełnienia) */
.kr-side-form{margin:0 0 var(--kr-s-3xl);padding:var(--kr-s-l);background:var(--kr-gold-50);border:1px solid rgba(190,145,76,.45);border-radius:var(--kr-r-l)}
.kr-side-form>header{margin:0}
.kr-side-form .heading{margin:0 0 var(--kr-s-m);font-family:var(--kr-font-heading);font-weight:600;font-size:var(--kr-h6);line-height:1.25;letter-spacing:var(--kr-ls-heading)}
.kr-side-form__desc{margin:var(--kr-s-m) 0 0;font-size:var(--kr-fs-body-xs);line-height:1.4}
@media (max-width:991.98px){.kr-side-posts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--kr-s-l)}.kr-side-posts>header{margin-bottom:0}}
@media (min-width:576px) and (max-width:991.98px){.kr-side-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.kr-side-posts>header{grid-column:1/-1}}

/* Powiązane pytania (baza wiedzy) */
body.kr .kr-related__title{margin:0 0 var(--kr-s-m);font-size:var(--kr-h6)}
.kr-related__list{margin:0;padding:0;list-style:none;border-left:1px solid var(--kr-gold-200)}
body.kr .kr-related__list a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:var(--kr-fs-text);line-height:1.3;color:var(--kr-navy-950);text-decoration:none}
body.kr .kr-related__list a:hover{border-left-color:var(--kr-gold-400);color:var(--kr-gold-700)}
.kr-single__faq{margin-top:var(--kr-s-3xl)}

/* Opinia (single-opinia → single.php): treść jako cytat klienta */
.kr-single--opinion .kr-prose{padding:var(--kr-s-2xl);background:var(--kr-gold-50);border:1px solid rgba(190,145,76,.45);border-radius:var(--kr-r-l);font-size:var(--kr-fs-body-l);line-height:1.55}
.kr-single--opinion .kr-prose>:first-child{margin-top:0}
.kr-single--opinion .kr-prose>:last-child{margin-bottom:0}

/* ===== .kr-prose ===== */
.kr-prose{font-family:var(--kr-font-body);font-size:var(--kr-fs-text);line-height:24px;color:var(--kr-navy-950);overflow-wrap:break-word;word-wrap:break-word;min-width:0}
.kr-prose::after{content:"";display:block;clear:both}
.kr-prose>:first-child{margin-top:0}
.kr-prose>:last-child{margin-bottom:0}
.kr-prose p{margin:16px 0 0}
.kr-prose strong,.kr-prose b{font-weight:600}
.kr-prose em,.kr-prose i{font-style:italic}
.kr-prose sup,.kr-prose sub{font-size:.75em;line-height:0}

body.kr .kr-prose h1:not(.kr-title),body.kr .kr-prose h2:not(.kr-title),body.kr .kr-prose h3:not(.kr-title),body.kr .kr-prose h4:not(.kr-title),body.kr .kr-prose h5:not(.kr-title),body.kr .kr-prose h6:not(.kr-title){font-family:var(--kr-font-heading);font-weight:600;letter-spacing:var(--kr-ls-heading);line-height:1.2;color:var(--kr-navy-950);margin:1.6em 0 .6em;scroll-margin-top:calc(var(--header-h,190px) + 16px)}
body.kr .kr-prose h1:not(.kr-title),body.kr .kr-prose h2:not(.kr-title){font-size:30px;line-height:36px;margin-top:40px}
.kr-prose h2+p,.kr-prose h1+p{margin-top:30px}
body.kr .kr-prose h3:not(.kr-title){font-size:24px}
body.kr .kr-prose h4:not(.kr-title){font-size:20px}
body.kr .kr-prose h5:not(.kr-title),body.kr .kr-prose h6:not(.kr-title){font-size:18px}
body.kr .kr-prose h1 strong,body.kr .kr-prose h2 strong,body.kr .kr-prose h3 strong,body.kr .kr-prose h4 strong{font-weight:inherit}
@media (max-width:767.98px){
  body.kr .kr-prose h3:not(.kr-title){font-size:22px}
  body.kr .kr-prose h4:not(.kr-title){font-size:19px}
}

body.kr .kr-prose a:not(.kr-btn):not(.btn):not(.wp-block-button__link){color:var(--kr-gold-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
body.kr .kr-prose a:not(.kr-btn):not(.btn):not(.wp-block-button__link):hover{color:var(--kr-navy-950)}
body.kr .kr-prose a:not(.kr-btn):not(.btn):not(.wp-block-button__link):focus-visible{outline:3px solid var(--kr-gold-400);outline-offset:2px;border-radius:2px}

.kr-prose ul{margin:36px 0 20px;padding:0;list-style:none}
.kr-prose ol{margin:16px -4px 0 0;padding-left:32px}
.kr-prose h2+ol,.kr-prose h1+ol{margin-top:30px}
.kr-prose ul ul,.kr-prose ul ol,.kr-prose ol ul,.kr-prose ol ol{margin:.4em 0 .4em}
.kr-prose li{margin:0}
.kr-prose ul>li{position:relative;padding-left:50px}
.kr-prose ul>li::before{content:"";position:absolute;left:0;top:12px;width:30px;height:1px;background:var(--kr-gold-400)}
.kr-prose ol>li{padding-left:0}
.kr-prose li::marker{color:var(--kr-navy-950);font-weight:400}
body.kr .kr-prose ol a:not(.kr-btn):not(.btn):not(.wp-block-button__link){color:var(--kr-gold-400);font-weight:500;text-decoration:none}
body.kr .kr-prose ol a:not(.kr-btn):not(.btn):not(.wp-block-button__link):hover{color:var(--kr-gold-700);text-decoration:underline}
.kr-prose li>p{margin:0 0 .6em}
.kr-prose li>p:last-child{margin-bottom:0}

.kr-prose blockquote{margin:1.6em 0;padding:20px 24px;background:var(--kr-gold-50);border-left:4px solid var(--kr-gold-400);border-radius:0 var(--kr-r-m) var(--kr-r-m) 0;font-size:1.05em;font-style:italic}
.kr-prose blockquote>:first-child{margin-top:0}
.kr-prose blockquote>:last-child{margin-bottom:0}
.kr-prose blockquote cite{display:block;margin-top:.6em;font-size:.9em;font-style:normal;font-weight:600;color:var(--kr-gold-700)}

.kr-prose hr{margin:2.5em 0;border:0;border-top:1px solid var(--kr-gold-200);opacity:1;height:0}

/* Ramki z inline-stylami w treści („Warto wiedzieć”, „Warto przeczytać”) — ujednolicenie z paletą */
.kr-prose div[style*="border-left"]{border-radius:0 var(--kr-r-m) var(--kr-r-m) 0!important;max-width:100%}
.kr-prose div[style*="#fcfcfc"]{background-color:#fff!important;box-shadow:0 8px 24px rgba(23,37,84,.1);border-radius:12px!important;border-left-width:3px!important}
.kr-prose div[style*="#fcfcfc"] a{font-weight:400!important;font-size:1em!important}
.kr-prose div[style*="#001c2b"]{background-color:var(--kr-navy-950)!important;color:#fff}
.kr-prose [style*="Playfair"]{font-family:var(--kr-font-heading)!important;font-weight:600;letter-spacing:var(--kr-ls-heading)}
.kr-prose [style*="font-family: 'Jost'"],.kr-prose [style*="font-family:'Jost'"]{font-family:var(--kr-font-body)!important}
.kr-prose [style*="width"]:not(td):not(th):not(col){max-width:100%}
.kr-prose [style*="1200px"],.kr-prose [style*="1206px"],.kr-prose [style*="1205px"]{box-sizing:border-box}

/* Obrazy, figury, galerie */
.kr-prose img{max-width:100%;height:auto;border:1px solid var(--kr-gold-400);border-radius:var(--kr-r-l);box-shadow:0 10px 24px rgba(23,37,84,.1)}
.kr-prose img[style*="height"]{height:auto}
.kr-prose figure{max-width:100%;margin:16px 0 0}
.kr-prose figure.wp-block-image,.kr-prose .wp-block-image{margin:16px 0 0}
.kr-prose figcaption,.kr-prose .wp-caption-text{margin-top:.6em;font-size:.875em;line-height:1.4;color:var(--kr-navy-700);text-align:center}
.kr-prose .wp-caption{max-width:100%}
.kr-prose .aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}
.kr-prose .alignnone{margin-left:0;margin-right:0}
.kr-prose .alignleft{float:left;margin:.4em 1.6em 1em 0;max-width:50%}
.kr-prose .alignright{float:right;margin:.4em 0 1em 1.6em;max-width:50%}
@media (max-width:575.98px){.kr-prose .alignleft,.kr-prose .alignright{float:none;display:block;margin:1.4em auto;max-width:100%}}
.kr-prose .wp-block-gallery,.kr-prose .gallery{display:block;margin:1.8em 0;padding:0;list-style:none}
/* Siatka tylko dla prawdziwych galerii (same figury ze zdjęciami); w danych bywają „galerie” z akapitami i nagłówkami — zostają blokowe */
.kr-prose .wp-block-gallery:not(:has(>:not(figure))),.kr-prose .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--kr-s-m)}
.kr-prose .wp-block-gallery>figure.wp-block-image{width:auto!important}
.kr-prose .wp-block-gallery:not(:has(>:not(figure)))>figure,.kr-prose .gallery-item{margin:0;min-width:0;width:auto!important;max-width:100%;flex:none}
.kr-prose .wp-block-gallery>figure:not(:only-child) img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.kr-prose .wp-block-gallery>figure:only-child{grid-column:1/-1}
.kr-prose .wp-block-gallery>figure:only-child img{display:block;width:100%;height:auto}
.kr-prose .wp-block-gallery figcaption{margin-top:.4em}

/* Wideo / iframe / osadzenia */
.kr-prose iframe,.kr-prose embed,.kr-prose video,.kr-prose object{display:block;max-width:100%;border:0;border-radius:var(--kr-r-m)}
.kr-prose iframe{width:100%;aspect-ratio:16/9;height:auto}
.kr-prose iframe[src*="riddle"],.kr-prose iframe[src*="docs.google"],.kr-prose iframe[src*="pdf"]{aspect-ratio:auto;min-height:480px}
.kr-prose video{width:100%;height:auto}

/* Tabele: JS (f-e-single.js) owija tabelę w `.kr-table-scroll`; poniżej styl bazowy dla samej tabeli */
.kr-table-scroll{margin:1.8em 0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.kr-table-scroll:focus-visible{outline:3px solid var(--kr-gold-400);outline-offset:2px}
.kr-table-scroll>table{margin:0}
.kr-prose table{width:100%;max-width:100%;margin:1.8em 0;border-collapse:collapse;border-spacing:0;font-size:16px;line-height:1.45}
.kr-prose caption{padding:0 0 .6em;text-align:left;font-weight:600;caption-side:top}
.kr-prose th,.kr-prose td{padding:12px 14px;border:1px solid var(--kr-gold-200);vertical-align:top;text-align:left}
.kr-prose th{background:var(--kr-navy-950);border-color:var(--kr-navy-950);color:#fff;font-weight:600}
.kr-prose thead th,.kr-prose tr:first-child>th{background:var(--kr-navy-950);color:#fff}
.kr-prose tbody tr:nth-child(even) td{background:rgba(251,247,241,.7)}
.kr-prose td p,.kr-prose th p{margin:0 0 .5em}
.kr-prose td p:last-child,.kr-prose th p:last-child{margin-bottom:0}
.kr-prose td ul,.kr-prose td ol{margin-bottom:0}
@media (max-width:575.98px){.kr-prose th,.kr-prose td{padding:10px;font-size:15px}.kr-table-scroll>table{min-width:520px}}

/* Kod */
.kr-prose pre{margin:1.6em 0;padding:16px 20px;overflow-x:auto;background:var(--kr-grey-50);border-radius:var(--kr-r-m);font-size:.9em;line-height:1.5}
.kr-prose code{padding:.1em .35em;background:var(--kr-grey-50);border-radius:4px;font-size:.9em}
.kr-prose pre code{padding:0;background:none}

/* Wklejki (AI/Word): klasy narzędziowe bez stylów nie mogą psuć układu */
.kr-prose .grid,.kr-prose [class*="grid-cols"]{display:block}
.kr-prose .whitespace-normal,.kr-prose .break-words{white-space:normal;overflow-wrap:break-word}
.kr-prose .hidden{display:none}
.kr-prose section,.kr-prose nav{max-width:100%}
.kr-prose svg{max-width:100%;height:auto}

/* Przyciski wstawiane w treści */
.kr-prose .wp-block-button__link,.kr-prose .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:var(--kr-r-pill);background:var(--kr-gold-400);color:#fff;text-decoration:none;font-weight:500}
.kr-prose .wp-block-button__link:hover,.kr-prose .btn:hover{background:var(--kr-gold-600);color:#fff}

/* Pliki (wp:file) */
.kr-prose .wp-block-file{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:1.4em 0;padding:16px 20px;border:1px solid var(--kr-gold-200);border-radius:var(--kr-r-m);background:var(--kr-gold-50)}
.kr-prose .wp-block-file .wp-block-file__button{padding:8px 20px;border-radius:var(--kr-r-pill);background:var(--kr-gold-400);color:#fff;text-decoration:none;font-size:.9em}

/* ===== Formularz CF7 osadzony w treści (blok contact-form-7 „Formularz szybki kontakt”) i w sidebarze ===== */
.kr-prose .wp-block-contact-form-7-contact-form-selector,.kr-side-form__body{--kr-field-border:var(--kr-gold-200)}
.kr-prose .wp-block-contact-form-7-contact-form-selector:has(.wpcf7){margin:2.2em 0;padding:var(--kr-s-xl);background:var(--kr-gold-50);border:1px solid rgba(190,145,76,.45);border-radius:var(--kr-r-l)}
.kr-prose .wpcf7 form,.kr-side-form .wpcf7 form{margin:0}
.kr-prose .wpcf7 label,.kr-side-form .wpcf7 label{display:block;margin:0 0 var(--kr-s-m);font-size:var(--kr-fs-body);line-height:1.4;font-weight:500;color:var(--kr-navy-950)}
.kr-prose .wpcf7 input[type="text"],.kr-prose .wpcf7 input[type="email"],.kr-prose .wpcf7 input[type="tel"],.kr-prose .wpcf7 input[type="url"],.kr-prose .wpcf7 input[type="number"],.kr-prose .wpcf7 textarea,.kr-prose .wpcf7 select,
.kr-side-form .wpcf7 input[type="text"],.kr-side-form .wpcf7 input[type="email"],.kr-side-form .wpcf7 input[type="tel"],.kr-side-form .wpcf7 textarea,.kr-side-form .wpcf7 select{display:block;width:100%;max-width:100%;margin-top:6px;padding:12px 16px;background:var(--kr-white);border:1px solid var(--kr-field-border);border-radius:var(--kr-r-m);font:inherit;font-size:var(--kr-fs-body);color:var(--kr-navy-950);box-shadow:none;transition:border-color .2s,box-shadow .2s}
.kr-prose .wpcf7 textarea,.kr-side-form .wpcf7 textarea{min-height:120px;resize:vertical}
.kr-prose .wpcf7 input:focus,.kr-prose .wpcf7 textarea:focus,.kr-prose .wpcf7 select:focus,.kr-side-form .wpcf7 input:focus,.kr-side-form .wpcf7 textarea:focus{outline:0;border-color:var(--kr-gold-400);box-shadow:0 0 0 3px rgba(190,145,76,.3)}
.kr-prose .wpcf7 .iti,.kr-side-form .wpcf7 .iti{display:block;width:100%}
.kr-prose .wpcf7 .wpcf7-acceptance label,.kr-side-form .wpcf7 .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:var(--kr-fs-body-xs)}
.kr-prose .wpcf7 input[type="checkbox"],.kr-side-form .wpcf7 input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--kr-gold-500)}
.kr-prose .wpcf7 .wpcf7-submit,.kr-side-form .wpcf7 .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:12px 32px;background:var(--kr-gold-400);color:#fff;border:1px solid var(--kr-gold-400);border-radius:var(--kr-r-pill);font:inherit;font-size:var(--kr-fs-btn);font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}
.kr-prose .wpcf7 .wpcf7-submit:hover,.kr-side-form .wpcf7 .wpcf7-submit:hover{background:var(--kr-gold-600);border-color:var(--kr-gold-600)}
.kr-prose .wpcf7 .wpcf7-submit:focus-visible,.kr-side-form .wpcf7 .wpcf7-submit:focus-visible{outline:3px solid var(--kr-navy-950);outline-offset:2px}
.kr-prose .wpcf7 .wpcf7-not-valid-tip,.kr-side-form .wpcf7 .wpcf7-not-valid-tip{margin-top:4px;font-size:var(--kr-fs-body-xs);color:var(--kr-error)}
.kr-prose .wpcf7 .wpcf7-response-output,.kr-side-form .wpcf7 .wpcf7-response-output{margin:var(--kr-s-m) 0 0;padding:10px 14px;border-radius:var(--kr-r-s);font-size:var(--kr-fs-body-xs)}
.kr-prose .wpcf7 .wpcf7-privacy-note,.kr-side-form .wpcf7 .wpcf7-privacy-note{margin-top:var(--kr-s-m);font-size:12px;line-height:1.45;color:var(--kr-navy-700)}
.kr-prose .wpcf7 .text-center{text-align:left}
@media (max-width:575.98px){.kr-prose .wp-block-contact-form-7-contact-form-selector:has(.wpcf7){padding:var(--kr-s-m)}}

/* Przyciski/pliki w treści: wyższa specyficzność niż `body.kr .kr-prose a` */
body.kr .kr-prose a.wp-block-button__link,body.kr .kr-prose a.btn,body.kr .kr-prose .wp-block-file__button{color:#fff;text-decoration:none}
body.kr .kr-prose a.wp-block-button__link:hover,body.kr .kr-prose a.btn:hover,body.kr .kr-prose .wp-block-file__button:hover{color:#fff}
/* Akapit wstępny w całości w <strong> (dane): wzorzec Figmy pokazuje go normalną wagą (17/24) */
.kr-prose>p:first-child>strong:only-child{font-weight:400}

.kr-prose p.kr-prose__spacer{margin-top:0}
