/* ==================================================================
   SEMownia Design 2.0 — warstwa wizualna bloga dla GeneratePress
   Źródło: design system SEMownia 2.0 (tokens.json, 30.09.2026) i kod
   strony semownia.pl (projekt C). Interfejs: jasny, Material 3, białe
   karty, miękkie cienie, zaokrąglenia; wszystko, co się klika — pigułka.
   Czerwień #d32027 = kolor akcji. Montserrat 400–700.
   ================================================================== */

/* ---------- 1. Tokeny ---------- */
:root {
	color-scheme: light dark;

	/* Paleta (tokens.json) */
	--red: #d32027;
	--red-dark: #a0181d;
	--red-tint: #fdecea;
	--ink-900: #1f1f1f;
	--ink-700: #444746;
	--ink-500: #5f6368;
	--placeholder: #80868b;
	--line: #dadce0;
	--outline: #747775;
	--grey-50: #f8f9fa;
	--green: #137333;
	--error: #b3261e;
	--star: #f4b400;

	/* Role — motyw jasny */
	--surface: #ffffff;
	--surface-muted: var(--grey-50);
	--surface-card: #ffffff;
	--ink: var(--ink-900);
	--ink-muted: var(--ink-700);
	--ink-subtle: var(--ink-500);
	--border: var(--line);
	--border-control: var(--outline);
	--accent: var(--red);
	--accent-hover: var(--red-dark);
	--on-accent: #ffffff;
	--accent-text: var(--red);
	--accent-tint: var(--red-tint);
	--on-accent-tint: var(--red);
	--selected: var(--ink-900);
	--on-selected: #ffffff;
	--positive: var(--green);
	--negative: var(--error);
	--focus: var(--red);
	--header-bg: rgba(255, 255, 255, .96);

	/* Kształty */
	--shape-xs: 8px;
	--shape-small: 12px;
	--shape-medium: 20px;
	--shape-large: 28px;
	--shape-full: 9999px;

	/* Głębia (Material 3) */
	--elevation-1: 0 1px 2px rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
	--elevation-2: 0 1px 3px rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15);
	--elevation-3: 0 4px 4px rgba(60,64,67,.3), 0 8px 12px 6px rgba(60,64,67,.15);

	/* Układ */
	--container: 1280px;
	--gutter: 80px;
	--header-h: 72px;
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

	/* Zmienne GeneratePress -> tokeny */
	--contrast: var(--ink);
	--contrast-2: var(--ink-muted);
	--contrast-3: var(--border-control);
	--base: var(--border);
	--base-2: var(--surface-muted);
	--base-3: var(--surface);
	--black: var(--ink);
	--semdark: var(--ink);
}

@media (prefers-color-scheme: dark) {
	:root {
		--surface: #121212;
		--surface-muted: #1e1f20;
		--surface-card: #1e1f20;
		--ink: #f1f1f1;
		--ink-muted: #c4c7c5;
		--ink-subtle: #a8abaf;
		--border: #3c4043;
		--border-control: #8e918f;
		--accent-text: #f0484e;
		--accent-tint: #3a1a1b;
		--on-accent-tint: #ff8a80;
		--selected: #f1f1f1;
		--on-selected: #121212;
		--positive: #6dd58c;
		--negative: #f2b8b5;
		--focus: #f0484e;
		--placeholder: #a8abaf;
		--header-bg: rgba(18, 18, 18, .94);
		--elevation-1: 0 1px 2px rgba(0,0,0,.5), 0 1px 3px 1px rgba(0,0,0,.3);
		--elevation-2: 0 1px 3px rgba(0,0,0,.5), 0 4px 8px 3px rgba(0,0,0,.3);
		--elevation-3: 0 4px 4px rgba(0,0,0,.5), 0 8px 12px 6px rgba(0,0,0,.3);
	}
}

@media (max-width: 1279px) { :root { --gutter: 40px; } }
@media (max-width: 767px)  { :root { --gutter: 20px; --header-h: 64px; } }

/* ---------- 2. Podstawy ---------- */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
	background: var(--surface);
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
body, button, input, select, textarea { font-family: var(--font-sans); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-sans);
	color: var(--ink);
	font-weight: 600;
	text-wrap: balance;
}

a { color: var(--accent-text); text-decoration: none; transition: color 150ms var(--ease), background-color 150ms var(--ease); }
a:hover, a:focus { color: var(--accent-hover); }
@media (prefers-color-scheme: dark) { a:hover, a:focus { color: #ff8a80; } }

:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
::selection { background: var(--accent); color: var(--on-accent); }

.sem-ico { width: 20px; height: 20px; flex-shrink: 0; fill: currentColor; }
.sem-ico--16 { width: 16px; height: 16px; }
.sem-ico--18 { width: 18px; height: 18px; }

/* ---------- 3. Nagłówek ---------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border);
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }

.inside-header,
.inside-header.grid-container {
	max-width: 1440px;
	min-height: var(--header-h);
	padding: 0 48px;
	align-items: center;
	gap: 16px;
}
@media (max-width: 1279px) { .inside-header, .inside-header.grid-container { padding: 0 var(--gutter); } }

.site-logo { display: flex; align-items: center; min-height: 44px; }
.site-logo a { display: flex; }
.site-logo img, .site-header .header-image { width: auto; height: 30px; max-width: none; display: block; }
.site-logo picture { display: block; }
@media (max-width: 767px) { .site-logo img, .site-header .header-image { height: 26px; } }

/* Nawigacja (desktop): linki obok logo, po prawej link do semownia.pl, CTA i wyszukiwarka */
.main-navigation,
.main-navigation ul ul,
.main-navigation.toggled .main-nav > ul { background: transparent; }

@media (min-width: 1241px) {
	.site-header .main-navigation { flex: 1 1 auto; margin-left: 24px; }
	.site-header .main-navigation .inside-navigation { justify-content: flex-start; width: 100%; }
	.site-header .main-navigation .main-nav { flex: 1 1 auto; }
	.site-header .main-navigation .main-nav > ul { display: flex; align-items: center; gap: 2px; width: 100%; }
	.main-navigation .main-nav ul li.sem-nav-home { margin-left: auto; }
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items .menu-bar-item > a {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	margin: 0;
	border-radius: var(--shape-full);
	font: 500 14px/20px var(--font-sans);
	color: var(--ink-muted);
	transition: background-color 150ms var(--ease), color 150ms var(--ease);
}
.main-navigation .menu-bar-items .menu-bar-item > a { width: 44px; height: 44px; padding: 0; justify-content: center; color: var(--ink); }
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus-within > a,
.main-navigation .menu-bar-item:hover > a {
	background: var(--surface-muted);
	color: var(--ink);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: var(--accent-text); background: transparent; }

/* Link do strony głównej */
.main-navigation .main-nav ul li.sem-nav-home > a { color: var(--ink); font-weight: 600; }
.main-navigation .main-nav ul li.sem-nav-home > a::after {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* CTA w menu: przycisk główny --sm */
.main-navigation .main-nav ul li.sem-nav-cta > a,
.main-navigation .main-nav ul li.sem-nav-cta:hover > a,
.main-navigation .main-nav ul li.sem-nav-cta:focus-within > a {
	margin-left: 8px;
	padding: 0 20px;
	background: var(--accent);
	color: var(--on-accent);
	font-weight: 600;
}
.main-navigation .main-nav ul li.sem-nav-cta:hover > a { background: var(--accent-hover); box-shadow: var(--elevation-1); }
@media (min-width: 1241px) and (max-width: 1439px) {
	.main-navigation .main-nav ul li.sem-nav-cta { display: none; }
}

/* Przycisk menu mobilnego */
.main-navigation .menu-toggle,
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus {
	background: transparent;
	color: var(--ink);
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	line-height: 44px;
	padding: 0;
	border-radius: var(--shape-full);
	box-shadow: none;
}
.main-navigation button.menu-toggle:hover,
.mobile-menu-control-wrapper button.menu-toggle:hover { background: var(--surface-muted); color: var(--ink); }
.mobile-menu-control-wrapper .menu-bar-items .menu-bar-item > a { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: var(--shape-full); color: var(--ink); }

/* Menu mobilne (rozwinięte) */
@media (max-width: 1240px) {
	.main-navigation.toggled .main-nav > ul {
		background: var(--surface);
		border-top: 1px solid var(--border);
		padding: 8px var(--gutter) 20px;
		box-shadow: var(--elevation-2);
	}
	.main-navigation.toggled .main-nav ul li a {
		height: auto;
		min-height: 48px;
		line-height: 24px;
		padding: 12px 4px;
		border-radius: 0;
		border-bottom: 1px solid var(--border);
		font: 600 16px/24px var(--font-sans);
		color: var(--ink);
	}
	.main-navigation.toggled .main-nav ul li:hover > a { background: transparent; }
	.main-navigation.toggled .main-nav ul li[class*="current-menu-"] > a { color: var(--accent-text); }
	.main-navigation.toggled .main-nav ul li.sem-nav-cta > a {
		justify-content: center;
		margin: 16px 0 0;
		min-height: 48px;
		border: 0;
		border-radius: var(--shape-full);
		color: var(--on-accent);
	}
}

/* Wyszukiwarka w nagłówku */
.main-navigation .inside-navigation { position: relative; }
.navigation-search {
	position: absolute;
	top: 0;
	left: -99999px;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: 20;
}
.navigation-search.nav-search-active {
	left: 0;
	right: 0;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.main-navigation .navigation-search input[type="search"],
.main-navigation .navigation-search input[type="search"]:focus {
	opacity: 1;
	height: 48px;
	min-height: 48px;
	padding: 0 20px;
	background: var(--surface-card);
	color: var(--ink);
	font: 500 16px/24px var(--font-sans);
	border: 1px solid var(--focus);
	border-radius: var(--shape-full);
	box-shadow: var(--elevation-2);
}

/* ---------- 4. Hero (strona główna bloga) ---------- */
.sem-hero {
	background: var(--surface);
	border-bottom: 1px solid var(--border);
}
.sem-hero__inner {
	max-width: calc(var(--container) + 2 * var(--gutter));
	margin: 0 auto;
	padding: 88px var(--gutter) 72px;
}
.sem-eyebrow {
	display: block;
	margin: 0 0 12px;
	font: 600 14px/20px var(--font-sans);
	letter-spacing: 0;
	text-transform: none;
	color: var(--accent-text);
}
.sem-slogan {
	margin: 8px 0 28px;
	font: 600 clamp(40px, 5.2vw, 60px)/1.13 var(--font-sans);
	letter-spacing: -0.03em;
	color: var(--ink);
}
.sem-slogan > span { display: block; }
/* Ostatnie zdanie hasła w kolorze akcji (bez skośnej belki — to warstwa marki) */
.sem-mark { font-style: normal; color: var(--accent-text); }
.sem-mark::after { content: none; display: none; }
.sem-kicker {
	margin: 0 0 12px;
	max-width: 44em;
	font: 600 18px/28px var(--font-sans);
	letter-spacing: 0;
	color: var(--ink);
}
.sem-lead {
	margin: 0;
	max-width: 62ch;
	font: 400 20px/30px var(--font-sans);
	color: var(--ink-muted);
}

/* ---------- 5. Kontener treści ---------- */
.site.grid-container, .grid-container { max-width: calc(var(--container) + 2 * var(--gutter)); }
.site.container { background: transparent; }
#page { padding: 56px var(--gutter) 104px; }
.separate-containers .site-main { margin: 0; }
.separate-containers .site-main > * { margin-bottom: 0; }
.no-sidebar .content-area { width: 100%; }
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation { background: transparent; }

/* ---------- 6. Lista wpisów: siatka kart ---------- */
.blog .site-main,
.archive .site-main,
.search .site-main {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: 24px;
}
.blog .site-main > :not(article),
.archive .site-main > :not(article),
.search .site-main > :not(article) { grid-column: 1 / -1; }

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article { display: flex; }

.blog .inside-article,
.archive .inside-article,
.search .inside-article,
.separate-containers.blog .inside-article,
.separate-containers.archive .inside-article,
.separate-containers.search .inside-article {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 28px;
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
	box-shadow: none;
	transition: box-shadow 200ms var(--ease);
}
.blog .inside-article:hover,
.archive .inside-article:hover,
.search .inside-article:hover,
.blog .inside-article:focus-within,
.archive .inside-article:focus-within,
.search .inside-article:focus-within { box-shadow: var(--elevation-2); }

/* Cała karta klikalna — link tytułu rozciągnięty na kartę */
.blog .entry-title a::after,
.archive .entry-title a::after,
.search .entry-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}
.blog .entry-title a:focus-visible,
.archive .entry-title a:focus-visible,
.search .entry-title a:focus-visible { outline: none; }
.blog .inside-article:has(.entry-title a:focus-visible),
.archive .inside-article:has(.entry-title a:focus-visible) { outline: 2px solid var(--focus); outline-offset: 3px; }

.blog .entry-header, .archive .entry-header, .search .entry-header { margin: 0; }
.blog .entry-title, .archive .entry-title, .search .entry-title {
	margin: 4px 0 12px;
	font: 600 22px/28px var(--font-sans);
	letter-spacing: -0.01em;
}
.blog .entry-title a, .archive .entry-title a, .search .entry-title a { color: var(--ink); text-decoration: none; }
.blog .inside-article:hover .entry-title a,
.archive .inside-article:hover .entry-title a,
.search .inside-article:hover .entry-title a { color: var(--ink); }

.entry-meta { color: var(--ink-subtle); font: 500 13px/18px var(--font-sans); }
.entry-meta a { color: var(--ink-subtle); text-decoration: none; }
.blog .byline, .archive .byline, .search .byline { display: none; }

.blog .entry-summary, .archive .entry-summary, .search .entry-summary {
	flex: 1;
	margin-top: 12px;
	font: 400 15px/24px var(--font-sans);
	color: var(--ink-muted);
}
.entry-summary p { margin: 0; }
.entry-summary .read-more {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: fit-content;
	min-height: 32px;
	margin-top: 20px;
	font: 600 15px/1.2 var(--font-sans);
	color: var(--accent-text);
	text-decoration: none;
}
.entry-summary .read-more::after {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 150ms var(--ease);
}
.inside-article:hover .read-more { text-decoration: underline; text-underline-offset: 3px; }
.inside-article:hover .read-more::after { transform: translateX(3px); }

.blog footer.entry-meta, .archive footer.entry-meta, .search footer.entry-meta { display: none; }

/* Najnowszy wpis — szeroka karta na początku listy */
.blog:not(.paged) .site-main > article:first-of-type { grid-column: 1 / -1; }
.blog:not(.paged) .site-main > article:first-of-type .inside-article { padding: 48px; }
.blog:not(.paged) .site-main > article:first-of-type .entry-title {
	max-width: 24em;
	font: 600 clamp(28px, 3vw, 36px)/1.22 var(--font-sans);
	letter-spacing: -0.02em;
}
.blog:not(.paged) .site-main > article:first-of-type .entry-summary {
	max-width: 62ch;
	font-size: 18px;
	line-height: 28px;
}

/* Eyebrow wpisu + kropka rozdzielająca */
.sem-eyebrow--entry { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; font-size: 13px; line-height: 18px; }
.sem-eyebrow--entry .sem-dot { width: 3px; height: 3px; border-radius: var(--shape-full); background: currentColor; opacity: .7; }
.sem-eyebrow a.sem-eyebrow__cat { color: inherit; text-decoration: none; }
.sem-eyebrow a.sem-eyebrow__cat:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Nagłówek archiwum / wyszukiwania */
.page-header, .separate-containers .page-header { padding: 0 0 16px; }
.page-header .page-title {
	margin: 0 0 16px;
	font: 600 clamp(32px, 4vw, 44px)/1.18 var(--font-sans);
	letter-spacing: -0.02em;
}
.taxonomy-description { color: var(--ink-muted); max-width: 62ch; font: 400 18px/28px var(--font-sans); }
@media (max-width: 767px) { .taxonomy-description { font-size: 17px; line-height: 26px; } }
.taxonomy-description p { margin: 0 0 12px; }
.taxonomy-description a { color: var(--accent-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.taxonomy-description strong { color: var(--ink); font-weight: 600; }

/* Archiwum kategorii: tekst + grafika */
.category .page-header {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	column-gap: 72px;
	align-items: start;
	padding: 0 0 32px;
}
.category .page-header > * { grid-column: 1; }
.category .page-header .sem-cat-figure {
	grid-column: 2;
	grid-row: 1 / span 3;
	margin: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--shape-large);
	background: #1f1f1f;
}
.sem-cat-figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
	.category .page-header { grid-template-columns: 1fr; }
	.category .page-header .sem-cat-figure { grid-column: 1; grid-row: auto; margin-top: 8px; }
}

/* Paginacja — pigułki */
.paging-navigation, .separate-containers .paging-navigation { padding: 24px 0 0; }
.paging-navigation .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.paging-navigation .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 16px;
	font: 600 14px/20px var(--font-sans);
	color: var(--ink-muted);
	text-decoration: none;
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-full);
}
.paging-navigation .page-numbers.current { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.paging-navigation a.page-numbers:hover { background: var(--accent-tint); color: var(--accent-text); }

/* ---------- 7. Artykuł ---------- */
.single #page { padding-top: 56px; }
body.single.no-sidebar .site-main,
body.page.no-sidebar .site-main { max-width: 760px; margin: 0 auto; }
.single .inside-article,
.page .inside-article,
.separate-containers.single .inside-article,
.separate-containers.page .inside-article {
	background: transparent;
	padding: 0;
	border: 0;
	box-shadow: none;
}

.single .entry-header, .page .entry-header {
	margin-bottom: 40px;
	padding-bottom: 28px;
	border-bottom: 1px solid var(--border);
}
.single .entry-title, .page .entry-title {
	margin: 8px 0 20px;
	font: 600 clamp(32px, 4.2vw, 44px)/1.18 var(--font-sans);
	letter-spacing: -0.02em;
	color: var(--ink);
}
.single .entry-meta { font-size: 14px; line-height: 20px; }
.single .entry-meta .byline a, .single .entry-meta .posted-on a { color: var(--ink-muted); }
.single .posted-on + .byline::before { content: "·"; margin: 0 8px; color: var(--ink-subtle); }

.entry-content {
	font: 400 17px/28px var(--font-sans);
	color: var(--ink);
}
.entry-content > * + * { margin-top: 0; }
.entry-content p { margin: 0 0 1.3em; }
.entry-content h2 {
	margin: 2em 0 .6em;
	font: 600 clamp(24px, 3vw, 30px)/1.27 var(--font-sans);
	letter-spacing: -0.02em;
	color: var(--ink);
}
.entry-content h3 {
	margin: 1.8em 0 .5em;
	font: 600 22px/28px var(--font-sans);
	color: var(--ink);
}
.entry-content h4 {
	margin: 1.6em 0 .4em;
	font: 600 18px/26px var(--font-sans);
	color: var(--ink);
}
.entry-content strong, .entry-content b { font-weight: 600; color: var(--ink); }

.entry-content ul, .entry-content ol { margin: 0 0 1.5em 1.25em; padding: 0; }
.entry-content li { margin: 0 0 .5em; padding-left: .25em; }
.entry-content ul li::marker { color: var(--accent-text); }
.entry-content ol li::marker { color: var(--ink-subtle); font-weight: 600; }

.entry-content a {
	color: var(--accent-text);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.entry-content a:hover { color: var(--accent-hover); text-decoration-thickness: 2px; }
@media (prefers-color-scheme: dark) { .entry-content a:hover { color: #ff8a80; } }

/* Cytat */
.entry-content blockquote {
	margin: 2em 0;
	padding: 20px 24px;
	background: var(--surface-muted);
	border: 0;
	border-radius: var(--shape-medium);
	font: 400 17px/28px var(--font-sans);
	font-style: normal;
	color: var(--ink);
}
.entry-content blockquote p:last-child { margin-bottom: 0; }

/* TL;DR — pierwszy cytat w artykule jako karta podsumowania */
.entry-content > blockquote:first-child {
	margin: 0 0 2.5em;
	padding: 28px 32px;
	background: var(--surface-muted);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
	font: 400 16px/26px var(--font-sans);
	color: var(--ink);
}
.entry-content > blockquote:first-child > p:first-child > strong:first-child {
	display: inline-block;
	margin: 0 0 8px;
	padding: 0;
	font: 600 14px/20px var(--font-sans);
	letter-spacing: 0;
	text-transform: none;
	color: var(--accent-text);
}
.entry-content > blockquote:first-child > p:first-child > strong:first-child::before { content: none; }

/* Tabele */
.entry-content table {
	width: 100%;
	margin: 0 0 1.8em;
	border: 1px solid var(--border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--shape-small);
	overflow: hidden;
	font: 400 15px/22px var(--font-sans);
	font-variant-numeric: tabular-nums;
	background: var(--surface-card);
}
.entry-content th, .entry-content td {
	border: 0;
	padding: 12px 16px;
	text-align: left;
	vertical-align: top;
}
.entry-content thead th {
	background: var(--surface-muted);
	font: 600 14px/20px var(--font-sans);
	letter-spacing: 0;
	text-transform: none;
	color: var(--ink);
}
.entry-content tbody tr + tr td,
.entry-content thead + tbody td { border-top: 1px solid var(--border); }
.entry-content tbody tr:hover td { background: var(--surface-muted); }
@media (max-width: 720px) {
	.entry-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.entry-content th, .entry-content td { min-width: 140px; }
}

.entry-content hr { border: 0; height: 1px; background: var(--border); margin: 3em 0; }
.entry-content img { border-radius: var(--shape-medium); }
.entry-content figcaption, .wp-element-caption { font: 500 13px/18px var(--font-sans); color: var(--ink-subtle); margin-top: 8px; }
.entry-content code {
	font-size: .88em;
	padding: 2px 6px;
	background: var(--surface-muted);
	border: 1px solid var(--border);
	border-radius: 6px;
	white-space: nowrap;
}

/* Bloki kodu (np. JSON-LD w poradnikach) */
.entry-content pre {
	margin: 0 0 1.8em;
	padding: 20px 24px;
	overflow-x: auto;
	background: var(--surface-muted);
	border: 1px solid var(--border);
	border-radius: var(--shape-small);
	font: 400 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	color: var(--ink);
	white-space: pre;
	tab-size: 2;
}
.entry-content pre code {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	font: inherit;
	white-space: inherit;
}

/* Stopka artykułu: poprzedni / następny */
.single footer.entry-meta { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--border); }
.single footer.entry-meta .cat-links { display: none; }
.post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.post-navigation .gp-icon { display: none; }
.post-navigation .nav-previous, .post-navigation .nav-next {
	position: relative;
	margin: 0;
	padding: 20px 24px;
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-medium);
	transition: box-shadow 200ms var(--ease);
}
.post-navigation .nav-next { grid-column: 2; text-align: right; }
.post-navigation .nav-previous::before, .post-navigation .nav-next::before {
	display: block;
	margin-bottom: 6px;
	font: 600 13px/18px var(--font-sans);
	letter-spacing: 0;
	text-transform: none;
	color: var(--accent-text);
}
.post-navigation .nav-previous::before { content: "← Poprzedni artykuł"; }
.post-navigation .nav-next::before { content: "Następny artykuł →"; }
.post-navigation a { font: 600 15px/22px var(--font-sans); color: var(--ink); text-decoration: none; }
.post-navigation a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.post-navigation .nav-previous:hover, .post-navigation .nav-next:hover { box-shadow: var(--elevation-2); }
@media (max-width: 640px) {
	.post-navigation { grid-template-columns: 1fr; }
	.post-navigation .nav-next { grid-column: 1; text-align: left; }
}

/* Artykuł: obraz wyróżniający */
.single .featured-image,
.single .page-header-image-single,
.single .inside-article > .post-image {
	margin: 0 0 40px;
	border-radius: var(--shape-large);
	overflow: hidden;
	background: #1f1f1f;
}
.single .featured-image img,
.single .page-header-image-single img,
.single .inside-article > .post-image img { display: block; width: 100%; height: auto; }

/* Grafiki w treści */
.entry-content .sem-figure {
	margin: 8px 0 32px;
	border-radius: var(--shape-large);
	overflow: hidden;
	background: #1f1f1f;
}
.entry-content .sem-figure img { display: block; width: 100%; height: auto; border-radius: 0; }

/* Karta na liście: obraz na górze karty */
.blog .inside-article .post-image,
.archive .inside-article .post-image,
.search .inside-article .post-image {
	order: -2;
	margin: -28px -28px 24px;
	overflow: hidden;
	border-radius: var(--shape-large) var(--shape-large) 0 0;
	aspect-ratio: 16 / 9;
	background: #1f1f1f;
}
.blog .inside-article .post-image img,
.archive .inside-article .post-image img,
.search .inside-article .post-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms var(--ease);
}
.inside-article:hover .post-image img { transform: scale(1.03); }
.blog .sem-eyebrow--entry, .archive .sem-eyebrow--entry, .search .sem-eyebrow--entry { order: -1; }
.blog:not(.paged) .site-main > article:first-of-type .post-image { margin: -48px -48px 32px; }
@media (min-width: 900px) {
	.blog:not(.paged) .site-main > article:first-of-type .inside-article {
		display: grid;
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
		column-gap: 48px;
		align-content: start;
		padding: 0 48px 0 0;
		overflow: hidden;
	}
	.blog:not(.paged) .site-main > article:first-of-type .post-image {
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		height: 100%;
		min-height: 360px;
		aspect-ratio: auto;
		border-radius: var(--shape-large) 0 0 var(--shape-large);
	}
	.blog:not(.paged) .site-main > article:first-of-type .sem-eyebrow--entry { grid-column: 2; margin-top: 48px; }
	.blog:not(.paged) .site-main > article:first-of-type .entry-header,
	.blog:not(.paged) .site-main > article:first-of-type .entry-summary { grid-column: 2; }
	.blog:not(.paged) .site-main > article:first-of-type .entry-summary { padding-bottom: 48px; }
}

/* ---------- 8. Elementy artykułu ---------- */
.entry-content .sem-updated {
	margin: -8px 0 32px;
	font: 500 14px/20px var(--font-sans);
	color: var(--ink-subtle);
}
.entry-content .sem-updated strong { color: var(--ink-muted); font-weight: 600; }

/* Kalkulator ROAS / POAS */
.sem-calc {
	margin: 8px 0 40px;
	padding: 32px;
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
	box-shadow: var(--elevation-1);
}
.entry-content .sem-calc__title { margin: 0 0 8px; font: 600 22px/28px var(--font-sans); color: var(--ink); }
.entry-content .sem-calc__intro, .entry-content .sem-calc__hint { margin: 0 0 20px; font: 400 14px/21px var(--font-sans); color: var(--ink-muted); }
.sem-calc__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; margin-bottom: 16px; }
.sem-calc__field { display: flex; flex-direction: column; gap: 6px; }
.sem-calc__field span { font: 500 14px/20px var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--ink-muted); }
.sem-calc__field input[type="number"] { font: 600 18px/24px var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
.sem-calc__out {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}
.sem-calc__out > div { background: var(--surface-muted); padding: 12px 14px; border-radius: var(--shape-small); }
.sem-calc__out dt { margin: 0 0 2px; font: 400 12px/16px var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--ink-subtle); }
.sem-calc__out dd { margin: 0; font: 700 22px/28px var(--font-sans); color: var(--accent-text); font-variant-numeric: tabular-nums; }
.entry-content .sem-calc__verdict { margin: 0; font: 600 15px/22px var(--font-sans); color: var(--ink); }
@media (max-width: 640px) {
	.sem-calc { padding: 24px 20px; }
	.sem-calc__grid { grid-template-columns: 1fr; }
	.sem-calc__out { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* CTA w artykule: jasna karta z przyciskiem głównym */
.sem-cta {
	margin: 48px 0 32px;
	padding: 40px;
	background: var(--surface-muted);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
	color: var(--ink-muted);
}
.entry-content .sem-cta h2 { margin: 0 0 12px; color: var(--ink); font: 600 clamp(24px, 3vw, 28px)/1.3 var(--font-sans); }
.entry-content .sem-cta p { margin: 0 0 24px; font: 400 16px/26px var(--font-sans); }
.entry-content .sem-cta .sem-eyebrow { margin: 0 0 8px; color: var(--accent-text); }
.entry-content a.sem-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 56px;
	padding: 0 32px;
	background: var(--accent);
	color: var(--on-accent);
	border-radius: var(--shape-full);
	font: 600 16px/1.2 var(--font-sans);
	text-decoration: none;
	transition: background-color 150ms var(--ease), box-shadow 150ms var(--ease);
}
.entry-content a.sem-cta__btn:hover,
.entry-content a.sem-cta__btn:focus-visible { background: var(--accent-hover); color: var(--on-accent); box-shadow: var(--elevation-1); }
.entry-content .sem-cta p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
	.sem-cta { padding: 28px 24px; }
	.entry-content a.sem-cta__btn { width: 100%; }
}

/* O autorze */
.sem-author {
	margin: 0 0 16px;
	padding: 24px 28px;
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-medium);
	font: 400 15px/24px var(--font-sans);
	color: var(--ink-muted);
}
.entry-content .sem-author p { margin: 0; }
.entry-content .sem-author .sem-eyebrow { margin-bottom: 8px; }
.entry-content .sem-author strong { color: var(--ink); }

/* Blok „Więcej w kategorii” pod artykułem */
.sem-related {
	margin: 48px 0 0;
	padding: 32px;
	background: var(--surface-muted);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
}
.sem-related p { margin: 0; }
.sem-related .sem-eyebrow { margin-bottom: 4px; }
.sem-related__title { font: 600 22px/28px var(--font-sans); margin-bottom: 16px !important; }
.sem-related__title a { color: var(--ink); text-decoration: none; }
.sem-related__title a:hover { color: var(--accent-text); }
.sem-related__start { font: 600 16px/24px var(--font-sans); margin-bottom: 16px !important; color: var(--ink); }
.sem-related__start span { color: var(--ink-subtle); font-weight: 500; }
.sem-related__start a, .sem-related__list a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--border-control); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sem-related__start a:hover, .sem-related__list a:hover { color: var(--accent-text); text-decoration-color: currentColor; }
.sem-related__list { margin: 0 0 20px 1.1em; padding: 0; font: 500 15px/24px var(--font-sans); }
.sem-related__list li { margin: 0 0 8px; }
.sem-related__list li::marker { color: var(--accent-text); }
.sem-related__all a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font: 600 15px/1.2 var(--font-sans); color: var(--accent-text); }
.sem-related__all a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) { .sem-related { padding: 24px 20px; } }

/* ---------- 9. Komentarze i formularze (TextField 2.0) ---------- */
.comments-area, .separate-containers .comments-area {
	padding: 40px 0 0;
	margin-top: 56px;
	border-top: 1px solid var(--border);
}
.comment-reply-title, .comments-title { font: 600 24px/32px var(--font-sans); letter-spacing: -0.01em; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	width: 100%;
	min-height: 56px;
	padding: 0 16px;
	background: var(--surface-card);
	color: var(--ink);
	font: 400 16px/24px var(--font-sans);
	border: 1px solid var(--border-control);
	border-radius: var(--shape-xs);
	box-shadow: none;
	transition: border-color 150ms var(--ease), box-shadow 150ms var(--ease);
}
textarea { min-height: 120px; padding: 14px 16px; resize: vertical; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	background: var(--surface-card);
	color: var(--ink);
	border-color: var(--focus);
	box-shadow: inset 0 0 0 1px var(--focus);
	outline: none;
}
::placeholder { color: var(--placeholder); opacity: 1; }
.comment-form label { display: block; margin-bottom: 6px; font: 500 14px/20px var(--font-sans); color: var(--ink-muted); }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { display: block; width: 100%; margin: 0 0 20px; }
.comment-form-comment { margin-bottom: 20px; }

/* Przyciski — pigułki (Button 2.0) */
button, html input[type="button"], input[type="reset"], input[type="submit"],
a.button, a.wp-block-button__link:not(.has-background), .wp-block-search__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 24px;
	background: var(--accent);
	color: var(--on-accent);
	font: 600 15px/1.2 var(--font-sans);
	border: 1px solid transparent;
	border-radius: var(--shape-full);
	cursor: pointer;
	transition: background-color 150ms var(--ease), box-shadow 150ms var(--ease);
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
a.button:hover, a.wp-block-button__link:not(.has-background):hover, .wp-block-search__button:hover,
button:focus-visible, input[type="submit"]:focus-visible, a.button:focus-visible {
	background: var(--accent-hover);
	color: var(--on-accent);
	box-shadow: var(--elevation-1);
}
/* przyciski menu nie dziedziczą stylu CTA */
.main-navigation button.menu-toggle, .mobile-menu-control-wrapper button.menu-toggle { font-size: 16px; }

/* Wyszukiwarka (404, wyniki, widżet) */
.search-form, .wp-block-search__inside-wrapper { display: flex; gap: 12px; align-items: center; }
.search-form label { flex: 1; }

/* Przycisk „do góry” */
a.generate-back-to-top {
	width: 48px;
	height: 48px;
	line-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--shape-full);
	background: var(--surface-card);
	color: var(--ink);
	border: 1px solid var(--border);
	box-shadow: var(--elevation-2);
	transition: background-color 150ms var(--ease), opacity 300ms ease, transform 300ms ease;
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus { background: var(--accent-tint); color: var(--accent-text); }

/* ---------- 10. Stopka (jak na semownia.pl) ---------- */
.site-footer { background: transparent; }
.site-info, .site-footer .site-info { display: none; }

.sem-ftr {
	background: var(--surface-muted);
	border-top: 1px solid var(--border);
	padding: 72px 0 32px;
	font: 400 14px/22px var(--font-sans);
	color: var(--ink-muted);
}
.sem-ftr__wrap { max-width: calc(var(--container) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.sem-ftr a { color: inherit; text-decoration: none; }
.sem-ftr a:hover { color: var(--accent-text); }

.sem-ftr__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px 40px;
	margin-bottom: 56px;
	padding: 32px 40px;
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
}
.sem-ftr__cta .sem-eyebrow { margin-bottom: 4px; }
.sem-ftr__cta-t { margin: 0; font: 600 28px/36px var(--font-sans); letter-spacing: -0.02em; color: var(--ink); }
.sem-ftr__cta-t em { font-style: normal; color: var(--accent-text); }
.sem-ftr__cta-d { margin: 6px 0 0; font: 400 16px/24px var(--font-sans); color: var(--ink-muted); max-width: 52ch; }
.sem-ftr__cta-a { display: flex; flex-wrap: wrap; gap: 12px; flex-shrink: 0; }

.sem-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 24px;
	border-radius: var(--shape-full);
	border: 1px solid transparent;
	font: 600 15px/1.2 var(--font-sans);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 150ms var(--ease), box-shadow 150ms var(--ease);
}
.sem-ftr a.sem-btn--primary, .sem-btn--primary { background: var(--accent); color: var(--on-accent); }
.sem-ftr a.sem-btn--primary:hover, .sem-btn--primary:hover { background: var(--accent-hover); color: var(--on-accent); box-shadow: var(--elevation-1); }
.sem-ftr a.sem-btn--outline, .sem-btn--outline { background: var(--surface-card); color: var(--accent-text); border-color: var(--border); }
.sem-ftr a.sem-btn--outline:hover, .sem-btn--outline:hover { background: var(--accent-tint); color: var(--accent-text); }

.sem-ftr__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; }
.sem-ftr__brand { display: flex; flex-direction: column; gap: 20px; }
.sem-ftr__logo { display: flex; align-self: flex-start; }
.sem-ftr__logo picture { display: block; }
.sem-ftr__logo img { height: 30px; width: auto; display: block; }
.sem-ftr__brand > p { margin: 0; font-size: 15px; line-height: 24px; max-width: 340px; }
.sem-ftr__me { display: flex; align-items: center; gap: 12px; }
.sem-ftr__me img { width: 44px; height: 44px; border-radius: var(--shape-full); object-fit: cover; }
.sem-ftr__me b { display: block; font-size: 14px; font-weight: 600; color: var(--ink); }
.sem-rating { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; font-size: 13px; line-height: 18px; color: var(--ink-subtle); }
.sem-stars { display: inline-flex; color: var(--star); }
.sem-soc { display: flex; gap: 8px; }
.sem-ftr .sem-soc a {
	width: 40px;
	height: 40px;
	border-radius: var(--shape-full);
	border: 1px solid var(--border);
	background: var(--surface-card);
	color: var(--ink-muted);
	display: flex;
	align-items: center;
	justify-content: center;
}
.sem-ftr .sem-soc a:hover { background: var(--accent-tint); color: var(--accent-text); }

.sem-ftr__col { display: flex; flex-direction: column; gap: 10px; }
.sem-ftr__h { margin: 0 0 4px; font: 600 15px/22px var(--font-sans); color: var(--ink); }
.sem-ftr__col a { width: fit-content; }
.sem-ftr__col a.sem-ftr__more { color: var(--accent-text); font-weight: 600; }
.sem-ftr__col a.sem-ftr__more:hover { text-decoration: underline; text-underline-offset: 3px; }
.sem-ftr__tel { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink) !important; }
.sem-ftr__tel:hover { color: var(--accent-text) !important; }

.sem-ftr__mid { margin-top: 40px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.sem-ftr__mid img { height: 44px; width: auto; mix-blend-mode: multiply; }
.sem-ftr__firm { font-size: 13px; line-height: 20px; color: var(--ink-subtle); text-align: right; }
.sem-ftr__bot {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--border);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-size: 13px;
	color: var(--ink-subtle);
}
.sem-ftr__links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
.sem-ftr__top { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; color: var(--ink) !important; font-weight: 600; }
.sem-ftr__top:hover { color: var(--accent-text) !important; }

@media (prefers-color-scheme: dark) {
	.sem-ftr__mid img { mix-blend-mode: normal; background: #ffffff; border-radius: var(--shape-small); padding: 6px 10px; box-sizing: content-box; }
}
@media (max-width: 1100px) {
	.sem-ftr__grid { grid-template-columns: 1fr 1fr 1fr; }
	.sem-ftr__brand { grid-column: 1 / -1; }
	.sem-ftr__cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
	.sem-ftr { padding: 56px 0 24px; }
	.sem-ftr__cta { padding: 28px 24px; margin-bottom: 40px; }
	.sem-ftr__cta-t { font-size: 24px; line-height: 32px; }
	.sem-ftr__cta-a, .sem-ftr__cta-a .sem-btn { width: 100%; }
	.sem-ftr__grid { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
	.sem-ftr__col a { min-height: 32px; display: flex; align-items: center; }
	.sem-ftr .sem-soc a { width: 44px; height: 44px; }
	.sem-ftr__mid, .sem-ftr__bot { flex-direction: column; align-items: flex-start; }
	.sem-ftr__firm { text-align: left; }
	.sem-ftr__top { min-height: 44px; }
}

/* ---------- 11. Sidebar (gdyby został włączony) ---------- */
.sidebar .widget {
	background: var(--surface-card);
	border: 1px solid var(--border);
	border-radius: var(--shape-large);
	padding: 24px;
}
.sidebar .widget .wp-block-heading, .sidebar .widget-title {
	font: 600 14px/20px var(--font-sans);
	letter-spacing: 0;
	text-transform: none;
	color: var(--accent-text);
	margin-bottom: 16px;
}

/* ---------- 12. Responsywność ---------- */
@media (max-width: 1279px) {
	.sem-hero__inner { padding: 72px var(--gutter) 64px; }
	#page, .single #page { padding: 48px var(--gutter) 88px; }
}
@media (max-width: 767px) {
	.sem-hero__inner { padding: 48px var(--gutter) 44px; }
	.sem-lead { font-size: 17px; line-height: 26px; }
	#page, .single #page { padding: 32px var(--gutter) 64px; }
	.blog .inside-article, .archive .inside-article, .search .inside-article,
	.blog:not(.paged) .site-main > article:first-of-type .inside-article { padding: 24px; }
	.blog .inside-article .post-image,
	.archive .inside-article .post-image,
	.search .inside-article .post-image,
	.blog:not(.paged) .site-main > article:first-of-type .post-image { margin: -24px -24px 20px; }
	.blog .site-main, .archive .site-main, .search .site-main { gap: 16px; }
	.entry-content { font-size: 16px; line-height: 26px; }
	.entry-content > blockquote:first-child { padding: 24px 20px; }
	.single .entry-header { margin-bottom: 32px; }
	input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea { font-size: 16px; }
}

/* ---------- 13. Ograniczony ruch ---------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: 0ms !important; animation: none !important; }
	.inside-article:hover .post-image img { transform: none; }
}

/* ---------- 14. Zwiększony kontrast ---------- */
@media (prefers-contrast: more) {
	:root { --border: var(--border-control); --ink-muted: var(--ink); --ink-subtle: var(--ink); }
}