/* =========================================================
   SK Artykuł – Izolacja od motywu (v1.1)
   Wygląd treści w obrębie .sk-art, hartowany przeciw motywowi
   (podwójny selektor klasy .sk-art.sk-art + !important).
   Owijanie w .sk-art robi wtyczka automatycznie po włączeniu
   przełącznika na wpisie.
   ========================================================= */

/* Kontener artykułu */
.sk-art.sk-art {
	max-width: 760px !important;
	margin: 0 auto !important;
	color: #26333b !important;
	background: #ffffff !important;
	font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
	font-size: 17px !important;
	line-height: 1.85 !important;
}

/* Akapity i listy – justowanie + dzielenie wyrazów */
.sk-art.sk-art p,
.sk-art.sk-art li {
	font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
	font-size: 17px !important;
	line-height: 1.85 !important;
	color: #26333b !important;
	text-align: justify !important;
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
}

.sk-art.sk-art p {
	margin: 0 0 16px !important;
}

.sk-art.sk-art ul,
.sk-art.sk-art ol {
	margin: 0 0 16px !important;
	padding-left: 22px !important;
}

.sk-art.sk-art li {
	margin: 0 0 8px !important;
}

/* Nagłówki */
.sk-art.sk-art h1,
.sk-art.sk-art h2,
.sk-art.sk-art h3 {
	font-family: 'Sora', 'Archivo', Arial, sans-serif !important;
	color: #0f3d46 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	-webkit-hyphens: manual !important;
	hyphens: manual !important;
}

.sk-art.sk-art h1 {
	font-size: 31px !important;
	font-weight: 700 !important;
	letter-spacing: -0.3px !important;
	margin: 0 0 6px !important;
}

.sk-art.sk-art h2 {
	font-size: 23px !important;
	font-weight: 700 !important;
	margin: 36px 0 14px !important;
	border-bottom: 2px solid #cfe3e6 !important;
	padding-bottom: 7px !important;
}

.sk-art.sk-art h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #13424c !important;
	margin: 18px 0 6px !important;
}

/* Podtytuł / lead pod H1 */
.sk-art.sk-art .sk-sub {
	font-family: 'Sora', Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #7a8a90 !important;
	letter-spacing: 0.2px !important;
	text-align: left !important;
	margin: 0 0 26px !important;
}

/* Linki */
.sk-art.sk-art a {
	color: #b15a1e !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

.sk-art.sk-art strong { font-weight: 700 !important; }
.sk-art.sk-art em { font-style: italic !important; }

/* Tabele */
.sk-art.sk-art table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 0 18px !important;
	font-family: 'Sora', Arial, sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.5 !important;
}

.sk-art.sk-art td,
.sk-art.sk-art th {
	border: 1px solid #cfe0e3 !important;
	padding: 10px 12px !important;
	text-align: left !important;
	vertical-align: top !important;
}

.sk-art.sk-art thead td,
.sk-art.sk-art thead th {
	background: #0f3d46 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

.sk-art.sk-art tbody tr:nth-child(even) td {
	background: #f1f7f8 !important;
}

/* Boksy wyróżnione */
.sk-art.sk-art .sk-box {
	background: #eef5f6 !important;
	border-left: 4px solid #0f3d46 !important;
	padding: 14px 18px !important;
	margin: 0 0 20px !important;
	border-radius: 0 6px 6px 0 !important;
}

.sk-art.sk-art .sk-box--warm {
	background: #fbf2ea !important;
	border-left-color: #b15a1e !important;
}

.sk-art.sk-art .sk-box p {
	margin: 0 !important;
	font-size: 16px !important;
}

/* Responsywność */
@media (max-width: 600px) {
	.sk-art.sk-art h1 { font-size: 25px !important; }
	.sk-art.sk-art h2 { font-size: 20px !important; }
	.sk-art.sk-art h3 { font-size: 18px !important; }
	.sk-art.sk-art p,
	.sk-art.sk-art li { font-size: 16px !important; }
	.sk-art.sk-art table { font-size: 13px !important; }
}
