/**
 * Układ stron i komponenty.
 *
 * Mobile-first. Progi: 560, 720, 900 i 1080 px — zebrane na końcu pliku
 * w czterech blokach @media zamiast rozsypane po komponentach, żeby dało się
 * przeczytać cały responsywny plan w jednym miejscu.
 *
 * Znak rozpoznawczy motywu: przerywana linia jako obramowanie kart,
 * przycisków i separatorów. Rysuje ją zmienna --kwc-dash, więc zamiana
 * całego motywu na linię ciągłą to jedna edycja w palette.css.
 *
 * @package kwiaciarnia
 */

/* ============================================================= Rusztowanie */

.kwc-shell {
	width: 100%;
	max-width: var(--kwc-shell);
	margin-inline: auto;
	padding-inline: var(--kwc-shell-pad);
}

.kwc-shell--narrow {
	max-width: var(--kwc-doc);
}

.kwc-page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.kwc-body {
	flex: 1 0 auto;
}

.kwc-clip-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kwc-clip-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ================================================================ Pasek == */

.kwc-topbar {
	position: sticky;
	top: 0;
	z-index: 90;
	background: color-mix(in srgb, var(--kwc-blush) 88%, transparent);
	backdrop-filter: blur(10px);
	border-bottom: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

.kwc-topbar__row {
	display: flex;
	align-items: center;
	gap: var(--kwc-gap-3);
	min-height: var(--kwc-bar-h);
	padding-block: var(--kwc-gap-2);
}

.kwc-mark {
	display: inline-flex;
	align-items: center;
	gap: var(--kwc-gap-2);
	flex: none;
	line-height: var(--kwc-leading-flat);
	color: var(--kwc-plum);
}

.kwc-mark__glyph {
	display: grid;
	place-items: center;
	width: var(--kwc-px-40);
	height: var(--kwc-px-40);
	flex: none;
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-petal);
	color: var(--kwc-orchid);
	font-size: var(--kwc-t-cozy);
	transition: transform var(--kwc-calm) var(--kwc-curve);
}

.kwc-mark:hover .kwc-mark__glyph {
	transform: rotate(72deg);
}

.kwc-mark__name {
	font-family: var(--kwc-face-title);
	font-weight: var(--kwc-weight-display);
	font-size: var(--kwc-t-card-lg);
	letter-spacing: var(--kwc-track-title);
	white-space: nowrap;
}

.kwc-mark__image {
	display: block;
	height: var(--kwc-logo-h);
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.kwc-mark__image--footer {
	height: var(--kwc-logo-h-footer);
}

.kwc-menu-wrap {
	display: none;
	margin-inline: auto;
}

.kwc-menu {
	display: flex;
	align-items: center;
	gap: var(--kwc-gap-4);
	list-style: none;
	font-size: var(--kwc-t-base);
	font-weight: var(--kwc-weight-mid);
	flex-wrap: wrap;
}

.kwc-menu a {
	color: var(--kwc-plum);
	padding-block: var(--kwc-px-4);
	border-bottom: var(--kwc-line-firm) var(--kwc-solid) transparent;
}

.kwc-menu a:hover {
	color: var(--kwc-orchid);
	border-bottom-color: var(--kwc-orchid);
}

.kwc-menu .current-menu-item > a,
.kwc-menu .current_page_item > a,
.kwc-menu .current-menu-ancestor > a {
	color: var(--kwc-orchid);
	border-bottom-color: var(--kwc-orchid);
}

/* Podmenu na desktopie nie rozwijamy — pasek zostaje jednopoziomowy. */
.kwc-menu .sub-menu {
	display: none;
}

.kwc-topbar__side {
	display: flex;
	align-items: center;
	gap: var(--kwc-gap-2);
	margin-left: auto;
	flex: none;
}

.kwc-topbar__seek {
	display: none;
}

.kwc-toggle {
	width: var(--kwc-touch);
	height: var(--kwc-touch);
	display: grid;
	place-items: center;
	padding: 0;
	flex: none;
	cursor: pointer;
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-paper);
	color: var(--kwc-plum);
	transition: background var(--kwc-swift) var(--kwc-curve), border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-toggle:hover {
	background: var(--kwc-petal);
	border-color: var(--kwc-orchid);
}

.kwc-toggle__bars {
	display: flex;
	flex-direction: column;
	gap: var(--kwc-px-4);
	width: var(--kwc-px-18);
}

.kwc-toggle__bars span {
	display: block;
	height: var(--kwc-px-2);
	border-radius: var(--kwc-round-pill);
	background: currentColor;
}

/* Środkowa kreska chowa się, gdy szuflada jest otwarta — bez animacji krzyżyka,
   bo cała szuflada i tak wjeżdża pod paskiem. */
.kwc-toggle[aria-expanded="true"] .kwc-toggle__bars span:nth-child(2) {
	opacity: 0;
}

.kwc-drawer {
	border-bottom: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	background: var(--kwc-paper);
}

.kwc-drawer[hidden] {
	display: none;
}

.kwc-drawer__list {
	list-style: none;
	padding-block: var(--kwc-gap-2);
}

.kwc-drawer__list .sub-menu {
	list-style: none;
	padding-left: var(--kwc-gap-4);
}

.kwc-drawer a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--kwc-gap-3);
	min-height: var(--kwc-drawer-item-h);
	padding-block: var(--kwc-gap-2);
	font-size: var(--kwc-t-cozy);
	font-weight: var(--kwc-weight-mid);
	color: var(--kwc-plum);
	border-bottom: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

.kwc-drawer li:last-child > a {
	border-bottom: 0;
}

.kwc-drawer a::after {
	content: "\276F";
	color: var(--kwc-orchid);
	font-size: var(--kwc-t-tiny);
}

.kwc-drawer__seek {
	padding-block: var(--kwc-gap-3) var(--kwc-gap-4);
}

/* ============================================================ Przyciski == */

.kwc-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--kwc-gap-1);
	padding: var(--kwc-px-12) var(--kwc-gap-4);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-petal);
	color: var(--kwc-plum);
	font-size: var(--kwc-t-small);
	font-weight: var(--kwc-weight-strong);
	line-height: var(--kwc-leading-flat);
	cursor: pointer;
	transition: background var(--kwc-swift) var(--kwc-curve), color var(--kwc-swift) var(--kwc-curve), border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-btn:hover {
	background: var(--kwc-orchid);
	border-color: var(--kwc-orchid);
	color: var(--kwc-on-orchid);
}

.kwc-btn__glyph {
	font-size: var(--kwc-t-tiny);
	line-height: 1;
}

.kwc-btn--ghost {
	background: transparent;
}

.kwc-btn--wide {
	padding: var(--kwc-px-14) var(--kwc-gap-5);
	font-size: var(--kwc-t-base);
}

/* Przycisk „czytaj dalej” w karcie: sam tekst z podkreśleniem, bez pigułki —
   pigułek w jednym kaflu byłoby za dużo. */
.kwc-more {
	display: inline-flex;
	align-items: center;
	gap: var(--kwc-gap-1);
	margin-top: auto;
	padding-top: var(--kwc-gap-4);
	font-size: var(--kwc-t-fine);
	font-weight: var(--kwc-weight-strong);
	letter-spacing: var(--kwc-track-pill);
	text-transform: uppercase;
	color: var(--kwc-orchid);
	border-bottom: var(--kwc-line) var(--kwc-solid) currentColor;
	padding-bottom: var(--kwc-px-2);
	align-self: flex-start;
	transition: gap var(--kwc-swift) var(--kwc-curve);
}

.kwc-tile:hover .kwc-more {
	gap: var(--kwc-px-12);
}

/* =============================================================== Pigułki = */

.kwc-tag {
	display: inline-block;
	padding: var(--kwc-px-4) var(--kwc-px-12);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-petal);
	color: var(--kwc-orchid-deep);
	font-size: var(--kwc-t-micro);
	font-weight: var(--kwc-weight-heavy);
	letter-spacing: var(--kwc-track-pill);
	text-transform: uppercase;
	line-height: var(--kwc-leading-snug);
	white-space: nowrap;
}

.kwc-tag--onphoto {
	position: absolute;
	top: var(--kwc-px-12);
	left: var(--kwc-px-12);
	background: var(--kwc-paper);
	color: var(--kwc-plum);
	max-width: calc(100% - var(--kwc-gap-6));
	overflow: hidden;
	text-overflow: ellipsis;
}

.kwc-datechip {
	display: inline-block;
	padding: var(--kwc-px-4) var(--kwc-px-12);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	font-size: var(--kwc-t-micro);
	font-weight: var(--kwc-weight-mid);
	color: var(--kwc-plum-soft);
	line-height: var(--kwc-leading-snug);
	white-space: nowrap;
}

.kwc-chip {
	display: inline-block;
	padding: var(--kwc-gap-1) var(--kwc-gap-3);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-paper);
	color: var(--kwc-plum-soft);
	font-size: var(--kwc-t-small);
	font-weight: var(--kwc-weight-mid);
	line-height: var(--kwc-leading-snug);
	transition: background var(--kwc-swift) var(--kwc-curve), color var(--kwc-swift) var(--kwc-curve), border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-chip:hover {
	background: var(--kwc-petal);
	border-color: var(--kwc-orchid);
	color: var(--kwc-orchid-deep);
}

.kwc-chipset {
	display: flex;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2);
	list-style: none;
}

/* ================================================================= Kadr == */

.kwc-cover {
	position: relative;
	display: block;
	/* Kadr jest elementem liniowym wewnątrz odnośnika i w kolumnie flex
	   skurczyłby się do zera — proporcja bez szerokości nic nie da. */
	width: 100%;
	overflow: hidden;
	border-radius: var(--kwc-round-frame);
	background: var(--kwc-mist);
	aspect-ratio: 4 / 3;
}

/* Proporcja domyślna kadru jest 4:3, ale modyfikator i tak istnieje —
   dzięki niemu wywołania w szablonach mówią wprost, jakiego kadru chcą,
   i nie zależą od tego, co akurat jest domyślne. */
.kwc-cover--4x3 {
	aspect-ratio: 4 / 3;
}

.kwc-cover--3x2 {
	aspect-ratio: 3 / 2;
}

.kwc-cover--1x1 {
	aspect-ratio: 1 / 1;
}

.kwc-cover--circle {
	aspect-ratio: 1 / 1;
	border-radius: var(--kwc-round-pill);
	border: var(--kwc-px-3) var(--kwc-solid) var(--kwc-paper);
	outline: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	outline-offset: var(--kwc-px-4);
}

.kwc-cover img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--kwc-calm) var(--kwc-curve);
}

.kwc-tile:hover .kwc-cover img {
	transform: scale(1.04);
}

/* Kadr zastępczy: pasy w odcieniu wpisu zamiast szarej plamy. */
.kwc-cover--bare {
	background:
		repeating-linear-gradient(
			118deg,
			var(--kwc-weave) 0 var(--kwc-px-8),
			transparent var(--kwc-px-8) var(--kwc-px-20)
		),
		var(--kwc-tint);
}

.kwc-cover--bare::after {
	content: "\2740";
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	font-size: var(--kwc-px-40);
	color: var(--kwc-paper);
	opacity: 0.5;
}

/* Przyciemnienie pod tytułem leżącym na zdjęciu. */
.kwc-cover--veiled::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to top, var(--kwc-veil) 0%, var(--kwc-veil-soft) 46%, transparent 72%);
}

/* ================================================================ Kafel == */

.kwc-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: var(--kwc-gap-2);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	border-radius: var(--kwc-round-card);
	background: var(--kwc-paper);
	color: var(--kwc-plum);
	transition: border-color var(--kwc-swift) var(--kwc-curve), transform var(--kwc-calm) var(--kwc-curve), box-shadow var(--kwc-calm) var(--kwc-curve);
}

.kwc-tile:hover {
	border-color: var(--kwc-edge-firm);
	transform: translateY(calc(-1 * var(--kwc-px-3)));
	box-shadow: var(--kwc-lift);
}

.kwc-tile__body {
	display: flex;
	flex-direction: column;
	/* Korpus rozpycha kafel do pełnej wysokości komórki siatki, dzięki czemu
	   odnośnik „Czytaj dalej” siada na dole i wszystkie kafle w rzędzie
	   wyrównują go do jednej linii, niezależnie od długości zajawki. */
	flex: 1 1 auto;
	padding: var(--kwc-gap-3) var(--kwc-gap-2) var(--kwc-gap-2);
}

.kwc-tile__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2);
	margin-bottom: var(--kwc-gap-2);
}

.kwc-tile__title {
	font-size: var(--kwc-t-card);
	line-height: var(--kwc-leading-card);
	font-weight: var(--kwc-weight-heavy);
	transition: color var(--kwc-swift) var(--kwc-curve);
}

.kwc-tile:hover .kwc-tile__title {
	color: var(--kwc-orchid);
}

.kwc-tile__teaser {
	margin-top: var(--kwc-gap-2);
	font-size: var(--kwc-t-base);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
}

.kwc-tile__note {
	margin-top: var(--kwc-gap-2);
	font-size: var(--kwc-t-fine);
	color: var(--kwc-plum-soft);
}

/* --- Warianty kafla --- */

.kwc-tile--strip {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: center;
	align-items: center;
}

.kwc-tile--strip:hover {
	box-shadow: var(--kwc-lift-none);
	transform: translateY(calc(-1 * var(--kwc-px-4)));
}

.kwc-tile--strip .kwc-tile__body {
	padding: var(--kwc-gap-4) var(--kwc-gap-1) 0;
	align-items: center;
}

.kwc-tile--strip .kwc-tile__title {
	font-size: var(--kwc-t-base);
	line-height: var(--kwc-leading-snug);
}

.kwc-tile--rail {
	scroll-snap-align: start;
	flex: 0 0 var(--kwc-rail-card);
	max-width: var(--kwc-rail-card);
}

.kwc-tile--kin .kwc-tile__title,
.kwc-tile--archive .kwc-tile__title {
	font-size: var(--kwc-t-card);
}

/* Kafel wiodący: tytuł leży na zdjęciu, więc korpus schodzi do samego kadru. */
.kwc-tile--lead {
	padding: var(--kwc-gap-1);
}

.kwc-tile--lead .kwc-cover {
	aspect-ratio: 3 / 2;
	border-radius: var(--kwc-round-frame);
}

.kwc-lead-caption {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: var(--kwc-gap-2);
	padding: var(--kwc-gap-4);
	color: var(--kwc-paper);
}

.kwc-lead-caption__title {
	font-size: var(--kwc-t-card-lg);
	line-height: var(--kwc-leading-card);
	font-weight: var(--kwc-weight-display);
	color: var(--kwc-paper);
	text-wrap: pretty;
}

.kwc-lead-caption__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--kwc-gap-2);
	font-size: var(--kwc-t-tiny);
	color: color-mix(in srgb, var(--kwc-paper) 82%, transparent);
}

/* ============================================================== Pasmo ==== */

.kwc-band {
	padding-block: var(--kwc-gap-8);
}

.kwc-band--shaded {
	background: var(--kwc-mist);
	border-block: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

.kwc-band__head {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: var(--kwc-gap-3);
	margin-bottom: var(--kwc-gap-5);
}

.kwc-band__flower {
	display: grid;
	place-items: center;
	width: var(--kwc-px-44);
	height: var(--kwc-px-44);
	flex: none;
	border-radius: var(--kwc-round-pill);
	background: color-mix(in srgb, var(--kwc-hue) 16%, var(--kwc-paper));
	color: var(--kwc-hue);
	font-size: var(--kwc-t-lead);
	line-height: 1;
}

.kwc-band__title {
	font-size: var(--kwc-t-band);
	font-weight: var(--kwc-weight-display);
	max-width: var(--kwc-title-measure);
	margin-right: auto;
}

.kwc-band__cta {
	flex: none;
}

/* --- Kompozycja: kadr wiodący plus kolumna zajawek --- */

.kwc-arrange {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kwc-grid-wide);
	align-items: start;
}

.kwc-arrange__side {
	display: flex;
	flex-direction: column;
	gap: var(--kwc-gap-3);
}

.kwc-brief {
	display: grid;
	grid-template-columns: var(--kwc-px-72) 1fr;
	gap: var(--kwc-gap-3);
	align-items: center;
	padding-bottom: var(--kwc-gap-3);
	border-bottom: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	color: var(--kwc-plum);
}

.kwc-arrange__side > .kwc-brief:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.kwc-brief__cover {
	width: var(--kwc-px-72);
	height: var(--kwc-px-72);
	aspect-ratio: 1 / 1;
	border-radius: var(--kwc-round-pill);
	flex: none;
}

.kwc-brief__title {
	margin: 0;
	font-family: var(--kwc-face-title);
	font-size: var(--kwc-t-base);
	line-height: var(--kwc-leading-card);
	font-weight: var(--kwc-weight-heavy);
	transition: color var(--kwc-swift) var(--kwc-curve);
}

.kwc-brief:hover .kwc-brief__title {
	color: var(--kwc-orchid);
}

.kwc-brief:hover .kwc-cover img {
	transform: scale(1.06);
}

.kwc-brief__note {
	display: block;
	margin-top: var(--kwc-px-4);
	font-size: var(--kwc-t-tiny);
	color: var(--kwc-plum-soft);
}

/* --- Karuzela --- */

.kwc-rail {
	position: relative;
}

.kwc-rail__track {
	display: flex;
	gap: var(--kwc-grid-tight);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	/* Bez scroll-behavior: smooth — o sposobie przewijania decyduje rail.js,
	   który potrafi wykryć, że przeglądarka animacji nie odtworzyła, i dokończyć
	   ruch skokiem. Reguła CSS przechwytywałaby to żądanie i nie zostałoby nic
	   do wykrycia. */
	scrollbar-width: none;
	/* Zapas na uniesienie kafla przy najechaniu — bez niego cień obcina się
	   o krawędź kontenera z przewijaniem. Wyłącznie w pionie: poziomo pas musi
	   spoczywać dokładnie na zerze, inaczej pierwszy punkt zaczepienia wypada
	   kilka pikseli dalej i strzałka „w lewo” nigdy nie uznaje pasa za cofnięty
	   do początku. */
	padding-block: var(--kwc-gap-1) var(--kwc-gap-3);
}

.kwc-rail__track::-webkit-scrollbar {
	display: none;
}

.kwc-rail__nav {
	display: flex;
	gap: var(--kwc-gap-2);
	margin-left: auto;
	flex: none;
}

.kwc-rail__arrow {
	width: var(--kwc-px-44);
	height: var(--kwc-px-44);
	display: grid;
	place-items: center;
	padding: 0;
	cursor: pointer;
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-paper);
	color: var(--kwc-plum);
	font-size: var(--kwc-t-base);
	transition: background var(--kwc-swift) var(--kwc-curve), color var(--kwc-swift) var(--kwc-curve), opacity var(--kwc-swift) var(--kwc-curve);
}

.kwc-rail__arrow:hover:not([disabled]) {
	background: var(--kwc-orchid);
	border-color: var(--kwc-orchid);
	color: var(--kwc-on-orchid);
}

.kwc-rail__arrow[disabled] {
	opacity: 0.4;
	cursor: default;
}

/* --- Grządka i archiwum --- */

.kwc-beds,
.kwc-garden,
.kwc-kin__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kwc-grid-mid);
}

/* --- Listwa --- */

.kwc-strip {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--kwc-grid-tight);
}

/* --- Zielnik --- */

.kwc-herbarium {
	display: flex;
	flex-direction: column;
	gap: var(--kwc-grid-mid);
}

.kwc-leafrow {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kwc-gap-3);
	align-items: center;
	padding: var(--kwc-gap-2);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	border-radius: var(--kwc-round-card);
	background: var(--kwc-paper);
	color: var(--kwc-plum);
	transition: border-color var(--kwc-swift) var(--kwc-curve), box-shadow var(--kwc-calm) var(--kwc-curve);
}

.kwc-leafrow:hover {
	border-color: var(--kwc-edge-firm);
	box-shadow: var(--kwc-lift);
}

.kwc-leafrow:hover .kwc-cover img {
	transform: scale(1.04);
}

.kwc-leafrow__text {
	display: block;
	padding: var(--kwc-gap-2) var(--kwc-gap-3) var(--kwc-gap-3);
}

.kwc-leafrow__title {
	display: block;
	margin: var(--kwc-gap-2) 0 var(--kwc-gap-1);
	font-family: var(--kwc-face-title);
	font-size: var(--kwc-t-card-lg);
	line-height: var(--kwc-leading-card);
	font-weight: var(--kwc-weight-heavy);
	transition: color var(--kwc-swift) var(--kwc-curve);
}

.kwc-leafrow:hover .kwc-leafrow__title {
	color: var(--kwc-orchid);
}

.kwc-leafrow__teaser {
	display: block;
	font-size: var(--kwc-t-base);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
}

.kwc-leafrow__note {
	display: block;
	margin-top: var(--kwc-gap-2);
	font-size: var(--kwc-t-fine);
	color: var(--kwc-plum-soft);
}

/* ============================================================ Archiwum === */

.kwc-crown {
	padding-top: var(--kwc-gap-7);
	padding-bottom: var(--kwc-gap-4);
}

.kwc-crown__kicker {
	display: inline-flex;
	align-items: center;
	gap: var(--kwc-gap-1);
	font-size: var(--kwc-t-tiny);
	font-weight: var(--kwc-weight-heavy);
	letter-spacing: var(--kwc-track-wide);
	text-transform: uppercase;
	color: var(--kwc-orchid);
}

.kwc-crown__title {
	margin-top: var(--kwc-gap-3);
	font-size: var(--kwc-t-page);
	font-weight: var(--kwc-weight-display);
	max-width: var(--kwc-title-measure);
}

.kwc-crown__lead {
	margin-top: var(--kwc-gap-3);
	max-width: var(--kwc-lead-measure);
	font-size: var(--kwc-t-lead);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
	text-wrap: pretty;
}

.kwc-crown__lead p {
	margin-bottom: var(--kwc-gap-3);
}

.kwc-crown__lead p:last-child {
	margin-bottom: 0;
}

.kwc-sift {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-3);
	padding-bottom: var(--kwc-gap-4);
	border-bottom: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

.kwc-sift__tally {
	margin-left: auto;
	font-size: var(--kwc-t-fine);
	color: var(--kwc-plum-soft);
	white-space: nowrap;
}

.kwc-listing {
	padding-block: var(--kwc-gap-6);
}

.kwc-nothing {
	max-width: var(--kwc-lead-measure);
	padding-block: var(--kwc-gap-7) var(--kwc-gap-8);
}

.kwc-nothing__title {
	font-size: var(--kwc-t-h2);
	margin-bottom: var(--kwc-gap-3);
}

.kwc-nothing__text {
	margin-bottom: var(--kwc-gap-4);
	font-size: var(--kwc-t-cozy);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
}

/* ---------------------------------------------------------- Paginacja --- */

.kwc-pager {
	padding-top: var(--kwc-gap-5);
	padding-bottom: var(--kwc-gap-8);
	border-top: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

.kwc-pager .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2);
}

.kwc-pager .page-numbers {
	display: grid;
	place-items: center;
	min-width: var(--kwc-px-44);
	height: var(--kwc-px-44);
	padding-inline: var(--kwc-px-14);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-paper);
	color: var(--kwc-plum-soft);
	font-size: var(--kwc-t-small);
	font-weight: var(--kwc-weight-mid);
	transition: background var(--kwc-swift) var(--kwc-curve), color var(--kwc-swift) var(--kwc-curve), border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-pager a.page-numbers:hover {
	background: var(--kwc-petal);
	border-color: var(--kwc-orchid);
	color: var(--kwc-orchid-deep);
}

.kwc-pager .page-numbers.current {
	background: var(--kwc-orchid);
	border-color: var(--kwc-orchid);
	border-style: var(--kwc-solid);
	color: var(--kwc-on-orchid);
	font-weight: var(--kwc-weight-heavy);
}

.kwc-pager .page-numbers.dots {
	border-color: transparent;
	background: transparent;
}

/* Krańce paska prowadzą do sąsiednich stron, numery zostają pośrodku. */
.kwc-pager .prev.page-numbers {
	margin-right: auto;
	color: var(--kwc-plum);
}

.kwc-pager .next.page-numbers {
	margin-left: auto;
	color: var(--kwc-plum);
}

/* =============================================================== Wpis ==== */

.kwc-trail-wrap {
	display: block;
}

.kwc-trail {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2);
	list-style: none;
	font-size: var(--kwc-t-fine);
	color: var(--kwc-plum-soft);
}

.kwc-trail a {
	color: var(--kwc-plum-soft);
}

.kwc-trail a:hover {
	color: var(--kwc-orchid);
}

.kwc-trail__leaf {
	color: var(--kwc-edge-firm);
}

/* Ostatni znacznik rozdzielający jest zbędny — po nim idzie już tylko
   bieżąca strona, oddzielona wizualnie kolorem. */
.kwc-trail__step--here {
	color: var(--kwc-plum);
	font-weight: var(--kwc-weight-mid);
}

.kwc-entry__head {
	max-width: var(--kwc-read);
	margin-inline: auto;
	padding-top: var(--kwc-gap-6);
	text-align: center;
}

.kwc-entry__head .kwc-trail {
	justify-content: center;
	margin-bottom: var(--kwc-gap-4);
}

.kwc-entry__kicker {
	display: inline-block;
	padding: var(--kwc-px-4) var(--kwc-px-14);
	border-radius: var(--kwc-round-pill);
	background: color-mix(in srgb, var(--kwc-hue) 16%, var(--kwc-paper));
	color: var(--kwc-hue);
	font-size: var(--kwc-t-micro);
	font-weight: var(--kwc-weight-heavy);
	letter-spacing: var(--kwc-track-pill);
	text-transform: uppercase;
}

.kwc-entry__title {
	margin: var(--kwc-gap-3) 0 var(--kwc-gap-4);
	font-size: var(--kwc-t-page);
	font-weight: var(--kwc-weight-display);
}

.kwc-facts {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2) var(--kwc-gap-4);
	padding-block: var(--kwc-gap-3);
	border-block: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	font-size: var(--kwc-t-fine);
	color: var(--kwc-plum-soft);
}

.kwc-facts__item {
	display: inline-flex;
	align-items: center;
	gap: var(--kwc-gap-1);
}

.kwc-facts__item::before {
	content: "\2740";
	color: var(--kwc-hue);
	font-size: var(--kwc-t-micro);
}

.kwc-entry__media {
	padding-top: var(--kwc-gap-6);
}

.kwc-entry__figure {
	max-width: var(--kwc-figure);
	margin-inline: auto;
	padding: var(--kwc-gap-2);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	border-radius: var(--kwc-round-card);
	background: var(--kwc-paper);
}

.kwc-entry__figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--kwc-round-frame);
}

.kwc-entry__caption {
	max-width: var(--kwc-figure);
	margin: var(--kwc-gap-2) auto 0;
	font-size: var(--kwc-t-fine);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
	text-align: center;
}

.kwc-entry__content {
	max-width: var(--kwc-read);
	margin-inline: auto;
	padding-block: var(--kwc-gap-7);
}

.kwc-entry__tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2);
	max-width: var(--kwc-read);
	margin-inline: auto;
	padding-bottom: var(--kwc-gap-7);
	list-style: none;
}

.kwc-entry__tags-label {
	font-size: var(--kwc-t-fine);
	font-weight: var(--kwc-weight-strong);
	color: var(--kwc-plum-soft);
	margin-right: var(--kwc-gap-1);
}

/* --------------------------------------------------------- Treść wpisu -- */

.kwc-copy {
	color: var(--kwc-plum);
}

.kwc-copy > * {
	max-width: 100%;
}

.kwc-copy p {
	margin-bottom: var(--kwc-gap-4);
	font-size: var(--kwc-t-prose);
	line-height: var(--kwc-leading-prose);
	text-wrap: pretty;
}

.kwc-copy h2 {
	margin: var(--kwc-gap-7) 0 var(--kwc-gap-3);
	font-size: var(--kwc-t-h2);
	line-height: var(--kwc-leading-card);
	scroll-margin-top: var(--kwc-px-96);
}

.kwc-copy h3 {
	margin: var(--kwc-gap-5) 0 var(--kwc-gap-2);
	font-size: var(--kwc-t-h3);
	line-height: var(--kwc-leading-card);
	scroll-margin-top: var(--kwc-px-96);
}

.kwc-copy h4,
.kwc-copy h5,
.kwc-copy h6 {
	margin: var(--kwc-gap-4) 0 var(--kwc-gap-2);
	font-size: var(--kwc-t-cozy);
}

.kwc-copy ul,
.kwc-copy ol {
	margin-bottom: var(--kwc-gap-4);
	padding-left: var(--kwc-gap-4);
}

.kwc-copy li {
	margin-bottom: var(--kwc-gap-2);
	font-size: var(--kwc-t-prose);
	line-height: var(--kwc-leading-prose);
}

.kwc-copy ul li::marker {
	color: var(--kwc-orchid);
}

.kwc-copy ol li::marker {
	color: var(--kwc-orchid);
	font-weight: var(--kwc-weight-heavy);
}

.kwc-copy a {
	color: var(--kwc-orchid-deep);
	border-bottom: var(--kwc-line) var(--kwc-solid) var(--kwc-petal);
	transition: border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-copy a:hover {
	border-bottom-color: var(--kwc-orchid);
}

.kwc-copy strong,
.kwc-copy b {
	font-weight: var(--kwc-weight-heavy);
}

.kwc-copy blockquote {
	margin: 0 0 var(--kwc-gap-4);
	padding: var(--kwc-gap-4) var(--kwc-gap-5);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-frame);
	background: var(--kwc-mist);
	font-family: var(--kwc-face-title);
	font-size: var(--kwc-t-lead);
	line-height: var(--kwc-leading-body);
	font-style: italic;
}

.kwc-copy blockquote p:last-child {
	margin-bottom: 0;
}

.kwc-copy figure {
	margin-bottom: var(--kwc-gap-4);
}

.kwc-copy img {
	border-radius: var(--kwc-round-frame);
	height: auto;
}

.kwc-copy figcaption {
	margin-top: var(--kwc-gap-2);
	font-size: var(--kwc-t-fine);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
	text-align: center;
}

.kwc-copy table {
	width: 100%;
	margin-bottom: var(--kwc-gap-4);
	border-collapse: collapse;
	font-size: var(--kwc-t-base);
}

.kwc-copy th {
	padding: 0 var(--kwc-gap-3) var(--kwc-gap-2) 0;
	border-bottom: var(--kwc-line) var(--kwc-solid) var(--kwc-edge-firm);
	text-align: left;
	font-size: var(--kwc-t-tiny);
	font-weight: var(--kwc-weight-heavy);
	letter-spacing: var(--kwc-track-pill);
	text-transform: uppercase;
	color: var(--kwc-plum-soft);
}

.kwc-copy td {
	padding: var(--kwc-px-14) var(--kwc-gap-3) var(--kwc-px-14) 0;
	border-bottom: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	vertical-align: top;
	line-height: var(--kwc-leading-body);
}

.kwc-copy th:last-child,
.kwc-copy td:last-child {
	padding-right: 0;
}

.kwc-copy pre {
	margin-bottom: var(--kwc-gap-4);
	padding: var(--kwc-gap-3);
	overflow-x: auto;
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-frame);
	background: var(--kwc-mist);
	font-size: var(--kwc-t-small);
}

.kwc-copy code {
	font-size: 0.92em;
}

/* Wyrównania bloków z edytora. */
.kwc-copy .alignwide {
	max-width: var(--kwc-figure);
	margin-inline: auto;
}

.kwc-copy .alignfull {
	max-width: none;
}

.kwc-copy .alignleft,
.kwc-copy .alignright {
	max-width: 50%;
}

.kwc-copy .alignleft {
	float: left;
	margin: 0 var(--kwc-gap-4) var(--kwc-gap-3) 0;
}

.kwc-copy .alignright {
	float: right;
	margin: 0 0 var(--kwc-gap-3) var(--kwc-gap-4);
}

.kwc-copy .aligncenter {
	margin-inline: auto;
}

/* Dokument statyczny czyta się w węższym rytmie niż wpis blogowy. */
.kwc-copy--doc p,
.kwc-copy--doc li {
	font-size: var(--kwc-t-body);
}

.kwc-copy--doc h2:first-child {
	margin-top: 0;
}

/* Numeracja stron wewnątrz jednego wpisu (wp_link_pages). */
.kwc-partlinks {
	padding-block: var(--kwc-gap-4);
	border-top: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

.kwc-partlinks .nav-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-2);
}

.kwc-partlinks a,
.kwc-partlinks > .nav-links > span {
	display: grid;
	place-items: center;
	min-width: var(--kwc-px-40);
	height: var(--kwc-px-40);
	padding-inline: var(--kwc-px-12);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	font-size: var(--kwc-t-small);
	color: var(--kwc-plum-soft);
}

.kwc-partlinks a:hover {
	background: var(--kwc-petal);
	color: var(--kwc-orchid-deep);
}

/* ------------------------------------------------ W tym samym duchu ----- */

.kwc-kin {
	padding-block: var(--kwc-gap-8);
	background: var(--kwc-mist);
	border-top: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
}

/* ========================================================== Podstrona ==== */

.kwc-sheet__head {
	max-width: var(--kwc-doc);
	padding-top: var(--kwc-gap-7);
	padding-bottom: var(--kwc-gap-5);
}

.kwc-sheet__title {
	margin-top: var(--kwc-gap-4);
	font-size: var(--kwc-t-page);
	font-weight: var(--kwc-weight-display);
}

.kwc-sheet__stamp {
	margin-top: var(--kwc-gap-4);
	padding-top: var(--kwc-gap-3);
	border-top: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	font-size: var(--kwc-t-fine);
	color: var(--kwc-plum-soft);
}

.kwc-docgrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kwc-gap-6);
	padding-bottom: var(--kwc-gap-8);
}

.kwc-docgrid__main {
	max-width: var(--kwc-read);
	min-width: 0;
}

.kwc-outline {
	display: none;
}

.kwc-outline[hidden] {
	display: none;
}

.kwc-outline__label {
	margin-bottom: var(--kwc-gap-3);
	font-size: var(--kwc-t-tiny);
	font-weight: var(--kwc-weight-heavy);
	letter-spacing: var(--kwc-track-wide);
	text-transform: uppercase;
	color: var(--kwc-plum-soft);
}

.kwc-outline__list {
	list-style: none;
	border-left: var(--kwc-line-firm) var(--kwc-solid) var(--kwc-edge);
}

.kwc-outline a {
	display: block;
	padding: var(--kwc-gap-1) 0 var(--kwc-gap-1) var(--kwc-gap-3);
	margin-left: calc(-1 * var(--kwc-line-firm));
	border-left: var(--kwc-line-firm) var(--kwc-solid) transparent;
	font-size: var(--kwc-t-small);
	line-height: var(--kwc-leading-snug);
	color: var(--kwc-plum-soft);
	transition: color var(--kwc-swift) var(--kwc-curve), border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-outline a:hover {
	color: var(--kwc-plum);
	border-left-color: var(--kwc-edge-firm);
}

.kwc-outline a[aria-current="true"] {
	color: var(--kwc-orchid-deep);
	font-weight: var(--kwc-weight-strong);
	border-left-color: var(--kwc-orchid);
}

/* ======================================================= Wyszukiwarka ==== */

.kwc-seek {
	display: flex;
	align-items: center;
	gap: var(--kwc-gap-2);
	width: 100%;
	max-width: var(--kwc-px-300);
	min-width: 0;
	padding: var(--kwc-gap-1) var(--kwc-gap-1) var(--kwc-gap-1) var(--kwc-gap-3);
	border: var(--kwc-line) var(--kwc-dash) var(--kwc-edge-firm);
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-paper);
	transition: border-color var(--kwc-swift) var(--kwc-curve);
}

.kwc-seek:focus-within {
	border-color: var(--kwc-orchid);
	border-style: var(--kwc-solid);
}

.kwc-seek__field {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: var(--kwc-t-small);
	color: var(--kwc-plum);
}

.kwc-seek__field::placeholder {
	color: var(--kwc-plum-soft);
}

.kwc-seek__go {
	display: grid;
	place-items: center;
	width: var(--kwc-px-40);
	height: var(--kwc-px-40);
	flex: none;
	padding: 0;
	cursor: pointer;
	border: 0;
	border-radius: var(--kwc-round-pill);
	background: var(--kwc-petal);
	color: var(--kwc-orchid-deep);
	font-size: var(--kwc-t-small);
	transition: background var(--kwc-swift) var(--kwc-curve), color var(--kwc-swift) var(--kwc-curve);
}

.kwc-seek__go:hover {
	background: var(--kwc-orchid);
	color: var(--kwc-on-orchid);
}

.kwc-seek--block {
	max-width: none;
}

/* ============================================================== 404 ====== */

.kwc-lost {
	max-width: var(--kwc-read);
	padding-block: var(--kwc-gap-8);
	text-align: center;
	margin-inline: auto;
}

.kwc-lost__glyph {
	font-size: var(--kwc-px-64);
	line-height: 1;
	color: var(--kwc-petal);
}

.kwc-lost__code {
	margin-top: var(--kwc-gap-3);
	font-size: var(--kwc-t-tiny);
	font-weight: var(--kwc-weight-heavy);
	letter-spacing: var(--kwc-track-wide);
	text-transform: uppercase;
	color: var(--kwc-orchid);
}

.kwc-lost__title {
	margin: var(--kwc-gap-3) 0 var(--kwc-gap-4);
	font-size: var(--kwc-t-page);
	font-weight: var(--kwc-weight-display);
}

.kwc-lost__text {
	margin-bottom: var(--kwc-gap-5);
	font-size: var(--kwc-t-lead);
	line-height: var(--kwc-leading-body);
	color: var(--kwc-plum-soft);
	text-wrap: pretty;
}

.kwc-lost__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--kwc-gap-3);
}

/* ============================================================ Stopka ===== */

.kwc-footer {
	margin-top: auto;
	background: var(--kwc-plum);
	color: color-mix(in srgb, var(--kwc-paper) 78%, transparent);
}

.kwc-footer__inner {
	padding-top: var(--kwc-gap-8);
	padding-bottom: var(--kwc-gap-5);
}

.kwc-footer__top {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kwc-gap-6);
	align-items: start;
}

.kwc-footer .kwc-mark {
	color: var(--kwc-paper);
	margin-bottom: var(--kwc-gap-3);
}

.kwc-footer .kwc-mark__glyph {
	background: color-mix(in srgb, var(--kwc-paper) 14%, transparent);
	color: var(--kwc-h-rose);
}

.kwc-footer__tagline {
	max-width: var(--kwc-note-measure);
	font-size: var(--kwc-t-base);
	line-height: var(--kwc-leading-body);
	text-wrap: pretty;
}

.kwc-footer__colhead {
	margin-bottom: var(--kwc-gap-3);
	font-family: var(--kwc-face-title);
	font-size: var(--kwc-t-cozy);
	font-weight: var(--kwc-weight-heavy);
	color: var(--kwc-paper);
}

.kwc-footer__colhead a {
	color: inherit;
}

.kwc-footer__links {
	display: flex;
	flex-direction: column;
	gap: var(--kwc-gap-2);
	list-style: none;
}

.kwc-footer__links a,
.kwc-footer__notes a {
	color: color-mix(in srgb, var(--kwc-paper) 74%, transparent);
	font-size: var(--kwc-t-base);
}

.kwc-footer__links a:hover,
.kwc-footer__notes a:hover,
.kwc-footer__colhead a:hover {
	color: var(--kwc-h-rose);
}

.kwc-footer__links .sub-menu {
	display: none;
}

.kwc-footer__base {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kwc-gap-3);
	margin-top: var(--kwc-gap-7);
	padding-top: var(--kwc-gap-4);
	border-top: var(--kwc-line) var(--kwc-dash) color-mix(in srgb, var(--kwc-paper) 22%, transparent);
	font-size: var(--kwc-t-fine);
}

.kwc-footer__notes {
	display: flex;
	flex-wrap: wrap;
	gap: var(--kwc-gap-4);
	list-style: none;
}

/* ====================================================== Próg 560 px ====== */

@media (min-width: 560px) {
	.kwc-beds,
	.kwc-garden,
	.kwc-kin__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.kwc-leafrow {
		grid-template-columns: var(--kwc-px-190) 1fr;
	}

	.kwc-leafrow .kwc-cover {
		aspect-ratio: 1 / 1;
	}

	.kwc-footer__top {
		grid-template-columns: repeat(2, 1fr);
	}

	.kwc-footer__base {
		flex-direction: row;
		align-items: center;
	}

	.kwc-footer__notes {
		margin-left: auto;
	}
}

/* ====================================================== Próg 720 px ====== */

@media (min-width: 720px) {
	.kwc-strip {
		grid-template-columns: repeat(4, 1fr);
	}

	.kwc-arrange {
		grid-template-columns: 1.35fr 1fr;
	}

	.kwc-leafrow {
		grid-template-columns: var(--kwc-px-230) 1fr;
	}

	/* Zielnik składa się naprzemiennie: parzysty wiersz ma kadr po prawej. */
	.kwc-herbarium > .kwc-leafrow:nth-child(even) {
		grid-template-columns: 1fr var(--kwc-px-230);
	}

	.kwc-herbarium > .kwc-leafrow:nth-child(even) .kwc-cover {
		order: 2;
	}

	.kwc-lead-caption {
		padding: var(--kwc-gap-5);
	}
}

/* ====================================================== Próg 900 px ====== */

@media (min-width: 900px) {
	.kwc-menu-wrap {
		display: block;
	}

	.kwc-topbar__seek {
		display: flex;
		max-width: var(--kwc-px-230);
	}

	.kwc-toggle,
	.kwc-drawer {
		display: none;
	}

	.kwc-beds,
	.kwc-garden,
	.kwc-kin__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.kwc-leafrow {
		grid-template-columns: var(--kwc-px-300) 1fr;
		gap: var(--kwc-gap-5);
		padding: var(--kwc-gap-3);
	}

	.kwc-herbarium > .kwc-leafrow:nth-child(even) {
		grid-template-columns: 1fr var(--kwc-px-300);
	}

	.kwc-leafrow .kwc-cover {
		aspect-ratio: 4 / 3;
	}

	.kwc-brief {
		grid-template-columns: var(--kwc-px-96) 1fr;
	}

	.kwc-brief__cover {
		width: var(--kwc-px-96);
		height: var(--kwc-px-96);
	}

	.kwc-footer__top {
		grid-template-columns: 1.6fr repeat(3, 1fr);
		gap: var(--kwc-gap-5);
	}
}

/* ===================================================== Próg 1080 px ====== */

@media (min-width: 1080px) {
	.kwc-arrange {
		grid-template-columns: 1.5fr 1fr;
		gap: var(--kwc-gap-7);
	}

	/* Kolumna zajawek dostaje pionową przerywaną linię — ta sama kreska,
	   co w obramowaniach kart, tylko postawiona na sztorc. */
	.kwc-arrange__side {
		padding-left: var(--kwc-gap-6);
		border-left: var(--kwc-line) var(--kwc-dash) var(--kwc-edge);
	}

	.kwc-outline {
		display: block;
		position: sticky;
		top: var(--kwc-px-96);
		align-self: start;
	}

	/* Druga kolumna pojawia się dopiero, gdy spis treści faktycznie powstał —
	   klasę dokłada outline.js po zbudowaniu listy. */
	.kwc-docgrid--outlined {
		grid-template-columns: var(--kwc-px-230) 1fr;
		gap: var(--kwc-gap-7);
	}
}

/* Treść statycznej strony startowej wstawiona nad pasmami — ta sama miara
   co kolumna artykułu, żeby wstęp czytało się jak wpis, a nie jak baner. */
.kwc-band__prose {
	max-width: var(--kwc-read);
	margin-inline: auto;
}