.fe-lv2,
.fe-lv2-sheet.is-fallback-open {
	/* Educational accents stay local; neutral roles come from the public FE system. */
	--fe-lv2-navy: #142b4a;
	--fe-lv2-deep: #0f2747;
	--fe-lv2-orange: #d96722;
	--fe-lv2-orange-soft: #fff1e8;
	--fe-lv2-action-bg: #142b4a;
	--fe-lv2-cream: var(--fe-section-bg);
	--fe-lv2-surface: var(--fe-surface);
	--fe-lv2-text: var(--fe-text);
	--fe-lv2-muted: var(--fe-text-muted);
	--fe-lv2-border: var(--fe-border);
	--fe-lv2-success: var(--fe-success);
	--fe-lv2-shadow: var(--fe-shadow-md);
}

/* Reader landing: keep the introductory copy and start action aligned with a
   comfortably wide reading column on larger screens. */
@media (min-width: 961px) {
	body .fe-lv2--reader-redesign .fe-lv2-lesson-shell > .fe-lv2-lesson-hero--compact {
		max-width: 1080px;
	}

	body .fe-lv2--reader-redesign .fe-lv2-lesson-shell > .fe-lv2-lesson-hero--compact :is(.fe-lv2-summary, .fe-lv2-educational-scope) {
		max-width: 72ch;
	}

	body .fe-lv2--reader-redesign .fe-lv2-lesson-shell > .fe-lv2-lesson-hero--compact .fe-lv2-actions--compact,
	body .fe-lv2--reader-redesign .fe-lv2-lesson-shell > .fe-lv2-lesson-hero--compact .fe-lv2-actions--compact .fe-lv2-button {
		width: 100%;
	}
}

/* Navigation-first catalog hierarchy and local progress summary. */
.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-explorer {
	display: block;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-tree {
	display: none !important;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-content {
	min-width: 0;
	width: 100%;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"][data-fe-archive-filtering="0"] :is(.fe-lv2-archive-toolbar, .fe-lv2-level-chips) {
	display: none;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-hero {
	align-items: center;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
	margin: 0.75rem 0 1.5rem 0;
	min-height: auto;
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
}

.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-head-main {
	grid-column: 1;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-hero h1 {
	font-size: clamp(1.5rem, 3.2vw, 2.2rem);
	margin-bottom: .5rem;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-head-description:not([hidden]) {
	display: block;
	font-size: 0.95rem;
	line-height: 1.55;
	max-width: 65ch;
	margin-bottom: 0.75rem;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-hero-visual {
	aspect-ratio: auto;
	border: none;
	border-radius: 12px;
	box-shadow: none;
	grid-column: 2;
	grid-row: 1;
	height: auto;
	max-height: 240px;
	max-width: 360px;
	justify-self: end;
	background: transparent;
	overflow: visible;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-hero-image {
	height: auto;
	max-height: 240px;
	object-fit: contain;
	object-position: center right;
	border-radius: 12px;
	width: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-departments {
	margin-top: 0;
}

.fe-lv2--archive-redesign .fe-lv2-departments-head {
	margin: 0 auto 1.75rem;
	max-width: 680px;
	text-align: center;
}

.fe-lv2--archive-redesign .fe-lv2-departments-head__icon {
	align-items: center;
	background: var(--fe-lv2-orange-soft);
	border-radius: 999px;
	color: var(--fe-lv2-orange);
	display: inline-flex;
	font-size: 1rem;
	height: 42px;
	justify-content: center;
	margin-bottom: .75rem;
	width: 42px;
}

.fe-lv2--archive-redesign .fe-lv2-departments-head h2 {
	font-size: clamp(1.55rem, 3vw, 2rem);
	margin: 0 0 .35rem;
}

.fe-lv2--archive-redesign .fe-lv2-departments-head p {
	color: var(--fe-lv2-muted);
	margin: 0;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-child-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-department-tile {
	background: var(--fe-lv2-surface);
	border: 1px solid var(--fe-lv2-border);
	border-top: 3px solid var(--fe-lv2-orange);
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(15, 39, 71, .06);
	display: flex;
	flex-direction: column;
	min-height: 250px;
	padding: 1.25rem;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-department-tile:is(:hover, :focus-within) {
	border-color: var(--fe-lv2-orange);
	box-shadow: 0 14px 32px rgba(15, 39, 71, .1);
	transform: translateY(-2px);
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-department-tile h3 {
	font-size: 1.08rem;
	line-height: 1.35;
	margin: .6rem 0;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-department-tile__desc {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--fe-lv2-muted);
	display: -webkit-box;
	font-size: .88rem;
	line-height: 1.5;
	margin: 0 0 1rem;
	overflow: hidden;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] :is(.fe-lv2-child-count, .fe-lv2-department-tile__action) {
	margin-top: auto;
}

.fe-lv2-scope-progress {
	align-items: center;
	background: color-mix(in srgb, var(--fe-lv2-orange-soft) 42%, var(--fe-lv2-surface));
	border: 1px solid var(--fe-lv2-border);
	border-radius: 18px;
	display: grid;
	gap: 1rem 2rem;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: clamp(2.5rem, 6vw, 5rem) 0 2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.fe-lv2-scope-progress[aria-busy="true"] { opacity: .7; }
.fe-lv2-scope-progress h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); margin: .15rem 0 .45rem; }
.fe-lv2-scope-progress__copy > p:not(.fe-lv2-eyebrow) { color: var(--fe-lv2-muted); margin: 0 0 1rem; }
.fe-lv2-scope-progress progress { accent-color: var(--fe-lv2-success); height: .7rem; width: min(100%, 560px); }
.fe-lv2-scope-progress__percent { color: var(--fe-lv2-success); display: block; font-size: .78rem; margin-top: .35rem; }
.fe-lv2-scope-progress__action { white-space: nowrap; }
.fe-lv2-scope-progress__privacy { color: var(--fe-lv2-muted); font-size: .72rem; grid-column: 1 / -1; margin: 0; }

@media (max-width: 960px) {
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-child-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
	.fe-lv2--archive-redesign .fe-lv2-catalog-hero,
	.fe-lv2--archive-redesign .fe-lv2-catalog-hero.is-hero {
		background: transparent;
		border: 0;
		border-radius: 0;
		display: grid;
		gap: 1.25rem;
		grid-template-columns: minmax(0, 1fr);
		margin: .85rem 0 2.75rem;
		min-height: 0;
		overflow: visible;
		padding: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-hero-visual {
		border-radius: 14px;
		grid-column: 1;
		grid-row: 1;
		max-height: none;
	}
	.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-head-main {
		grid-column: 1;
		grid-row: 2;
		padding: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-catalog-hero .fe-lv2-head-description {
		display: block;
		-webkit-line-clamp: unset;
		overflow: visible;
	}
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-child-grid { grid-template-columns: minmax(0, 1fr); }
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-department-tile { min-height: 210px; }
	.fe-lv2-scope-progress { grid-template-columns: minmax(0, 1fr); }
	.fe-lv2-scope-progress__action { justify-content: center; width: 100%; }
}
.fe-lv2 { background: transparent; color: var(--fe-lv2-text); min-height: 70vh; padding-bottom: clamp(3rem, 7vw, 6rem); width: 100%; }
.fe-lv2 *, .fe-lv2 *::before, .fe-lv2 *::after { box-sizing: border-box; }
.fe-lv2-shell { margin-inline: auto; max-width: var(--fe-page-max-width, 1320px); padding-inline: clamp(1rem, 3vw, 2.5rem); width: 100%; }
.fe-lv2 h1, .fe-lv2 h2, .fe-lv2 h3 { color: var(--fe-lv2-navy); line-height: 1.18; margin-top: 0; }
.fe-lv2 h1 { font-size: clamp(2.25rem, 5vw, 4.7rem); letter-spacing: -.045em; }
.fe-lv2 h2 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); }
.fe-lv2 a { color: var(--fe-lv2-deep); text-underline-offset: .18em; }
.fe-lv2 a:focus-visible, .fe-lv2 button:focus-visible, .fe-lv2 input:focus-visible { outline: var(--fe-focus-ring-width) solid var(--fe-focus-color); outline-offset: var(--fe-focus-ring-offset); }
.fe-lv2-hero { background: linear-gradient(135deg, #fff 0%, var(--fe-lv2-orange-soft) 100%); border-bottom: 1px solid var(--fe-lv2-border); padding-block: clamp(4rem, 9vw, 8rem); }
.fe-lv2-hero p:not(.fe-lv2-eyebrow) { font-size: clamp(1.05rem, 2vw, 1.35rem); max-width: 720px; }
.fe-lv2-eyebrow { color: var(--fe-lv2-orange); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.fe-lv2-counts, .fe-lv2-meta { color: var(--fe-lv2-muted); font-size: .9rem; font-weight: 600; }
.fe-lv2-section { padding-top: clamp(2.5rem, 6vw, 5rem); }
.fe-lv2-catalog-grid, .fe-lv2-child-grid, .fe-lv2-lesson-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fe-lv2-catalog-card h3, .fe-lv2-lesson-card h3 { font-size: 1.15rem; margin-bottom: .6rem; }
.fe-lv2-catalog-card h3 a, .fe-lv2-lesson-card h3 a { text-decoration: none; }
.fe-lv2-catalog-card p:not(.fe-lv2-meta), .fe-lv2-lesson-card > p:not(.fe-lv2-meta), .fe-lv2-child-grid article p { line-height: 1.6; margin: 0; }
.fe-lv2-catalog-card .fe-lv2-meta, .fe-lv2-lesson-card .fe-lv2-meta { margin: 1rem 0 0; }
.fe-lv2-child-grid article h3 { margin: 0 0 .55rem; }
.fe-lv2-child-grid article h3 a { text-decoration: none; }
.fe-lv2-child-grid article .fe-lv2-child-count { margin-left: .5rem; }
.fe-lv2-child-grid article.fe-lv2-child-card .fe-lv2-child-count { margin-left: 0; }
.fe-lv2-child-grid article.fe-lv2-child-card { align-items: flex-start; display: flex; flex-direction: column; }
.fe-lv2-child-card .fe-lv2-badge { margin-bottom: .6rem; }
.fe-lv2-child-card h3 { font-size: 1.05rem; margin-bottom: .45rem; }
.fe-lv2-child-card > p { color: var(--fe-lv2-muted); font-size: .92rem; line-height: 1.5; margin: 0 0 1rem; }
.fe-lv2-child-card .fe-lv2-link { margin-top: auto; }
.fe-lv2-child-card .fe-lv2-link::after { content: " →"; font-weight: 800; }
.fe-lv2-lesson-card .fe-lv2-badge { margin-bottom: .9rem; }
.fe-lv2-lesson-card .fe-lv2-link, .fe-lv2-catalog-card .fe-lv2-link { padding-top: 1.1rem; }
.fe-lv2-catalog-card, .fe-lv2-child-grid article, .fe-lv2-lesson-card { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 18px; box-shadow: 0 12px 35px rgba(20,43,74,.07); padding: clamp(1.25rem, 3vw, 2rem); }
.fe-lv2-catalog-card, .fe-lv2-child-card, .fe-lv2-lesson-card { display: flex; flex-direction: column; }
.fe-lv2-catalog-card, .fe-lv2-lesson-card { min-height: 250px; }
.fe-lv2-catalog-card__image { aspect-ratio: 16 / 9; background: var(--fe-lv2-orange-soft); border-radius: 12px; margin: 0 0 1rem; object-fit: cover; width: 100%; }
.fe-lv2-link { color: var(--fe-lv2-orange) !important; font-weight: 800; margin-top: auto; }
.fe-lv2-badge { align-self: flex-start; background: var(--fe-lv2-orange-soft); border-radius: 999px; color: #9d4300; font-size: .75rem; font-weight: 800; padding: .35rem .7rem; }
.fe-lv2-breadcrumbs { padding-top: 1.25rem; }
.fe-lv2-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.fe-lv2-breadcrumbs li:not(:last-child)::after { color: var(--fe-lv2-muted); content: "/"; margin-left: .5rem; }
.fe-lv2-breadcrumbs a, .fe-lv2-breadcrumbs span { font-size: .85rem; }
.fe-lv2-page-head { padding-block: clamp(2.5rem, 6vw, 5rem); }
.fe-lv2-lesson-hero { padding-block: clamp(1.25rem, 3vw, 2.5rem); }
.fe-lv2-page-head > p:last-child, .fe-lv2-lesson-hero > p { font-size: 1.1rem; max-width: 760px; }
.fe-lv2-layout, .fe-lv2-reader { align-items: start; display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); }
.fe-lv2-tree, .fe-lv2-sections { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 16px; max-height: calc(100vh - 140px); overflow: auto; padding: 1.2rem; position: sticky; top: calc(90px + var(--wp-admin--admin-bar--height, 0px)); }
.fe-lv2-tree ul { list-style: none; margin: .25rem 0 .25rem .65rem; padding-left: .7rem; }
.fe-lv2-tree > ul { margin-left: 0; padding-left: 0; }
.fe-lv2-tree a { border-radius: 8px; display: block; font-size: .9rem; padding: .55rem .65rem; text-decoration: none; }
.fe-lv2-tree a[aria-current="page"] { background: var(--fe-lv2-orange-soft); color: #9d4300; font-weight: 800; }
.fe-lv2-content > section + section { margin-top: 3rem; }
.fe-lv2-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; list-style: none; margin: 1.25rem 0; padding: 0; }
.fe-lv2-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.fe-lv2-lesson-tabs { border-bottom: 1px solid var(--fe-lv2-border); display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin-bottom: 2rem; padding-bottom: .8rem; }
.fe-lv2-lesson-tabs a { font-weight: 800; min-height: 44px; padding-block: .65rem; }
.fe-lv2-button, .fe-lv2-actions button, .fe-lv2-search button, .fe-lv2-self-check button { align-items: center; background: var(--fe-lv2-orange); border: 0; border-radius: 10px; color: #fff !important; cursor: pointer; display: inline-flex; font-weight: 800; justify-content: center; min-height: 44px; padding: .7rem 1rem; text-decoration: none; }

.fe-lv2-progress { align-items: center; display: flex; gap: .75rem; margin-top: 1.5rem; max-width: 480px; }
.fe-lv2-progress progress { accent-color: var(--fe-lv2-orange); height: .7rem; width: 100%; }
.fe-lv2-sections h2 { font-size: 1.1rem; letter-spacing: -.01em; margin: 0 0 .9rem; }
.fe-lv2-sections ol { list-style: none; margin: 0; padding: 0; }
.fe-lv2-sections a { border-radius: 9px; display: grid; font-size: .9rem; gap: .6rem; grid-template-columns: 1.5rem 1fr; padding: .65rem; text-decoration: none; }
.fe-lv2-sections a:hover { background: var(--fe-lv2-orange-soft); }
.fe-lv2-sections a span { color: var(--fe-lv2-orange); font-weight: 800; }
.fe-lv2-article { max-width: none; min-width: 0; }
.fe-lv2-prose > * { max-width: 94ch; }
.fe-lv2-lesson-section { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 18px; box-shadow: 0 12px 35px rgba(20,43,74,.05); margin-bottom: 2rem; padding: clamp(1.25rem, 4vw, 3rem); scroll-margin-top: 120px; }
.fe-lv2-section-number { color: var(--fe-lv2-orange); font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.fe-lv2-prose { font-size: 1.02rem; line-height: 1.78; }
.fe-lv2-callout, .fe-lv2-note, .fe-lv2-remember { border-radius: 14px; margin-block: 2rem; padding: 1.35rem 1.5rem; }
.fe-lv2-callout { background: #f1f5f9; }
/* Większy oddech między nagłówkiem ramki a listą podpunktów. */
.fe-lv2-callout h3, .fe-lv2-note h3, .fe-lv2-remember h3 { margin: 0 0 1rem; }
.fe-lv2-callout ul { list-style: none; margin: 0; padding: 0; }
.fe-lv2-callout li { line-height: 1.65; padding-left: 1.4rem; position: relative; }
.fe-lv2-callout li + li { margin-top: .65rem; }
.fe-lv2-callout li::before { color: var(--fe-lv2-orange); content: "▪"; font-size: .8rem; left: 0; position: absolute; top: .28em; }
.fe-lv2-note p, .fe-lv2-remember p { line-height: 1.65; margin: 0; }
.fe-lv2-note { background: var(--fe-lv2-orange-soft); border-left: 4px solid var(--fe-lv2-orange); }
.fe-lv2-remember { background: #eaf6f1; border-left: 4px solid var(--fe-lv2-success); }
.fe-lv2-lesson-section figure { margin: 1.75rem 0; }
.fe-lv2-lesson-section img { border-radius: 14px; height: auto; max-width: 100%; }
.fe-lv2-lesson-section figcaption { color: var(--fe-lv2-muted); font-size: .85rem; margin-top: .5rem; }
.fe-lv2-self-check { background: #f6f8fb; border: 1px solid var(--fe-lv2-border); border-radius: 14px; margin-block: 1.5rem; padding: 1.1rem 1.25rem; }
.fe-lv2-self-check__title { color: var(--fe-lv2-orange); font-size: .8rem; font-weight: 800; letter-spacing: .08em; margin: 0 0 .65rem; text-transform: uppercase; }
.fe-lv2-self-check[id] { scroll-margin-top: 120px; }
.fe-lv2-self-check fieldset { border: 0; margin: 0; padding: 0; }
.fe-lv2-self-check legend { color: var(--fe-lv2-navy); font-size: 1.05rem; font-weight: 800; line-height: 1.5; margin-bottom: .85rem; }
.fe-lv2-self-check label { align-items: flex-start; display: flex; gap: .6rem; line-height: 1.58; min-height: 40px; padding-block: .45rem; }
.fe-lv2-self-check input { margin-top: .25rem; }
.fe-lv2-self-check [data-tone="success"] { color: var(--fe-lv2-success); font-weight: 700; }
.fe-lv2-self-check [data-tone="error"] { color: #a12f25; font-weight: 700; }
.fe-lv2-sources { border-top: 1px solid var(--fe-lv2-border); margin-top: 2rem; padding-top: 1.25rem; }
.fe-lv2-sources li { line-height: 1.6; }
.fe-lv2-sources li + li { margin-top: .6rem; }
.fe-lv2-lesson-sources { margin-top: 2.5rem; }
.fe-lv2-lesson-sources > h2 { margin-bottom: .25rem; }
.fe-lv2-lesson-sources ol { list-style: none; margin: 0; padding: 0; }
.fe-lv2-lesson-sources li { border-top: 1px solid var(--fe-lv2-border); counter-increment: fe-lv2-source; padding: 1.4rem 0 1.4rem 2.7rem; position: relative; }
.fe-lv2-lesson-sources li:first-child { border-top: 0; padding-top: .75rem; }
.fe-lv2-lesson-sources li::before { color: var(--fe-lv2-orange); content: counter(fe-lv2-source); font-size: .9rem; font-weight: 800; left: .2rem; position: absolute; top: 1.55rem; }
.fe-lv2-lesson-sources li:first-child::before { top: .95rem; }
.fe-lv2-lesson-sources p { margin: 0; }
.fe-lv2-lesson-sources ol { counter-reset: fe-lv2-source; }
.fe-lv2-source-cite { font-size: .98rem; line-height: 1.6; }
.fe-lv2-source-cite strong { color: var(--fe-lv2-navy); font-weight: 800; }
.fe-lv2-source-authors, .fe-lv2-source-year, .fe-lv2-source-journal { color: var(--fe-lv2-muted); }
.fe-lv2-source-year { white-space: nowrap; }
.fe-lv2-source-admin-links { margin-top: .6rem; }
.fe-lv2-source-admin-links a, .fe-lv2-sources .fe-lv2-source-mini { background: var(--fe-lv2-orange-soft); border-radius: 999px; color: #9d4300 !important; display: inline-block; font-size: .78rem; font-weight: 800; line-height: 1; margin-right: .45rem; margin-top: .45rem; padding: .45rem .7rem; text-decoration: none; }
.fe-lv2-sources summary { cursor: pointer; font-weight: 800; min-height: 44px; }
.fe-lv2-section-actions { border-top: 1px solid var(--fe-lv2-border); display: flex; gap: 1rem; margin-top: 2.25rem; padding-top: 1.1rem; }
.fe-lv2-lesson-next { align-items: center; background: var(--fe-lv2-orange); border-radius: 10px; color: #fff !important; display: inline-flex; font-weight: 800; gap: .4rem; min-height: 44px; padding: .65rem 1rem; text-decoration: none; }
html[data-fe-theme="dark"] .fe-lv2-lesson-next { background: #f4a261 !important; color: #2b1b0f !important; }
html[data-fe-theme="dark"] .fe-lv2-lesson-next :is(span, strong) { color: #2b1b0f !important; }
.fe-lv2-section-actions--desktop .fe-lv2-lesson-next { margin-left: auto; }
.fe-lv2-search { margin-top: 2rem; max-width: 760px; position: relative; }
.fe-lv2-search > label { display: block; font-size: .85rem; font-weight: 800; margin-bottom: .45rem; }
.fe-lv2-search > div:first-of-type { display: flex; }
.fe-lv2-search input { border: 1px solid var(--fe-lv2-border); border-radius: 12px 0 0 12px; min-height: 52px; padding: .8rem 1rem; width: 100%; }
.fe-lv2-search button { border-radius: 0 12px 12px 0; }
.fe-lv2-search-results { background: #fff; border: 1px solid var(--fe-lv2-border); border-radius: 12px; box-shadow: 0 14px 35px rgba(15,39,71,.15); left: 0; margin-top: .4rem; max-height: 360px; overflow: auto; padding: .5rem; position: absolute; right: 0; z-index: 10; }
.fe-lv2-search-results ul { list-style: none; margin: 0; padding: 0; }
.fe-lv2-search-results a { border-radius: 8px; color: var(--fe-lv2-navy); display: block; padding: .75rem; text-decoration: none; transition: background .15s ease, color .15s ease; }
.fe-lv2-search-results a:hover,
.fe-lv2-search-results a:focus-visible { background: var(--fe-lv2-orange-soft); color: var(--fe-lv2-deep); }
.fe-lv2-search-results mark { background: #ffe3d1; border-radius: 4px; color: #9d4300; font-weight: 700; padding: 1px 4px; }
.fe-lv2 mark { background: #ffe3d1; border-radius: 4px; color: #9d4300; font-weight: 700; padding: 1px 4px; }
.fe-lv2-tree-open, .fe-lv2-tree-close { display: none; }
.fe-lv2-empty, .fe-lv2-error { background: #fff; border: 1px solid var(--fe-lv2-border); border-radius: 16px; margin-top: 2rem; padding: 2rem; }
@media (max-width: 960px) {
	.fe-lv2-catalog-grid, .fe-lv2-child-grid, .fe-lv2-lesson-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fe-lv2-layout, .fe-lv2-reader { grid-template-columns: 1fr; }
	.fe-lv2-tree-open { display: inline-flex; margin-bottom: 1rem; }
	.fe-lv2-tree { border-radius: 0; bottom: 0; left: 0; max-height: none; max-width: 360px; pointer-events: none; position: fixed; top: 0; transform: translateX(-105%); transition: transform .2s ease, visibility .2s step-end; visibility: hidden; width: 90vw; z-index: 100001; }
	.admin-bar .fe-lv2-tree { top: 46px; }
	.fe-lv2-tree.is-open { pointer-events: auto; transform: translateX(0); transition: transform .2s ease; visibility: visible; }
	.fe-lv2-tree-close { display: inline-flex; margin-left: auto; }
	.fe-lv2-sections { max-height: none; position: static; }
	body.fe-lv2-drawer-open { overflow: hidden; }
}
@media (max-width: 620px) {
	.fe-lv2-catalog-grid, .fe-lv2-child-grid, .fe-lv2-lesson-grid { grid-template-columns: 1fr; }
	.fe-lv2-catalog-card, .fe-lv2-lesson-card { min-height: 0; }
	.fe-lv2-search > div:first-of-type { display: grid; gap: .5rem; }
	.fe-lv2-search input, .fe-lv2-search button { border-radius: 10px; width: 100%; }
	.fe-lv2-section-actions { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	.fe-lv2 *, .fe-lv2 *::before, .fe-lv2 *::after { scroll-behavior: auto; transition-duration: .01ms; }
}

/* Catalog and reader polish: preserve existing controls while reducing visual weight. */
.fe-lv2-tree-scrim { display: none; }
.fe-lv2-tree__header { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.fe-lv2-tree__header h2 { margin: 0; }
.fe-lv2-sheet__handle { background: #cbd5e1; border-radius: 999px; height: 4px; margin: .55rem auto -.15rem; width: 38px; }
.fe-lv2--archive-redesign .fe-lv2-active-filters { gap: .4rem; margin-top: .65rem; }
.fe-lv2--archive-redesign .fe-lv2-search .fe-lv2-chip { background: #fff7f1; border: 1px solid #f3d6c0; color: #8b3c00 !important; min-height: 34px; }
.fe-lv2--archive-redesign .fe-lv2-filter-group label small { color: var(--fe-lv2-muted); font-size: .76rem; margin-left: auto; }
.fe-lv2--archive-redesign .fe-lv2-filter-group label:has(input:checked) { background: var(--fe-lv2-orange-soft); color: #8b3c00; font-weight: 750; }
.fe-lv2-reader-chrome { backdrop-filter: blur(12px); background: rgba(255,255,255,.86); box-shadow: 0 6px 18px rgba(15,39,71,.06); will-change: transform, opacity; }
.fe-lv2-reader-chrome.is-hidden { transform: translate3d(0, -110%, 0); }
.fe-lv2-reader-chrome__toc { align-items: center; background: var(--fe-lv2-navy); border-color: var(--fe-lv2-navy); border-radius: 50%; color: #fff; display: inline-flex; height: 38px; justify-content: center; padding: 0; width: 38px; }
.fe-lv2-toc-list a { border: 1px solid transparent; }
.fe-lv2-toc-list a.is-active { background: var(--fe-lv2-orange-soft); border-color: #f3d6c0; color: #8b3c00; }
.fe-lv2-toc-list a.is-visited:not(.is-active) { color: #436a5d; }
.fe-lv2-toc-list a span { background: #f1f5f9; border-radius: 7px; color: var(--fe-lv2-navy); flex: 0 0 2rem; font-size: .75rem; padding: .3rem; text-align: center; }
.fe-lv2-toc-list a.is-active span { background: var(--fe-lv2-orange); color: #fff; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary { display: flex; flex-direction: column; gap: 0.4rem; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary a,
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary button {
    background: #f8fafc;
    border: 1px solid var(--fe-lv2-border);
    border-radius: 12px;
    flex-direction: row;
    gap: 0.75rem;
    font-size: .88rem;
    font-weight: 500;
    align-items: center;
    justify-content: flex-start;
    min-height: 48px;
    padding: 0.5rem 1rem;
    text-align: left;
}
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary li:has([data-fe-open-bug]) { grid-column: 1 / -1; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary [data-fe-open-bug] { background: transparent; border-style: dashed; color: var(--fe-lv2-muted); flex-direction: row; min-height: 44px; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary { display: flex; flex-direction: column; gap: 0.4rem; border-top: 1px solid var(--fe-lv2-border); margin-top: .85rem; padding-top: .85rem; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary li + li { border-top: none; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary a,
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary button {
    background: transparent;
    border: none;
    border-radius: 8px;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-start;
    font-size: .88rem;
    font-weight: 500;
    min-height: 44px;
    padding: .35rem .65rem;
    text-align: left;
}
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary li:last-child button { color: #a12f25; }

@media (max-width: 960px) {
	.fe-lv2--archive-redesign .fe-lv2-level-chips { flex-wrap: nowrap; margin-bottom: 1rem; overflow-x: auto; overscroll-behavior-x: contain; padding-bottom: .25rem; scrollbar-width: none; }
	.fe-lv2--archive-redesign .fe-lv2-level-chips::-webkit-scrollbar { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-level-chips__label,
	.fe-lv2--archive-redesign .fe-lv2-level-chip { flex: 0 0 auto; white-space: nowrap; }
	.fe-lv2-tree { background: #fff; box-shadow: 20px 0 42px rgba(15,39,71,.22); display: flex; flex-direction: column; padding: 0; width: min(88vw, 380px); z-index: 100002; }
	.fe-lv2-tree__header { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--fe-lv2-border); padding: .85rem 1rem; position: sticky; top: 0; z-index: 1; }
	.fe-lv2-tree__header h2 { font-size: 1rem; }
	.fe-lv2-tree > [data-fe-archive-tree] { overflow-y: auto; padding: .75rem 1rem; }
	.fe-lv2-tree .fe-lv2-desktop-filters { margin-top: auto; padding: .75rem 1rem 1rem; }
	.fe-lv2-tree-close { align-items: center; border: 1px solid var(--fe-lv2-border); border-radius: 50%; height: 36px; justify-content: center; margin: 0; min-height: 36px; padding: 0; width: 36px; }
	.fe-lv2-tree-scrim { background: rgba(15,23,42,.48); border: 0; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .2s ease; z-index: 100001; }
	body.fe-lv2-drawer-open .fe-lv2-tree-scrim { display: block; opacity: 1; pointer-events: auto; }
	.fe-lv2--archive-redesign .fe-lv2-child-card > p { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; font-size: .86rem; margin: .25rem 0 0; overflow: hidden; }
	.fe-lv2--archive-redesign .fe-lv2-child-card .fe-lv2-link { display: none; }
	.fe-lv2-sheet__actions { background: #fff; border-top: 1px solid var(--fe-lv2-border); bottom: 0; position: sticky; z-index: 2; }
	.fe-lv2-sheet .fe-lv2-filter-group label { min-height: 44px; padding: .35rem .45rem; }
}

@media (max-width: 620px) {
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-visual { max-height: clamp(200px, 48vw, 320px); }
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-image { max-height: 100%; object-fit: contain; }
	.fe-lv2--archive-redesign .fe-lv2-search-submit-label { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-search-submit-icon { font-size: 1.15rem; line-height: 1; }
	.fe-lv2--archive-redesign .fe-lv2-search > div:first-of-type button { min-width: 48px; padding-inline: .7rem; }
}

.fe-lv2-search--inside { margin: 0 0 2rem; }
.fe-lv2-search-filters { display: flex; gap: 1rem; margin-top: .75rem; }
.fe-lv2-search-filters label { color: var(--fe-lv2-muted); display: grid; font-size: .78rem; font-weight: 700; gap: .25rem; }
.fe-lv2-search-filters select { background: #fff; border: 1px solid var(--fe-lv2-border); border-radius: 9px; min-height: 44px; padding: .55rem .7rem; }
@media (max-width: 620px) {
	.fe-lv2-search-filters { display: grid; grid-template-columns: 1fr 1fr; }
}
.fe-lv2-sections a.is-active { background: var(--fe-lv2-orange-soft); color: #9d4300; font-weight: 800; }
.fe-lv2-sections a.is-visited span { color: var(--fe-lv2-success); }

/* —— Reader redesign —— */
.fe-lv2--reader-redesign { --fe-lv2-chrome-h: 52px; }
.fe-lv2-lesson-hero--compact { padding-block: 1rem 1.25rem; }
.fe-lv2-lesson-hero--compact h1 { font-size: clamp(1.55rem, 6vw, 2.4rem); letter-spacing: -.03em; margin-bottom: .6rem; }
.fe-lv2-lesson-hero--compact .fe-lv2-meta { margin: 1rem 0 0; }
.fe-lv2-lesson-hero--compact .fe-lv2-summary { margin: 1.1rem 0 0; }
.fe-lv2-lesson-hero--compact .fe-lv2-actions { margin: 1.5rem 0 0; }
.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact { margin-inline: 0 auto; max-width: 960px; }
.fe-lv2-summary.is-clamped { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.fe-lv2-summary.is-expanded { display: block; -webkit-line-clamp: unset; overflow: visible; }
.fe-lv2-educational-scope { color: var(--fe-lv2-muted); font-size: .86rem; line-height: 1.55; margin: .75rem 0 0; max-width: 66rem; }
.fe-lv2-text-btn, .fe-lv2-icon-btn { appearance: none; background: transparent; border: 1px solid var(--fe-lv2-border); border-radius: 10px; color: var(--fe-lv2-navy); cursor: pointer; font-weight: 700; min-height: 44px; min-width: 44px; }
.fe-lv2-text-btn { padding: .45rem .85rem; }
.fe-lv2-icon-btn { align-items: center; display: inline-flex; font-size: 1.25rem; justify-content: center; }
.fe-lv2-actions--compact { align-items: center; }
.fe-lv2-actions--compact .fe-lv2-button { flex: 1 1 auto; }
.fe-lv2-meta--compact { margin-top: .75rem; }
.fe-lv2-back-mobile { margin: .5rem 0 0; }
.fe-lv2-back-mobile a { font-size: .92rem; font-weight: 700; text-decoration: none; }
.fe-lv2-breadcrumbs--desktop { display: none; }
.fe-lv2-section-nav { align-items: center; background: #fff; border: 1px solid var(--fe-lv2-border); border-radius: 14px; display: grid; gap: .35rem 1rem; grid-template-columns: 1fr auto; margin: 1rem 0 1.25rem; padding: .9rem 1rem; }
.fe-lv2-section-nav__index { color: var(--fe-lv2-orange); font-size: .78rem; font-weight: 800; margin: 0; text-transform: uppercase; }
.fe-lv2-section-nav__title { color: var(--fe-lv2-navy); font-weight: 800; grid-column: 1; margin: 0; }
.fe-lv2-section-nav [data-fe-toc-open] { grid-column: 2; grid-row: 1 / span 2; }
.fe-lv2-section-index { color: var(--fe-lv2-orange); font-size: clamp(2rem, 8vw, 2.75rem); font-weight: 900; letter-spacing: -.04em; line-height: 1; margin: 0 0 .25rem; opacity: .85; }
.fe-lv2-reader--redesign .fe-lv2-lesson-section { background: transparent; border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; padding: 3rem 0 1.75rem; scroll-margin-top: calc(var(--fe-lv2-chrome-h) + 16px + var(--wp-admin--admin-bar--height, 0px) + env(safe-area-inset-top)); }
.fe-lv2-reader--redesign .fe-lv2-lesson-section + .fe-lv2-lesson-section { border-top: 1px solid var(--fe-lv2-border); margin-top: 1.25rem; }
.fe-lv2-reader--redesign .fe-lv2-prose { font-size: 1.0625rem; line-height: 1.65; }
.fe-lv2-reader--redesign .fe-lv2-prose p { hyphens: auto; margin: 0 0 1.3rem; overflow-wrap: break-word; text-align: justify; text-justify: inter-word; }
.fe-lv2-reader--redesign .fe-lv2-lesson-section > h2 { margin: .45rem 0 1.3rem; }
.fe-lv2-reader--redesign .fe-lv2-lesson-section > .fe-lv2-section-number { margin: 0 0 .9rem; }
.fe-lv2-reader--redesign .fe-lv2-lesson-section > .fe-lv2-section-index { margin: 0 0 .45rem; }
.fe-lv2-reader--redesign .fe-lv2-prose h3 { margin: 2.2rem 0 .8rem; }
.fe-lv2-reader--redesign .fe-lv2-prose h4 { margin: 1.7rem 0 .65rem; }
.fe-lv2-reader--redesign .fe-lv2-sections a { align-items: start; }
.fe-lv2-reader--redesign .fe-lv2-sections a span { line-height: 1.45; text-align: center; }
.fe-lv2-reader--redesign .fe-lv2-sections--desktop { display: none; }
.fe-lv2-reader-chrome { backdrop-filter: blur(12px); background: rgba(255,255,255,.98); border-bottom: 1px solid var(--fe-lv2-border); box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08); left: 0; position: fixed; right: 0; top: var(--wp-admin--admin-bar--height, 0px); padding-top: env(safe-area-inset-top, 0px); transform: translateY(0); transition: transform .2s ease, opacity .2s ease; width: 100%; z-index: 1000; }
@media (max-width: 1024px) {
	/* Keep the global site header visible on entry; the reader bar sticks once reached. */
	.fe-lv2-reader-chrome { position: sticky; top: 0; }
}
.fe-lv2-reader-chrome[hidden] { display: none !important; }
.fe-lv2-reader-chrome.is-hidden { opacity: 0; pointer-events: none; transform: translateY(-110%); }
.fe-lv2-reader-chrome.is-hidden a,
.fe-lv2-reader-chrome.is-hidden button { visibility: hidden; }
/* 44px touch target + 2 × 4px block padding = the 52px reading-bar budget. */
.fe-lv2-reader-chrome__bar { align-items: center; display: grid; gap: .5rem; grid-template-columns: auto 1fr auto; max-height: var(--fe-lv2-chrome-h); min-height: var(--fe-lv2-chrome-h); padding: 4px .75rem; max-width: 1300px; margin: 0 auto; }
.fe-lv2-reader-chrome__back { font-size: .88rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.fe-lv2-reader-hero__back { display: none; }
.fe-lv2-reader-chrome__section { color: var(--fe-lv2-navy); font-size: .82rem; font-weight: 700; margin: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.fe-lv2-reader-chrome__track { background: #e8edf3; height: 3px; }
.fe-lv2-reader-chrome__track span { background: var(--fe-lv2-orange); display: block; height: 100%; transition: width .15s ease; }

.fe-lv2-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #0f172a;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 999px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: transform .22s cubic-bezier(0.16, 1, 0.3, 1), opacity .22s ease;
    z-index: 100020;
}
.fe-lv2-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.fe-lv2--reader-redesign .fe-lv2-section-link { align-items: flex-start; display: flex; flex-direction: column; gap: .15rem; justify-content: center; min-height: 44px; min-width: 44px; padding-block: .6rem; text-decoration: none; }
.fe-lv2--reader-redesign .fe-lv2-section-link__kind { color: var(--fe-lv2-muted); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.fe-lv2--reader-redesign .fe-lv2-section-link__title { color: var(--fe-lv2-navy); font-weight: 800; }
.fe-lv2-sheet { border: 0; border-radius: 18px 18px 0 0; bottom: 0; box-shadow: 0 -16px 40px rgba(15,39,71,.18); margin: auto 0 0; max-height: min(88vh, 720px); padding: 0; width: min(100%, 560px); }
.fe-lv2-sheet::backdrop { background: rgba(15, 23, 42, .55); }
.fe-lv2-sheet:not([open]) { display: none; }
.fe-lv2-sheet.is-fallback-open { box-sizing: border-box; color: var(--fe-lv2-text); display: block; left: 50%; position: fixed; right: auto; top: auto; transform: translateX(-50%); z-index: 100010; }
.fe-lv2-sheet.is-fallback-open *, .fe-lv2-sheet.is-fallback-open *::before, .fe-lv2-sheet.is-fallback-open *::after { box-sizing: border-box; }
.fe-lv2-sheet.is-fallback-open :focus-visible { outline: 3px solid var(--fe-lv2-orange); outline-offset: 3px; }
.fe-lv2-sheet__header { align-items: center; border-bottom: 1px solid var(--fe-lv2-border); display: flex; justify-content: space-between; padding: .9rem 1rem; }
.fe-lv2-sheet__header h2 { font-size: 1.05rem; margin: 0; }
.fe-lv2-toc-list, .fe-lv2-tools-list { list-style: none; margin: 0; max-height: 60vh; overflow: auto; padding: .5rem; }
.fe-lv2-toc-list a, .fe-lv2-tools-list a, .fe-lv2-tools-list button { border: 0; border-radius: 10px; color: inherit; display: flex; font: inherit; font-weight: 650; gap: .55rem; min-height: 48px; padding: .75rem .85rem; text-align: left; text-decoration: none; width: 100%; background: transparent; cursor: pointer; }
.fe-lv2-toc-list a.is-active, .fe-lv2-toc-list a:hover, .fe-lv2-tools-list a:hover, .fe-lv2-tools-list button:hover { background: var(--fe-lv2-orange-soft); }
.fe-lv2-toc-list a.is-visited span { color: var(--fe-lv2-success); }
.fe-lv2-sheet__actions { display: flex; gap: .75rem; justify-content: space-between; padding: .85rem 1rem 1.1rem; }
.fe-lv2-filter-groups { display: grid; gap: 1.25rem; padding: 1rem; }
.fe-lv2-filter-groups fieldset { border: 0; margin: 0; padding: 0; }
.fe-lv2-filter-groups legend { color: var(--fe-lv2-navy); font-weight: 800; margin-bottom: .5rem; }
.fe-lv2-filter-groups label { align-items: center; display: flex; gap: .55rem; min-height: 44px; }
body.fe-lv2-sheet-open { overflow: hidden; }
body.fe-lv2--reading-focus #fe-search-trigger,
body.fe-lv2--reading-focus #fe-mobile-fab,
body.fe-lv2--reading-focus .fe-bug-trigger,
body.fe-lv2--reading-focus #ast-scroll-top,
.fe-lv2--reader-redesign ~ #fe-search-trigger,
body:has(.fe-lv2--reader-redesign) #fe-search-trigger,
body:has(.fe-lv2--reader-redesign) #fe-mobile-fab,
body:has(.fe-lv2--reader-redesign) .fe-bug-trigger,
body:has(.fe-lv2--reader-redesign) #ast-scroll-top { display: none !important; }

/* —— Archive redesign —— */
.fe-lv2-page-head--compact { padding-block: 1.25rem 1rem; }
.fe-lv2-page-head--compact h1 { margin-bottom: .75rem; }
.fe-lv2-page-head--compact p:not(.fe-lv2-eyebrow) { line-height: 1.65; max-width: 760px; }
.fe-lv2-archive-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .85rem; }
.fe-lv2-toolbar-btn { background: #fff; border: 1px solid var(--fe-lv2-border); border-radius: 999px; font-weight: 750; min-height: 44px; padding: .55rem 1rem; }
.fe-lv2-sort { align-items: center; display: flex; gap: .45rem; font-size: .85rem; font-weight: 700; }
.fe-lv2-sort select { border: 1px solid var(--fe-lv2-border); border-radius: 10px; min-height: 44px; padding: .4rem .7rem; }
.fe-lv2-active-filters { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .75rem; }
.fe-lv2-archive-status { color: var(--fe-lv2-muted); font-size: .85rem; min-height: 1.35em; margin: .65rem 0 0; }
.fe-lv2-archive-status:empty { min-height: 0; margin: 0; }
.fe-lv2-archive-status[data-tone="error"] { color: #a12f25; font-weight: 700; }
[data-fe-archive-redesign][aria-busy="true"] [data-fe-archive-content] { opacity: .62; }
.fe-lv2-chip { align-items: center; background: var(--fe-lv2-orange-soft); border: 0; border-radius: 999px; color: #9d4300; cursor: pointer; display: inline-flex; font-size: .8rem; font-weight: 750; gap: .35rem; min-height: 36px; padding: .3rem .7rem; }
.fe-lv2-chip--clear { background: transparent; border: 1px solid var(--fe-lv2-border); color: var(--fe-lv2-navy); }
.fe-lv2-filter-group { min-width: 0; }
.fe-lv2-filter-groups .fe-lv2-area-count { color: var(--fe-lv2-muted); font-size: .8rem; font-weight: 700; margin-left: .25rem; white-space: nowrap; }
.fe-lv2--archive-redesign .fe-lv2-area-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }	.fe-lv2--archive-redesign .fe-lv2-area-card { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 18px; box-shadow: 0 12px 35px rgba(20,43,74,.07); min-width: 0; padding: clamp(1rem, 3vw, 1.6rem); }
	.fe-lv2--archive-redesign .fe-lv2-area-card__image { aspect-ratio: 16 / 9; background: var(--fe-lv2-orange-soft); border-radius: 12px; margin-bottom: 1rem; object-fit: cover; width: 100%; }
	.fe-lv2--archive-redesign .fe-lv2-area-card__image.is-broken,
	.fe-lv2--archive-redesign .fe-lv2-hero-image.is-broken,
	.fe-lv2--archive-redesign .fe-lv2-catalog-card__image.is-broken { background: linear-gradient(135deg, var(--fe-lv2-orange-soft), #f4e9df); display: block; min-height: 100px; }
	.fe-lv2--archive-redesign .fe-lv2-area-card h3 { font-size: 1.15rem; margin-bottom: .65rem; }
.fe-lv2--archive-redesign .fe-lv2-area-card p { line-height: 1.6; margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-area-card a { font-weight: 800; min-height: 44px; text-decoration: none; }
.fe-lv2--archive-redesign .fe-lv2-area-count { color: var(--fe-lv2-muted); font-size: .85rem; font-weight: 700; white-space: nowrap; }
.fe-lv2--archive-redesign .fe-lv2-search--root { margin-top: 0; }
.fe-lv2-continue { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 18px; margin-top: 1.5rem; padding: clamp(1rem, 3vw, 1.5rem); }
.fe-lv2-continue[hidden] { display: none !important; }
.fe-lv2-continue h2 { font-size: 1.1rem; margin-bottom: .35rem; }
.fe-lv2-continue__lesson { font-weight: 800; margin: 0 0 .2rem; }
.fe-lv2-continue__percent { color: var(--fe-lv2-muted); font-size: .85rem; font-weight: 700; margin: 0 0 .6rem; }
.fe-lv2-child-count { color: var(--fe-lv2-muted); font-size: .85rem; font-weight: 700; white-space: nowrap; }
.fe-lv2-desktop-filters { border-top: 1px solid var(--fe-lv2-border); display: none; margin-top: 1rem; padding-top: 1rem; }
.fe-lv2-desktop-filters h3 { font-size: .85rem; margin: .85rem 0 .35rem; }
.fe-lv2-desktop-filters label { align-items: center; display: flex; gap: .45rem; min-height: 40px; }

@media (max-width: 960px) {
	.fe-lv2--reader-redesign .fe-lv2-lesson-shell { max-width: 760px; }
	.fe-lv2--archive-redesign .fe-lv2-back-mobile { display: block; }
	.fe-lv2--archive-redesign .fe-lv2-breadcrumbs--desktop { display: none; }
}

@media (min-width: 961px) {
	.fe-lv2--reader-redesign .fe-lv2-summary.is-clamped { display: block; -webkit-line-clamp: unset; overflow: visible; }
	.fe-lv2--reader-redesign [data-fe-summary-toggle] { display: none !important; }
	.fe-lv2-back-mobile { display: none; }
	.fe-lv2-breadcrumbs--desktop { display: block; }
	.fe-lv2--archive-redesign .fe-lv2-back-mobile { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-breadcrumbs--desktop { display: block; }
	.fe-lv2-section-nav { display: none; }
	.fe-lv2-reader--redesign .fe-lv2-sections--desktop { display: block; }
	.fe-lv2-reader--redesign { grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); }
	.fe-lv2-desktop-filters { display: block; }
	.fe-lv2-archive-toolbar [data-fe-filters-open] { display: none; }
	.fe-lv2-lesson-hero--compact { padding-block: 1.75rem 2rem; }
	.fe-lv2--archive-redesign .fe-lv2-layout { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
	.fe-lv2-reader--redesign .fe-lv2-lesson-section { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 18px; box-shadow: 0 12px 35px rgba(20,43,74,.05); margin-bottom: 2.5rem; padding: clamp(1.5rem, 4vw, 3.25rem); }
	.fe-lv2-reader--redesign .fe-lv2-lesson-section + .fe-lv2-lesson-section { border-top: 1px solid var(--fe-lv2-border); margin-top: 0; }
	.fe-lv2--reader-redesign .fe-lv2-sheet--tools.is-anchored { border: 1px solid var(--fe-lv2-border); border-radius: 14px; bottom: auto; box-shadow: 0 14px 32px rgba(15,39,71,.18); left: var(--fe-lv2-tools-left); margin: 0; max-height: min(70vh, 600px); right: auto; top: var(--fe-lv2-tools-top); width: min(320px, calc(100vw - 32px)); }
	.fe-lv2--reader-redesign .fe-lv2-sheet--tools.is-anchored::backdrop { background: transparent; }
}

@media (max-width: 620px) {
	.fe-lv2--reader-redesign .fe-lv2-shell { padding-inline: 16px; }
	.fe-lv2-reader--redesign .fe-lv2-prose { font-size: 17px; line-height: 1.65; }
	.fe-lv2--reader-redesign .fe-lv2-lesson-section > h2 { font-size: 26px; line-height: 1.22; }
	.fe-lv2--reader-redesign .fe-lv2-prose h3,
	.fe-lv2--reader-redesign .fe-lv2-prose h4 { font-size: 21px; line-height: 1.3; }
	.fe-lv2-lesson-tabs { gap: .35rem .85rem; }
	.fe-lv2-archive-toolbar { flex-direction: column; align-items: stretch; }
	.fe-lv2-sort { justify-content: space-between; width: 100%; }
	.fe-lv2-sort select { flex: 1; }
	.fe-lv2--archive-redesign .fe-lv2-area-grid { grid-template-columns: 1fr; }
}

@media (min-width: 1025px) {
	.fe-lv2-reader-chrome { display: none !important; }
}

.fe-lv2-desktop-tools {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin-left: auto;
	align-items: center;
}
.fe-lv2-desktop-tools :is(a, button).fe-lv2-icon-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--fe-lv2-muted, #64748b) !important;
	font-family: inherit;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	text-decoration: none !important;
	vertical-align: middle;
	transition: color 0.15s ease;
}
.fe-lv2-desktop-tools :is(a, button).fe-lv2-icon-link svg {
	width: 16px;
	height: 16px;
	display: block;
	flex-shrink: 0;
	stroke: currentColor;
}
.fe-lv2-desktop-tools :is(a, button).fe-lv2-icon-link:is(:hover, :focus-visible) {
	color: var(--fe-lv2-navy, #0f172a) !important;
	text-decoration: none !important;
}
html[data-fe-theme="dark"] .fe-lv2-desktop-tools :is(a, button).fe-lv2-icon-link {
	color: var(--fe-text-muted, #94a3b8) !important;
}
html[data-fe-theme="dark"] .fe-lv2-desktop-tools :is(a, button).fe-lv2-icon-link:is(:hover, :focus-visible) {
	color: var(--fe-text-strong, #f8fafc) !important;
}

.fe-lv2-watermark,
.fe-lv2 .watermark {
	display: none;
}

@media print {
	html:has(.fe-lv2), body:has(.fe-lv2),
	.fe-lv2,
	.fe-lv2-shell,
	.fe-lv2-article,
	.fe-lv2-lesson-hero,
	.fe-lv2-lesson-section,
	.fe-lv2-prose,
	.fe-lv2-callout,
	.fe-lv2-note,
	.fe-lv2-remember,
	.fe-lv2-sources {
		background: #ffffff !important;
		background-color: #ffffff !important;
		background-image: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		color: #111827 !important;
	}
	body:has(.fe-lv2) :is(
		#masthead,
		.site-header,
		.ast-desktop-header,
		.ast-mobile-header,
		.ast-mobile-header-wrap,
		#ast-mobile-header,
		.main-header-bar-wrap,
		.main-header-bar,
		.ast-primary-header-bar,
		.site-branding,
		.custom-logo-link,
		.fe-theme-logo,
		.site-logo-img,
		.site-footer,
		#colophon,
		.ast-footer-overlay,
		#ast-scroll-top,
		.fe-search-modal,
		#fe-search-trigger,
		#fe-mobile-fab,
		.fe-bug-trigger,
		.fe-drawer-panel,
		.fe-drawer-backdrop,
		.fe-mobile-nav-drawer,
		.fe-legal-footer-bar
	),
	.fe-lv2-sections--desktop,
	.fe-lv2-lesson-tabs,
	.fe-lv2-reader-chrome,
	.fe-lv2-sheet,
	.fe-lv2-breadcrumbs,
	.fe-lv2-breadcrumbs--desktop,
	.fe-lv2-back-mobile,
	.fe-lv2-reader-hero__back,
	.fe-lv2-desktop-tools,
	.fe-lv2-hero-action,
	.fe-lv2-actions,
	.fe-lv2-section-nav,
	.fe-lv2-reader-sheet__actions,
	.fe-lv2-self-check,
	.fe-lv2-dialog,
	.fe-lv2-explorer-controls,
	.fe-lv2-tree,
	.fe-lv2-scope-progress,
	.fe-lv2-hero-visual .fe-lv2-image-fallback {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
		top: -99999px !important;
		left: -99999px !important;
	}
	.fe-lv2-watermark,
	.fe-lv2 .watermark {
		color: rgba(20, 43, 74, 0.08) !important;
		display: block !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 52pt;
		font-weight: 800;
		letter-spacing: 6px;
		left: -8%;
		pointer-events: none;
		position: fixed;
		text-align: center;
		top: 45%;
		transform: rotate(-28deg);
		white-space: nowrap;
		width: 116%;
		z-index: 0;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	.fe-lv2-callout,
	.fe-lv2-note,
	.fe-lv2-remember {
		border: 1px solid #e2e8f0 !important;
		border-left-width: 4px !important;
		border-radius: 8px !important;
		margin-block: 1.25rem !important;
		padding: 1rem 1.25rem !important;
		background: #ffffff !important;
	}
	.fe-lv2-callout { border-left-color: #64748b !important; }
	.fe-lv2-note { border-left-color: #d96722 !important; }
	.fe-lv2-remember { border-left-color: #10b981 !important; }
	.fe-lv2-lesson-hero { display: block !important; margin: 0 0 1.5rem 0 !important; padding: 0 !important; break-after: avoid; background: #ffffff !important; }
	.fe-lv2-lesson-hero h1 { font-size: 1.6rem !important; margin: 0.5rem 0 !important; color: #000 !important; }
	.fe-lv2-lesson-hero .fe-lv2-summary { font-size: 0.95rem !important; line-height: 1.4 !important; color: #333 !important; max-height: none !important; }
	.fe-lv2-reader--redesign { display: block !important; margin: 0 !important; grid-template-columns: 1fr !important; background: #ffffff !important; }
	.fe-lv2-article { display: block !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; background: #ffffff !important; }
	.fe-lv2-lesson-section { break-inside: auto; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 1.5rem 0 !important; min-height: auto !important; height: auto !important; background: #ffffff !important; }
	.fe-lv2-lesson-section + .fe-lv2-lesson-section { border-top: 1px solid #ddd !important; padding-top: 1.25rem !important; margin-top: 1.25rem !important; }
	.fe-lv2-lesson-section h2 { font-size: 1.25rem !important; margin: 0.25rem 0 0.5rem 0 !important; color: #000 !important; }
	.fe-lv2-reader-sheet__content, .fe-lv2-prose { max-height: none !important; overflow: visible !important; font-size: 10pt !important; line-height: 1.5 !important; color: #111 !important; background: #ffffff !important; }
}

@media (max-width: 320px) {
	.fe-lv2--reader-redesign .fe-lv2-shell { padding-inline: 16px; }
	.fe-lv2-reader-chrome__back { font-size: .78rem; }
	.fe-lv2-actions--compact { flex-wrap: nowrap; }
	.fe-lv2--archive-redesign .fe-lv2-back-mobile a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
	.fe-lv2-reader-chrome { transition: none; }
}


/* ══ Biblioteka lekcji — odświeżenie ═══════════════════════════════════════
 *
 * Katalog wyglądał jak lista pudełek: nagłówek zjadał pół ekranu (h1 do 4,7 rem),
 * karty miały ciężki cień i sztywne 250 px wysokości, a „Sortuj: …" dublowało
 * wartość widoczną w selekcie. Tutaj katalog dostaje ten sam język, co archiwa
 * atlasu — linia akcentu nad winietą, liczby jako duże cyfry z podpisem, pigułki
 * kontrolek o jednej wysokości — ale w kolorach lekcji (--fe-lv2-*).
 *
 * Zero nowych kolorów: wszystko z tokenów zadeklarowanych na .fe-lv2.
 * ══════════════════════════════════════════════════════════════════════════ */

/* ── Winieta ─────────────────────────────────────────────────────────────── */

.fe-lv2--archive-redesign .fe-lv2-page-head--compact {
	border-top: 2px solid var(--fe-lv2-orange);
	display: grid;
	gap: 1rem 2rem;
	padding-block: 1rem 1.1rem;
}

.fe-lv2--archive-redesign .fe-lv2-page-head--compact h1 {
	font-size: clamp(1.5rem, 4.4vw, 2.6rem);
	letter-spacing: -.03em;
	margin-bottom: .4rem;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.fe-lv2--archive-redesign .fe-lv2-head-main { min-width: 0; }
.fe-lv2--archive-redesign .fe-lv2-tree__header h2,
.fe-lv2--archive-redesign .fe-lv2-tree-label {
	overflow: visible;
	overflow-wrap: anywhere;
	text-overflow: clip;
	white-space: normal;
}
.fe-lv2--archive-redesign .fe-lv2-page-head--compact p:not(.fe-lv2-eyebrow):not(.fe-lv2-hero-count),
	.fe-lv2--archive-redesign .fe-lv2-head-main p:not(.fe-lv2-eyebrow):not(.fe-lv2-hero-count) {
		color: var(--fe-lv2-muted);
		font-size: .98rem;
		line-height: 1.5;
		margin: 0;
		max-width: 68ch;
		text-wrap: pretty;
	}

/* Opis nie może zjadać pierwszego ekranu telefonu. */
@media (max-width: 700px) {
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact p:not(.fe-lv2-eyebrow):not(.fe-lv2-hero-count),
	.fe-lv2--archive-redesign .fe-lv2-head-main p:not(.fe-lv2-eyebrow):not(.fe-lv2-hero-count) {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
}

/* ── Hero obszaru: zdjęcie układu obok tekstu ──────────────────────────── */

.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero {
	grid-template-columns: minmax(0, 1fr) minmax(220px, 380px);
	grid-template-rows: auto auto auto;
}

.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-image {
	align-self: center;
	aspect-ratio: auto;
	background: var(--fe-lv2-orange-soft);
	border-radius: 16px;
	box-shadow: 0 18px 40px rgba(20, 43, 74, .14);
	grid-column: 2;
	grid-row: 1 / 4;
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-page-head--compact .fe-lv2-hero-image[hidden] { display: none; }

/* Licznik lekcji pod opisem obszaru: pigułka zamiast kolejnego wiersza tekstu. */
.fe-lv2--archive-redesign .fe-lv2-hero-count {
	align-items: center;
	color: var(--fe-lv2-orange);
	display: inline-flex;
	font-size: .85rem;
	font-weight: 750;
	gap: .4rem;
	padding: 0;
	width: max-content;
}

.fe-lv2--archive-redesign .fe-lv2-hero-count::before {
	content: none;
}

@media (max-width: 799px) {
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero {
		background: var(--fe-lv2-surface);
		border: 1px solid var(--fe-lv2-border);
		border-top: 3px solid var(--fe-lv2-orange);
		border-radius: 18px;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto auto auto;
		gap: 0;
		overflow: hidden;
		padding: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-head-main {
		padding: 1rem 1rem 1.15rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-visual {
		border-radius: 0;
		box-shadow: none;
		grid-column: 1;
		grid-row: 1;
		margin: 0;
		max-height: 240px;
	}
}

.fe-lv2-datarow {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.4rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.fe-lv2-datum { align-items: baseline; display: flex; gap: .4rem; min-width: 0; }

.fe-lv2-datum__value {
	color: var(--fe-lv2-navy);
	font-size: clamp(1.35rem, 4vw, 1.9rem);
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1;
}

.fe-lv2-datum__caption {
	color: var(--fe-lv2-muted);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

/* ── Wyszukiwanie i pasek narzędzi ───────────────────────────────────────── */

.fe-lv2--archive-redesign .fe-lv2-search { margin-top: 1.1rem; max-width: none; }
.fe-lv2--archive-redesign .fe-lv2-search > label { color: var(--fe-lv2-muted); }
.fe-lv2--archive-redesign .fe-lv2-search input { min-height: 48px; }

/* Lżejszy przycisk wysyłający zapytanie */
.fe-lv2--archive-redesign .fe-lv2-search > div:first-of-type button {
	background: var(--fe-lv2-orange-soft);
	color: #a64700 !important;
	min-height: 48px;
}

.fe-lv2--archive-redesign .fe-lv2-archive-toolbar { gap: .5rem; }

/*
 * Pasek narzędzi i chipy leżą wewnątrz <form class="fe-lv2-search">, a reguła
 * `.fe-lv2-search button` (pełna plama pomarańczu) jest bardziej szczegółowa niż
 * `.fe-lv2-chip` / `.fe-lv2-toolbar-btn`. Skutek: aktywne filtry wyglądały jak
 * trzy przyciski akcji, a nie jak zawężenia do zdjęcia. Poniżej wracają do
 * swojego wyglądu w zasięgu formularza.
 */
.fe-lv2--archive-redesign .fe-lv2-search .fe-lv2-toolbar-btn {
	align-items: center;
	background: #fff;
	border: 1px solid var(--fe-lv2-border);
	border-radius: 999px;
	color: var(--fe-lv2-navy) !important;
	display: inline-flex;
	font-size: .85rem;
	gap: .4rem;
	min-height: 44px;
	padding: .55rem 1rem;
}

.fe-lv2--archive-redesign .fe-lv2-search .fe-lv2-chip {
	background: var(--fe-lv2-orange-soft);
	border: 0;
	border-radius: 999px;
	color: #9d4300 !important;
	font-size: .8rem;
	min-height: 38px;
	padding: .3rem .75rem;
}

.fe-lv2--archive-redesign .fe-lv2-search .fe-lv2-chip--clear {
	background: transparent;
	border: 1px solid var(--fe-lv2-border);
	color: var(--fe-lv2-navy) !important;
}

/*
 * Reguła powyżej jest bardziej szczegółowa niż desktopowe ukrycie przycisku
 * filtrów (na dużym ekranie filtry stoją w szynie), więc powtarzamy je w tym
 * samym zasięgu — inaczej przycisk wracałby na desktopie.
 */
@media (min-width: 961px) {
	.fe-lv2--archive-redesign .fe-lv2-archive-toolbar [data-fe-filters-open] { display: none; }
}

.fe-lv2--archive-redesign .fe-lv2-toolbar-btn[aria-expanded="true"] { border-color: var(--fe-lv2-orange); }

/*
 * „Sortuj: Alfabetycznie" i select z tą samą wartością stały obok siebie, czyli
 * ta sama informacja dwa razy. Teraz podpis jest jedyną widoczną warstwą,
 * a natywny select leży przezroczysty na całej pigułce: klik otwiera systemową
 * listę, klawiatura działa jak wcześniej, a skrypt i tak trzyma podpis w zgodzie
 * z wybraną wartością.
 */
.fe-lv2--archive-redesign .fe-lv2-sort {
	background: #fff;
	border: 1px solid var(--fe-lv2-border);
	border-radius: 999px;
	min-height: 44px;
	padding: 0 1rem;
	position: relative;
}

/* Strzałka rysowana krawędziami, nie znakiem: nie zależy od tego, czy krój
   ma glif ▾ (w części krojów wychodziła pusta ramka). */
.fe-lv2--archive-redesign .fe-lv2-sort::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid var(--fe-lv2-muted);
	content: "";
	flex: 0 0 auto;
	margin-left: .15rem;
}

.fe-lv2--archive-redesign .fe-lv2-sort__label {
	color: var(--fe-lv2-navy);
	font-size: .85rem;
	font-weight: 750;
	white-space: nowrap;
}

.fe-lv2--archive-redesign .fe-lv2-sort select {
	border: 0;
	cursor: pointer;
	height: 100%;
	inset: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-sort:has(select:focus-visible) {
	outline: 3px solid var(--fe-lv2-orange);
	outline-offset: 3px;
}

/* Przycisk struktury katalogu był jedynym natywnym, niestylowanym przyciskiem
   w widoku — dostaje tę samą pigułkę co pasek narzędzi. */
.fe-lv2--archive-redesign .fe-lv2-tree-open {
	align-items: center;
	background: #fff;
	border: 1px solid var(--fe-lv2-border);
	border-radius: 999px;
	color: var(--fe-lv2-navy);
	cursor: pointer;
	font-size: .85rem;
	font-weight: 750;
	gap: .4rem;
	min-height: 44px;
	padding: .55rem 1rem;
}

/*
 * Na telefonie pole i przycisk wyszukiwania stały jeden pod drugim, więc
 * „Szukaj" rozlewał się w pomarańczową belkę na całą szerokość. Zostaje jeden
 * rząd: pole bierze resztę miejsca, przycisk tyle, ile potrzebuje.
 */
@media (max-width: 620px) {
	.fe-lv2--archive-redesign .fe-lv2-search > div:first-of-type {
		display: grid;
		gap: .5rem;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.fe-lv2--archive-redesign .fe-lv2-search input,
	.fe-lv2--archive-redesign .fe-lv2-search > div:first-of-type button {
		border-radius: 12px;
		width: auto;
	}

	.fe-lv2--archive-redesign .fe-lv2-search > div:first-of-type button { padding-inline: 1.1rem; }
}

/* ── Karty obszarów ──────────────────────────────────────────────────────── */

.fe-lv2--archive-redesign .fe-lv2-area-card {
	border-radius: 14px;
	box-shadow: none;
	display: grid;
	gap: .3rem;
	position: relative;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.fe-lv2--archive-redesign .fe-lv2-area-card,
.fe-lv2--archive-redesign .fe-lv2-child-grid article,
.fe-lv2--archive-redesign .fe-lv2-lesson-card {
	cursor: pointer;
	position: relative;
}

.fe-lv2--archive-redesign [data-fe-card-link]::after {
	border-radius: inherit;
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.fe-lv2--archive-redesign .fe-lv2-area-card:focus-within,
.fe-lv2--archive-redesign .fe-lv2-child-grid article:focus-within,
.fe-lv2--archive-redesign .fe-lv2-lesson-card:focus-within {
	outline: 3px solid var(--fe-lv2-orange);
	outline-offset: 3px;
}
/* Kreska w kolorze akcentu zamiast ciężkiego cienia pod każdą kartą. */
.fe-lv2--archive-redesign .fe-lv2-area-card::before {
	background: var(--fe-lv2-orange);
	border-radius: 999px;
	content: "";
	inset: 1rem auto 1rem 0;
	opacity: 0;
	position: absolute;
	transition: opacity .18s ease;
	width: 3px;
}

.fe-lv2--archive-redesign .fe-lv2-area-card:hover,
.fe-lv2--archive-redesign .fe-lv2-area-card:focus-within {
	border-color: #c6cfdb;
	box-shadow: 0 10px 24px rgba(20, 43, 74, .09);
	transform: translateY(-2px);
}

.fe-lv2--archive-redesign .fe-lv2-area-card:hover::before,
.fe-lv2--archive-redesign .fe-lv2-area-card:focus-within::before { opacity: 1; }

.fe-lv2--archive-redesign .fe-lv2-area-card h3 {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: .35rem .6rem;
	margin-bottom: 0;
}

.fe-lv2--archive-redesign .fe-lv2-area-card p {
	color: var(--fe-lv2-muted);
	font-size: .92rem;
	line-height: 1.5;
	margin: 0;
}

/* Licznik lekcji jako pigułka, nie dopisek po kropce w tytule. */
.fe-lv2--archive-redesign .fe-lv2-area-card .fe-lv2-area-count {
	background: var(--fe-lv2-orange-soft);
	border-radius: 999px;
	color: #9d4300;
	font-size: .74rem;
	padding: .18rem .55rem;
}

.fe-lv2--archive-redesign .fe-lv2-areas > h2,
.fe-lv2--archive-redesign .fe-lv2-content > section > h2 {
	margin-bottom: clamp(1.25rem, 2.4vw, 2rem);
}

.fe-lv2--archive-redesign .fe-lv2-content > section + section {
	margin-top: clamp(2.75rem, 5vw, 4.5rem);
}

/* ── Działy (kroki) i karty lekcji ───────────────────────────────────────── */

.fe-lv2--archive-redesign .fe-lv2-level-chips {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.4rem;
}

.fe-lv2--archive-redesign .fe-lv2-level-chips__label {
	color: var(--fe-lv2-muted);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .08em;
	margin-right: .25rem;
	text-transform: uppercase;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip {
	background: var(--fe-lv2-surface);
	border: 1px solid var(--fe-lv2-border);
	border-radius: 999px;
	color: var(--fe-lv2-deep);
	cursor: pointer;
	font-size: .85rem;
	font-weight: 700;
	line-height: 1;
	min-height: 40px;
	padding: .55rem 1.1rem;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip:hover {
	border-color: var(--fe-lv2-orange);
}

.fe-lv2--archive-redesign .fe-lv2-level-chip.is-active {
	background: var(--fe-lv2-orange);
	border-color: var(--fe-lv2-orange);
	color: #fff;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip.is-active:hover {
	filter: brightness(1.06);
}

.fe-lv2--archive-redesign .fe-lv2-child-grid article,
.fe-lv2--archive-redesign .fe-lv2-lesson-card {
	border-radius: 14px;
	box-shadow: none;
	min-height: 0;
	padding: clamp(1rem, 2.6vw, 1.5rem);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.fe-lv2--archive-redesign .fe-lv2-child-grid article:hover,
.fe-lv2--archive-redesign .fe-lv2-lesson-card:hover,
.fe-lv2--archive-redesign .fe-lv2-lesson-card:focus-within {
	border-color: #c6cfdb;
	box-shadow: 0 10px 24px rgba(20, 43, 74, .09);
	transform: translateY(-2px);
}

.fe-lv2--archive-redesign .fe-lv2-lesson-card h3 { font-size: 1.06rem; margin-bottom: .35rem; }
.fe-lv2--archive-redesign .fe-lv2-lesson-card h3 a { text-decoration: none; }

.fe-lv2--archive-redesign .fe-lv2-lesson-card > p {
	color: var(--fe-lv2-muted);
	font-size: .92rem;
	line-height: 1.5;
	margin: 0;
}

/* Poziomy sygnalizowane kolorem akcentu na górnej krawędzi karty. */
.fe-lv2--archive-redesign .fe-lv2-lesson-card[data-fe-level="beginner"] { border-top: 3px solid var(--fe-lv2-success); }
.fe-lv2--archive-redesign .fe-lv2-lesson-card[data-fe-level="intermediate"] { border-top: 3px solid var(--fe-lv2-orange); }
.fe-lv2--archive-redesign .fe-lv2-lesson-card[data-fe-level="advanced"] { border-top: 3px solid #b03a2e; }

/* Równe wysokości kart w rzędzie: opis przycinany do 3 linii na desktopie. */
.fe-lv2--archive-redesign .fe-lv2-lesson-card > p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* Meta jednym rzędem rozdzielonym kropkami zamiast rozstrzelonej listy. */
.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-meta {
	font-size: .8rem;
	gap: .3rem .5rem;
	margin: .75rem 0 .9rem;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-meta li + li::before {
	color: var(--fe-lv2-border);
	content: "·";
	margin-right: .5rem;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-badge {
	font-size: .68rem;
	letter-spacing: .04em;
	margin-bottom: .5rem;
	padding: .22rem .55rem;
	text-transform: uppercase;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-link { text-decoration: none; }

.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-link::after {
	content: " →";
	font-weight: 800;
}

.fe-lv2--archive-redesign .fe-lv2-child-grid article.fe-lv2-child-card {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.fe-lv2--archive-redesign .fe-lv2-child-count {
	background: var(--fe-lv2-orange-soft);
	border-radius: 999px;
	color: #9d4300;
	font-size: .74rem;
	padding: .18rem .55rem;
}

.fe-lv2--archive-redesign .fe-lv2-child-grid article.fe-lv2-child-card {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.fe-lv2--archive-redesign .fe-lv2-child-card .fe-lv2-badge { margin-bottom: .6rem; }

.fe-lv2--archive-redesign .fe-lv2-child-card h3 {
	font-size: 1.15rem;
	font-weight: 700;
	margin-bottom: .5rem;
	line-height: 1.3;
}

.fe-lv2--archive-redesign .fe-lv2-child-card > p {
	color: var(--fe-lv2-muted);
	font-size: .9rem;
	line-height: 1.5;
	margin: 0 0 1rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.fe-lv2--archive-redesign .fe-lv2-child-card .fe-lv2-link { display: none; }
.fe-lv2--archive-redesign .fe-lv2-child-card .fe-lv2-department-tile__action {
	color: var(--fe-lv2-orange, #d96722);
	font-size: 1.25rem;
	position: absolute;
	bottom: 1.25rem;
	right: 1.25rem;
	opacity: 0;
	transform: translateX(-10px);
	transition: all 0.2s ease;
}
.fe-lv2--archive-redesign .fe-lv2-child-card:hover .fe-lv2-department-tile__action {
	opacity: 1;
	transform: translateX(0);
}
.fe-lv2--archive-redesign .fe-lv2-child-card h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}


/* ── Struktura i filtry ──────────────────────────────────────────────────── */

.fe-lv2--archive-redesign .fe-lv2-tree { border-radius: 14px; }
.fe-lv2--archive-redesign .fe-lv2-counts { margin: 0 0 .9rem; }

/* Status nad filtrami poziomów: wiadomość z wynikami jest teraz samodzielnym
   wierszem między wyszukiwarką a chipami poziomów. */
.fe-lv2--archive-redesign .fe-lv2-archive-status {
	font-size: .88rem;
	font-weight: 650;
	margin: .9rem 0 .15rem;
}

/* ── Drzewo katalogu: gęstsza lista z licznikami i łamanymi tytułami ── */

.fe-lv2--archive-redesign .fe-lv2-tree h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fe-lv2--archive-redesign .fe-lv2-tree ul {
	margin: .1rem 0 .1rem .5rem;
	padding-left: .5rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree > ul { margin-left: 0; padding-left: 0; }

.fe-lv2--archive-redesign .fe-lv2-tree li {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree li > ul {
	flex: 0 0 100%;
	margin-left: .5rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree a {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	font-size: .92rem;
	font-weight: 600;
	gap: 0.75rem;
	line-height: 1.4;
	min-width: 0;
	padding: 0.65rem 0.85rem;
	border-radius: 999px;
	color: var(--fe-lv2-muted);
	transition: all 0.2s ease;
	margin-bottom: 0.25rem;
}
.fe-lv2--archive-redesign .fe-lv2-tree a:hover {
	background: var(--fe-lv2-surface-hover, #f1f5f9);
	color: var(--fe-lv2-deep);
}

.fe-lv2--archive-redesign .fe-lv2-tree-label {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

.fe-lv2--archive-redesign .fe-lv2-tree-count {
	background: var(--fe-lv2-orange-soft);
	border-radius: 999px;
	color: #9d4300;
	flex: 0 0 auto;
	font-size: .72rem;
	font-weight: 800;
	line-height: 1;
	min-width: 1.6rem;
	padding: .28rem .45rem;
	text-align: center;
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] { font-weight: 800; }

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-count {
	background: var(--fe-lv2-orange);
	color: #fff;
}

.fe-lv2--archive-redesign .fe-lv2-desktop-filters legend {
	color: var(--fe-lv2-muted);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.fe-lv2--archive-redesign .fe-lv2-filter-group { border: 0; margin: 0 0 .75rem; padding: 0; }

.fe-lv2--archive-redesign .fe-lv2-filter-group label {
	align-items: center;
	border-radius: 9px;
	display: flex;
	gap: .5rem;
	min-height: 40px;
	padding-inline: .35rem;
}

.fe-lv2--archive-redesign .fe-lv2-filter-group label:hover { background: var(--fe-lv2-cream); }
.fe-lv2--archive-redesign .fe-lv2-filter-group input { accent-color: var(--fe-lv2-orange); }

/* ── Desktop: winieta na dwie kolumny ────────────────────────────────────── */

@media (min-width: 800px) {
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact {
		align-items: start;
		grid-template-columns: minmax(0, 1fr);
	}

	.fe-lv2-datarow {
		border-left: 1px solid var(--fe-lv2-border);
		flex-direction: column;
		gap: .7rem;
		padding-left: 1.25rem;
	}

	.fe-lv2-datum { flex-direction: column; gap: .1rem; }
	.fe-lv2--archive-redesign .fe-lv2-search { max-width: 760px; }
}


/* Mobile lesson reader: one navigation system and a flat reading flow. */
.fe-lv2-section-next { display: none; }
.fe-lv2-reader-chrome__toc svg { fill: none; height: 22px; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; width: 22px; }
.fe-lv2-reader-sheet__content { max-height: calc(88vh - 64px); overflow-y: auto; overscroll-behavior: contain; }
.fe-lv2-reader-sheet__tools { border-top: 1px solid var(--fe-lv2-border); padding: .85rem .75rem max(1rem, env(safe-area-inset-bottom)); }
.fe-lv2-reader-sheet__tools h3 { color: var(--fe-lv2-muted); font-size: .72rem; letter-spacing: .09em; margin: .45rem .35rem .25rem; text-transform: uppercase; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list { max-height: none; padding: 0; }
.fe-lv2-reader-sheet__tools .fe-lv2-tools-list li { min-width: 0; }

@media (max-width: 960px) {
	.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact { padding-block: .75rem 1rem; }
	.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact .fe-lv2-eyebrow { margin: .7rem 0 .45rem; }
	.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact h1 { font-size: clamp(1.8rem, 7vw, 2.35rem); margin-bottom: .65rem; }
	.fe-lv2--reader-redesign .fe-lv2-meta--compact { font-size: .84rem; gap: .35rem .75rem; margin: 0 0 .7rem; }
	.fe-lv2--reader-redesign .fe-lv2-summary.is-clamped { -webkit-line-clamp: 2; font-size: 1rem; line-height: 1.5; margin: 0 0 .85rem; }
	.fe-lv2--reader-redesign .fe-lv2-actions--compact .fe-lv2-button { width: 100%; }
	.fe-lv2--reader-redesign .fe-lv2-tools-desktop,
	.fe-lv2--reader-redesign .fe-lv2-section-nav,
	.fe-lv2--reader-redesign .fe-lv2-lesson-tabs,
	.fe-lv2--reader-redesign .fe-lv2-section-actions--desktop { display: none !important; }
	.fe-lv2-reader--redesign .fe-lv2-lesson-section { padding: 1.75rem 0 .9rem; }
	.fe-lv2-reader--redesign .fe-lv2-lesson-section + .fe-lv2-lesson-section { margin-top: .5rem; }
	.fe-lv2-reader--redesign .fe-lv2-lesson-section > .fe-lv2-section-number { letter-spacing: .08em; margin: 0 0 .5rem; }
	.fe-lv2-reader--redesign .fe-lv2-lesson-section > h2 { margin: 0 0 .85rem; }
	.fe-lv2-reader--redesign .fe-lv2-prose p { margin-bottom: 1rem; }
	.fe-lv2-section-next { border-top: 1px solid var(--fe-lv2-border); display: block; margin-top: 1.25rem; padding-top: .9rem; }
	.fe-lv2-section-next a { align-items: center; color: var(--fe-lv2-navy); display: flex; font-weight: 800; gap: .35rem; justify-content: space-between; line-height: 1.35; min-height: 48px; text-decoration: none; }
	.fe-lv2-section-next a > span:first-child { color: var(--fe-lv2-orange); flex: 0 0 auto; }
	.fe-lv2-section-next .fe-lv2-lesson-next { background: transparent; color: var(--fe-lv2-navy); min-height: 48px; padding: 0; }
	.fe-lv2-reader-chrome__back { max-width: min(48vw, 220px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.fe-lv2-reader-chrome__toc { border-color: transparent; border-radius: 50%; }
	.fe-lv2-sheet { border-radius: 18px 18px 0 0; margin: auto auto 0; max-height: min(88vh, 760px); width: min(calc(100% - 16px), 560px); }
	.fe-lv2-sheet__header { background: #fff; position: sticky; top: 0; z-index: 2; }
	.fe-lv2-toc-list { max-height: none; padding: .65rem; }
	.fe-lv2-toc-list a { align-items: start; line-height: 1.35; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-grid { grid-template-columns: 1fr; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) { display: grid; gap: .35rem .85rem; grid-template-columns: minmax(0, 1fr); padding: .9rem; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row):has(.fe-lv2-lesson-card__cover) { grid-template-columns: 92px minmax(0, 1fr); }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) .fe-lv2-lesson-card__cover { grid-column: 1; grid-row: 1 / span 4; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) > :not(.fe-lv2-lesson-card__cover) { grid-column: -2 / -1; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row):not(:has(.fe-lv2-lesson-card__cover)) > * { grid-column: 1; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) h3 { display: -webkit-box; font-size: 1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; overflow: hidden; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) > p { display: -webkit-box; font-size: .84rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) .fe-lv2-meta { font-size: .75rem; margin: .35rem 0 0; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) .fe-lv2-link { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:not(.fe-lv2-lesson-row) .fe-lv2-badge { margin: 0 0 .1rem; width: max-content; }
}

/* Clinical atlas refresh: one visual language for library, catalog, node and reader. */
.fe-lv2--archive-redesign .fe-lv2-area-card__visual,
.fe-lv2--archive-redesign .fe-lv2-hero-visual {
	background: linear-gradient(135deg, #fff7f1 0%, var(--fe-lv2-orange-soft) 58%, #f3e6dc 100%);
	border-radius: 14px;
	overflow: hidden;
	position: relative;
}

.fe-lv2--archive-redesign .fe-lv2-area-card__visual {
	aspect-ratio: 16 / 9;
	margin: 0 0 1rem;
}

.fe-lv2--archive-redesign .fe-lv2-area-card__image {
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-hero-visual .fe-lv2-hero-image {
	height: 100%;
	margin: 0;
	object-fit: contain;
	object-position: center;
	width: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-visual .fe-lv2-hero-image {
	align-self: stretch;
	aspect-ratio: auto;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	grid-column: auto;
	grid-row: auto;
	max-height: none;
	object-fit: contain;
}

.fe-lv2-image-fallback {
	align-items: center;
	color: var(--fe-lv2-orange);
	display: none;
	font-size: .7rem;
	font-weight: 800;
	justify-content: center;
	letter-spacing: .14em;
	position: absolute;
	inset: 0;
	text-transform: uppercase;
}

.is-placeholder .fe-lv2-image-fallback { display: flex; }
.is-placeholder .fe-lv2-area-card__image,
.is-placeholder .fe-lv2-hero-image { display: none; }

.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-visual {
	align-self: center;
	aspect-ratio: auto;
	min-height: 0;
	max-height: 260px;
	border-radius: 12px;
	box-shadow: none;
	background: transparent;
	border: none;
	grid-column: 2;
	grid-row: 1 / 4;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero > .fe-lv2-hero-image { display: none; }

.fe-lv2--archive-redesign .fe-lv2-child-grid article.fe-lv2-child-card {
	background: var(--fe-lv2-surface, #fff);
	border: 1px solid var(--fe-lv2-border);
	border-radius: 16px;
	padding: 1.5rem;
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02);
	position: relative;
	gap: 0;
}
.fe-lv2--archive-redesign .fe-lv2-child-grid article.fe-lv2-child-card:hover {
	border-color: var(--fe-lv2-orange-soft);
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
	transform: translateY(-2px);
}

.fe-lv2--archive-redesign .fe-lv2-child-card h3 { font-size: clamp(1.06rem, 1.6vw, 1.25rem); }
.fe-lv2--archive-redesign .fe-lv2-child-card > p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-tree-lessons {
	border-left: 2px solid var(--fe-lv2-orange-soft);
	margin: .15rem 0 .35rem 1rem;
	padding-left: .45rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-tree-lesson-link {
	color: var(--fe-lv2-muted);
	font-size: .78rem;
	font-weight: 650;
	justify-content: flex-start;
	padding-block: .28rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-tree-lesson-link:hover {
	background: var(--fe-lv2-orange-soft);
	color: var(--fe-lv2-deep);
}

.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact {
	display: grid;
	gap: .3rem 2rem;
	grid-template-columns: minmax(0, 1fr);
	padding-block: clamp(1.5rem, 4vw, 3rem);
}

.fe-lv2--reader-redesign .fe-lv2-lesson-cover {
	align-self: start;
	background: var(--fe-lv2-orange-soft);
	border-radius: 18px;
	margin: 0 0 1rem;
	overflow: hidden;
}

.fe-lv2--reader-redesign .fe-lv2-lesson-cover__zoom {
	cursor: zoom-in;
	display: block;
	position: relative;
}

.fe-lv2--reader-redesign .fe-lv2-lesson-cover__zoom-label {
	background: rgba(12, 28, 47, .86);
	border-radius: 999px;
	bottom: .75rem;
	color: #fff;
	font-size: .78rem;
	font-weight: 800;
	padding: .4rem .7rem;
	position: absolute;
	right: .75rem;
}

.fe-lv2--reader-redesign .fe-lv2-lesson-cover img {
	display: block;
	height: auto;
	max-height: 420px;
	object-fit: contain;
	width: 100%;
}

.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact .fe-lv2-meta {
	border-top: 1px solid var(--fe-lv2-border);
	padding-top: .9rem;
}

@media (min-width: 800px) {
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero { grid-template-columns: minmax(0, 1fr) minmax(240px, 380px); }
	.fe-lv2--reader-redesign .fe-lv2-lesson-hero--compact:has(.fe-lv2-lesson-cover) { align-items: start; grid-template-columns: minmax(0, 1fr) minmax(320px, 480px); }
	.fe-lv2--reader-redesign .fe-lv2-lesson-hero__content { grid-column: 1; min-width: 0; }
	.fe-lv2--reader-redesign .fe-lv2-lesson-cover { grid-column: 2; grid-row: 1; margin: 0; }
}

@media (max-width: 799px) {
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero .fe-lv2-hero-visual { grid-column: 1; grid-row: 1; max-height: 240px; }
	.fe-lv2--reader-redesign .fe-lv2-lesson-cover { grid-row: 1; }
	.fe-lv2--reader-redesign .fe-lv2-lesson-hero__content { grid-row: 2; }
	.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-tree-lessons { margin-left: .65rem; }
}

@media (max-width: 420px) {
	.fe-lv2--archive-redesign .fe-lv2-lesson-card:has(.fe-lv2-lesson-card__cover) { grid-template-columns: 80px minmax(0, 1fr); }
}

/* Catalog polish: structured desktop navigation and a denser lesson index. */
.fe-lv2--archive-redesign .fe-lv2-archive-status { transition: opacity .2s ease; }
.fe-lv2--archive-redesign .fe-lv2-archive-status.is-faded { opacity: 0; }

.fe-lv2--archive-redesign .fe-lv2-tree-index {
	color: var(--fe-lv2-muted);
	flex: 0 0 1.8rem;
	font-size: .72rem;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	letter-spacing: .06em;
}

.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a {
	background: var(--fe-lv2-orange-soft, #fff7ed);
	color: var(--fe-lv2-orange, #d96722);
	font-weight: 700;
	box-shadow: none;
}
.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] {
	background: var(--fe-lv2-orange-soft, #fff7ed);
	color: var(--fe-lv2-orange, #d96722);
	font-weight: 700;
	box-shadow: none;
}

@media (min-width: 800px) {
	.fe-lv2--archive-redesign .fe-lv2-search--archive { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: .75rem; }
	.fe-lv2--archive-redesign .fe-lv2-search--archive > label,
	.fe-lv2--archive-redesign .fe-lv2-search--archive > .fe-lv2-active-filters { grid-column: 1 / -1; }
	.fe-lv2--archive-redesign .fe-lv2-search--archive > div:first-of-type { grid-column: 1; }
	.fe-lv2--archive-redesign .fe-lv2-search--archive .fe-lv2-archive-toolbar { align-self: end; grid-column: 2; grid-row: 2; margin-top: 0; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 961px) {
	.fe-lv2--archive-redesign .fe-lv2-tree { display: flex; flex-direction: column; overflow: hidden; padding: 0; }
	.fe-lv2--archive-redesign .fe-lv2-tree__header { flex: 0 0 auto; padding: 1rem 1rem .75rem; }
	.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: .15rem 1rem .75rem; }
	.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-desktop-filters { border-top: 1px solid var(--fe-lv2-border); flex: 0 0 auto; margin-top: 0; max-height: 32%; overflow-y: auto; padding: .75rem 1rem 1rem; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-link { align-self: flex-end; font-size: 0; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-card .fe-lv2-link::after { font-size: 1.1rem; }
}

@media (min-width: 1440px) {
	.fe-lv2--archive-redesign .fe-lv2-lesson-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	.fe-lv2--archive-redesign .fe-lv2-archive-toolbar { align-items: stretch; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.fe-lv2--archive-redesign .fe-lv2-archive-toolbar .fe-lv2-toolbar-btn,
	.fe-lv2--archive-redesign .fe-lv2-archive-toolbar .fe-lv2-sort { justify-content: center; min-width: 0; width: 100%; }
	.fe-lv2--archive-redesign .fe-lv2-page-head--compact { padding-bottom: .65rem; }
	.fe-lv2--archive-redesign .fe-lv2-sheet__header .fe-lv2-icon-btn { background: #f1f5f9; border-color: transparent; border-radius: 50%; color: var(--fe-lv2-navy); height: 40px; min-height: 40px; min-width: 40px; width: 40px; }
}

/* Catalog index refinement: clear columns, quiet dividers and one active row. */
.fe-lv2--archive-redesign .fe-lv2-tree__summary {
	color: var(--fe-lv2-muted);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	margin: .2rem 1rem .65rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] > ul { margin-top: 0; }

.fe-lv2--archive-redesign .fe-lv2-tree a {
	display: grid;
	gap: .7rem;
	grid-template-columns: 1.8rem minmax(0, 1fr) auto;
	padding: .62rem .5rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree li > a { border-bottom: 1px solid rgba(20, 43, 74, .1); }
.fe-lv2--archive-redesign .fe-lv2-tree li:last-child > a { border-bottom-color: transparent; }
.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-tree-index { grid-column: 1; }
.fe-lv2--archive-redesign .fe-lv2-tree-label { grid-column: 2; }
.fe-lv2--archive-redesign .fe-lv2-tree-count { grid-column: 3; }

.fe-lv2--archive-redesign .fe-lv2-tree a:hover { background: rgba(243, 126, 34, .08); }
.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] {
	background: var(--fe-lv2-orange-soft);
	border-bottom-color: transparent;
	box-shadow: inset 3px 0 0 var(--fe-lv2-orange);
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-label { font-weight: 800; }

.fe-lv2--archive-redesign .fe-lv2-desktop-filters > h3 {
	color: var(--fe-lv2-muted);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .1em;
	margin: 0 0 .6rem;
	text-transform: uppercase;
}

@media (min-width: 961px) {
	.fe-lv2--archive-redesign .fe-lv2-tree-close { display: none !important; }
	.fe-lv2--archive-redesign .fe-lv2-tree__header h2 { overflow: visible; text-overflow: clip; white-space: normal; }
	.fe-lv2--archive-redesign .fe-lv2-tree__header { border-bottom: 0; padding-bottom: 0; }
	.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] { border-top: 1px solid var(--fe-lv2-border); padding-top: .45rem; }
}

@media (max-width: 960px) {
	.fe-lv2--archive-redesign .fe-lv2-tree a { min-height: 46px; padding-block: .65rem; }
	.fe-lv2--archive-redesign .fe-lv2-tree__summary { margin-bottom: .5rem; }
}

/* Library cards stay quiet at rest; keyboard focus remains clearly visible. */
.fe-lv2--archive-redesign .fe-lv2-area-card:focus-within,
.fe-lv2--archive-redesign .fe-lv2-child-grid article:focus-within,
.fe-lv2--archive-redesign .fe-lv2-lesson-card:focus-within {
	box-shadow: none;
	outline: 0;
	transform: none;
}
.fe-lv2--archive-redesign .fe-lv2-area-card:focus-within::before { opacity: 0; }
.fe-lv2--archive-redesign .fe-lv2-area-card:hover::before { background: var(--fe-lv2-navy); }
.fe-lv2--archive-redesign .fe-lv2-area-card:has(a:focus-visible),
.fe-lv2--archive-redesign .fe-lv2-child-grid article:has(a:focus-visible),
.fe-lv2--archive-redesign .fe-lv2-lesson-card:has(a:focus-visible) {
	border-color: #aebfd1;
	outline: 3px solid var(--fe-lv2-navy);
	outline-offset: 3px;
}

html[data-fe-theme="dark"] .fe-lv2,
html[data-fe-theme="dark"] .fe-lv2-sheet.is-fallback-open {
	--fe-lv2-navy: var(--fe-text-strong);
	--fe-lv2-deep: #f0b88e;
	--fe-lv2-orange: #f0a36f;
	--fe-lv2-orange-soft: #392319;
	--fe-lv2-action-bg: #4c6e95;
	--fe-lv2-cream: var(--fe-page-bg);
	--fe-lv2-surface: var(--fe-surface);
	--fe-lv2-border: var(--fe-border);
}

html[data-fe-theme="dark"] .fe-lv2 {
	background: var(--fe-page-bg);
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-hero,
	.fe-lv2-page-head,
	.fe-lv2-catalog-card,
	.fe-lv2-area-card,
	.fe-lv2-child-grid article,
	.fe-lv2-lesson-card,
	.fe-lv2-tree,
	.fe-lv2-tree__header,
	.fe-lv2-sections,
	.fe-lv2-lesson-section,
	.fe-lv2-self-check,
	.fe-lv2-section-nav,
	.fe-lv2-search-results,
	.fe-lv2-empty,
	.fe-lv2-error,
	.fe-lv2-continue,
	.fe-lv2-reader-chrome,
	.fe-lv2-sheet,
	.fe-lv2-sheet__header,
	.fe-lv2-sheet__actions,
	.fe-lv2-toolbar-btn,
	.fe-lv2-search-filters select,
	.fe-lv2-sort select
) {
	background: var(--fe-lv2-surface) !important;
	border-color: var(--fe-lv2-border) !important;
	color: var(--fe-lv2-text);
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	input,
	select,
	textarea
) {
	background: var(--fe-input-bg);
	border-color: var(--fe-input-border);
	color: var(--fe-input-text);
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary a,
	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary button,
	.fe-lv2-toc-list a span
) {
	background: var(--fe-surface-sunken) !important;
	border-color: var(--fe-lv2-border) !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-tree a[aria-current="page"],
	.fe-lv2-sections a:is(.is-active, :hover),
	.fe-lv2-toc-list a:is(.is-active, :hover),
	.fe-lv2-chip,
	.fe-lv2-badge
) {
	background: var(--fe-lv2-orange-soft) !important;
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 45%, var(--fe-lv2-border)) !important;
	color: var(--fe-lv2-deep) !important;
}

html[data-fe-theme="dark"] .fe-lv2-reader-chrome {
	background: #141613 !important;
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-search button[type="submit"] {
	background: color-mix(in srgb, var(--fe-lv2-orange) 20%, transparent) !important;
	color: var(--fe-lv2-orange) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-search button[type="submit"]:is(:hover, :focus-visible) {
	background: color-mix(in srgb, var(--fe-lv2-orange) 30%, transparent) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-sort {
	background: var(--fe-lv2-surface) !important;
	border-color: var(--fe-lv2-border) !important;
	color: var(--fe-lv2-text) !important;
	color-scheme: dark;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-sort__label {
	color: var(--fe-lv2-text) !important;
}

html[data-fe-theme="dark"] .fe-lv2-search-results {
	background: var(--fe-lv2-surface) !important;
	border-color: var(--fe-lv2-border) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

html[data-fe-theme="dark"] .fe-lv2-search-results a {
	color: #e2d9cf !important;
}

html[data-fe-theme="dark"] .fe-lv2-search-results a:is(:hover, :focus-visible) {
	background: #392319 !important;
	color: #ffffff !important;
}

html[data-fe-theme="dark"] .fe-lv2-search-results mark,
html[data-fe-theme="dark"] .fe-lv2 mark {
	background: rgba(240, 163, 111, 0.32);
	border-radius: 4px;
	color: #ffffff !important;
	font-weight: 700;
	padding: 1px 4px;
}

html[data-fe-theme="dark"] .fe-lv2-search-results a:is(:hover, :focus-visible) mark {
	background: rgba(240, 163, 111, 0.48);
	color: #ffffff !important;
}

.fe-lv2--archive-redesign :is(.fe-lv2-lesson-card, .fe-lv2-child-card) {
	min-width: 0;
}

.fe-lv2--archive-redesign :is(.fe-lv2-lesson-card h3, .fe-lv2-child-card h3) {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
	overflow-wrap: anywhere;
	white-space: normal;
}

html[data-fe-theme="dark"] .fe-lv2-reader-chrome__track {
	background: var(--fe-surface-sunken);
}

/* Dark lesson controls use the same quiet hierarchy as the reader, not light pills. */
html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-actions--compact .fe-lv2-button {
	background: var(--fe-lv2-orange) !important;
	border: 1px solid color-mix(in srgb, var(--fe-lv2-orange) 72%, #ffffff) !important;
	color: #251d17 !important;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-actions--compact .fe-lv2-button:is(:hover, :focus-visible) {
	background: #f5b17f !important;
	border-color: #f9c399 !important;
	color: #201914 !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-open {
	background: var(--fe-surface-raised) !important;
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 32%, var(--fe-lv2-border)) !important;
	box-shadow: none;
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-open:is(:hover, :focus-visible) {
	background: #2a251f !important;
	border-color: var(--fe-lv2-orange) !important;
	color: var(--fe-lv2-deep) !important;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-chrome__back {
	align-items: center;
	background: var(--fe-surface-sunken);
	border: 1px solid var(--fe-lv2-border);
	border-radius: 999px;
	color: var(--fe-text-strong) !important;
	display: inline-flex;
	gap: .35rem;
	min-height: 36px;
	padding: .35rem .65rem;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-chrome__back > span {
	color: var(--fe-lv2-deep);
	font-size: 1.1em;
	line-height: 1;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-chrome__back:is(:hover, :focus-visible) {
	background: #2a251f;
	border-color: var(--fe-lv2-orange);
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-chrome__toc,
html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-section-nav [data-fe-toc-open] {
	background: #2a251f !important;
	border: 1px solid color-mix(in srgb, var(--fe-lv2-orange) 38%, var(--fe-lv2-border)) !important;
	border-radius: 10px;
	color: var(--fe-lv2-deep) !important;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-chrome__toc:is(:hover, :focus-visible),
html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-section-nav [data-fe-toc-open]:is(:hover, :focus-visible) {
	background: #34261d !important;
	border-color: var(--fe-lv2-orange) !important;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-sheet__tools {
	background: #191b18;
	border-color: var(--fe-lv2-border);
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary :is(a, button),
html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary :is(a, button) {
	background: #20221e !important;
	border: 1px solid var(--fe-lv2-border) !important;
	border-radius: 10px;
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary {
	border-color: var(--fe-lv2-border);
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-reader-sheet__tools .fe-lv2-tools-list :is(a, button):is(:hover, :focus-visible) {
	background: #2d241c !important;
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 52%, var(--fe-lv2-border)) !important;
	color: var(--fe-lv2-deep) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree {
	background: var(--fe-surface-raised) !important;
	border-color: var(--fe-lv2-border) !important;
	box-shadow: none;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree__header {
	background: #1b1d19 !important;
	border-bottom: 1px solid var(--fe-lv2-border) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree__summary {
	background: #20221e;
	border-bottom: 1px solid var(--fe-lv2-border);
	border-radius: 0;
	color: var(--fe-lv2-muted);
	margin: 0;
	padding: .6rem 1rem;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree li > a {
	border-bottom-color: color-mix(in srgb, var(--fe-lv2-border) 82%, transparent);
	color: var(--fe-text) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree a:is(:hover, [aria-current="page"]) {
	background: #34261d !important;
	box-shadow: none !important;
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-close {
	background: #2a251f;
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 38%, var(--fe-lv2-border));
	color: var(--fe-lv2-deep);
}

@media (min-width: 961px) {
	/* The library heading keeps the same document position in both themes. */
	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-page-head--compact {
		background: transparent !important;
		border: 0 !important;
		border-top: 2px solid var(--fe-lv2-orange) !important;
		border-radius: 0;
		padding: 1rem 0 1.1rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-page-head--compact {
		background: var(--fe-surface-raised) !important;
		border: 1px solid var(--fe-lv2-border);
		border-top-color: color-mix(in srgb, var(--fe-lv2-orange) 62%, var(--fe-lv2-border));
		border-radius: 18px;
		padding: clamp(1.25rem, 3vw, 2rem);
	}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-content > section + section {
		border-top: 1px solid color-mix(in srgb, var(--fe-lv2-border) 88%, transparent);
		margin-top: 2.5rem;
		padding-top: 2rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-child-grid article,
	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-card {
		border-top-color: color-mix(in srgb, var(--fe-lv2-orange) 48%, var(--fe-lv2-border)) !important;
		box-shadow: none;
	}
}

@media (max-width: 799px) {
	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-page-head--compact.is-hero {
		background: var(--fe-surface-raised) !important;
		border-top-color: color-mix(in srgb, var(--fe-lv2-orange) 62%, var(--fe-lv2-border)) !important;
	}
}

/* Keep lesson navigation and knowledge checks readable on dark surfaces. */
html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-lesson-tabs a,
	.fe-lv2-toc-list a,
	.fe-lv2-tools-list a,
	.fe-lv2-self-check legend,
	.fe-lv2-self-check label
) {
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-lesson-tabs a:is(:hover, :focus-visible),
html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-toc-list a.is-visited:not(.is-active) {
	color: var(--fe-lv2-deep) !important;
}

html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-self-check label:is(:hover, :focus-within) {
	background: var(--fe-surface);
}

html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-self-check input {
	accent-color: var(--fe-lv2-orange);
	color-scheme: dark;
}

html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-self-check [data-tone="success"] { color: #8ed9b4; }
html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-self-check [data-tone="error"] { color: #ffaaa1; }

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(
	.fe-lv2-tree-count,
	.fe-lv2-area-count,
	.fe-lv2-child-count
) {
	background: #4a2b20 !important;
	color: #ffd3b5 !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-count {
	background: var(--fe-lv2-orange) !important;
	color: #181b17 !important;
}

/* Ensure filter options, legends, active selections, chips and sheet controls are readable in dark mode */
html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-groups legend,
	.fe-lv2-desktop-filters legend,
	.fe-lv2-filter-group legend
) {
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-groups label,
	.fe-lv2-filter-group label,
	.fe-lv2-filter-group label span,
	.fe-lv2-desktop-filters label,
	.fe-lv2-desktop-filters label span
) {
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-groups label:hover,
	.fe-lv2-filter-group label:hover,
	.fe-lv2-desktop-filters label:hover
) {
	background: var(--fe-surface-hover) !important;
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-group label:has(input:checked),
	.fe-lv2-filter-groups label:has(input:checked),
	.fe-lv2-desktop-filters label:has(input:checked)
) {
	background: var(--fe-lv2-orange-soft) !important;
	border: 1px solid color-mix(in srgb, var(--fe-lv2-orange) 45%, var(--fe-lv2-border)) !important;
	color: #ffd3b5 !important;
	font-weight: 750;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-group label:has(input:checked) span,
	.fe-lv2-filter-groups label:has(input:checked) span,
	.fe-lv2-desktop-filters label:has(input:checked) span
) {
	color: #ffd3b5 !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-group label:has(input:checked) small,
	.fe-lv2-filter-groups label:has(input:checked) small,
	.fe-lv2-desktop-filters label:has(input:checked) small
) {
	color: #ffd3b5 !important;
	opacity: 0.85;
}

html[data-fe-theme="dark"] .fe-lv2 :is(
	.fe-lv2-filter-group label small,
	.fe-lv2-filter-groups .fe-lv2-area-count,
	.fe-lv2-desktop-filters label small
) {
	color: var(--fe-text) !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(.fe-lv2-filter-groups, .fe-lv2-filter-group, .fe-lv2-desktop-filters) input {
	accent-color: var(--fe-lv2-orange) !important;
	color-scheme: dark;
}

html[data-fe-theme="dark"] .fe-lv2-sheet,
html[data-fe-theme="dark"] .fe-lv2-sheet__header,
html[data-fe-theme="dark"] .fe-lv2-sheet__actions {
	background: var(--fe-surface-raised) !important;
	border-color: var(--fe-border) !important;
	color: var(--fe-text) !important;
}

html[data-fe-theme="dark"] .fe-lv2-sheet__header h2 {
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(.fe-lv2-text-btn, .fe-lv2-icon-btn) {
	background: var(--fe-surface) !important;
	border-color: var(--fe-border) !important;
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2-sheet__actions .fe-lv2-button {
	background: var(--fe-lv2-orange) !important;
	color: #181b17 !important;
	font-weight: 800 !important;
}

html[data-fe-theme="dark"] .fe-lv2 :is(.fe-lv2-chip, .fe-lv2-active-filters .fe-lv2-chip, .fe-lv2-search .fe-lv2-chip) {
	background: var(--fe-lv2-orange-soft) !important;
	border: 1px solid color-mix(in srgb, var(--fe-lv2-orange) 45%, var(--fe-lv2-border)) !important;
	color: #ffd3b5 !important;
}

html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-chip--clear {
	background: var(--fe-surface) !important;
	border-color: var(--fe-border) !important;
	color: var(--fe-text-strong) !important;
}

html[data-fe-theme="dark"] .fe-lv2-level-chip {
	background: var(--fe-surface) !important;
	border-color: var(--fe-border) !important;
	color: var(--fe-text) !important;
}

html[data-fe-theme="dark"] .fe-lv2-level-chip:hover {
	border-color: var(--fe-lv2-orange) !important;
	color: var(--fe-lv2-orange) !important;
}

html[data-fe-theme="dark"] .fe-lv2-level-chip.is-active {
	background: var(--fe-lv2-orange) !important;
	border-color: var(--fe-lv2-orange) !important;
	color: #181b17 !important;
	font-weight: 800 !important;
}

html[data-fe-theme="dark"] .fe-lv2 .fe-lv2-mobile-department-select {
	background: var(--fe-input-bg) !important;
	border-color: var(--fe-input-border) !important;
	color: var(--fe-input-text) !important;
	color-scheme: dark;
}

/* The desktop catalog follows the document scroll so every department stays reachable. */
@media (min-width: 961px) {
	.fe-lv2--archive-redesign .fe-lv2-tree {
		max-height: none;
		overflow: visible;
		position: static;
	}

	.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree],
	.fe-lv2--archive-redesign .fe-lv2-tree .fe-lv2-desktop-filters {
		max-height: none;
		overflow: visible;
	}
}

/* Desktop dark contents lists use quiet hierarchy instead of one continuous block. */
@media (min-width: 961px) {
	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] > ul > li + li {
		border-top: 1px solid color-mix(in srgb, var(--fe-lv2-border) 78%, transparent);
		margin-top: .3rem;
		padding-top: .3rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] > ul > li > ul {
		border-left: 1px solid color-mix(in srgb, var(--fe-lv2-orange) 24%, var(--fe-lv2-border));
		margin: .2rem 0 .45rem 1.35rem;
		padding: .1rem 0 .1rem .55rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] > ul > li > ul > li + li {
		border-top: 1px solid color-mix(in srgb, var(--fe-lv2-border) 66%, transparent);
	}

	html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-sections--desktop h2 {
		border-bottom: 1px solid color-mix(in srgb, var(--fe-lv2-orange) 28%, var(--fe-lv2-border));
		margin-bottom: .5rem;
		padding-bottom: .65rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-sections--desktop ol > li + li {
		border-top: 1px solid color-mix(in srgb, var(--fe-lv2-border) 74%, transparent);
		margin-top: .2rem;
		padding-top: .2rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-sections--desktop a:is(:hover, .is-active) {
		box-shadow: inset 2px 0 0 color-mix(in srgb, var(--fe-lv2-orange) 72%, transparent);
	}
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-list, .fe-lv2-lesson-list) {
	display: grid;
	gap: .75rem;
	grid-template-columns: minmax(0, 1fr);
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) {
	align-items: center;
	background: #fff;
	border: 1px solid var(--fe-lv2-border, #e2e8f0);
	border-radius: 12px;
	box-shadow: none;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2.2rem minmax(0, 1fr) auto;
	min-height: auto;
	padding: 1rem 1.25rem;
	position: relative;
	transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row):hover {
	background: #fff;
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 35%, var(--fe-lv2-border, #e2e8f0));
	box-shadow: 0 4px 12px rgba(0,0,0,0.04);
	transform: translateY(-2px);
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row):has(a:focus-visible) {
	border-color: var(--fe-lv2-navy);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--fe-lv2-navy) 22%, transparent);
	outline: 0;
	transform: none;
}

.fe-lv2--archive-redesign .fe-lv2-list-index {
	align-self: center;
	color: var(--fe-lv2-muted, #94a3b8);
	font-size: .82rem;
	font-variant-numeric: tabular-nums;
	font-weight: 750;
	letter-spacing: .05em;
	line-height: 1;
	text-align: center;
}

.fe-lv2--archive-redesign .fe-lv2-list-body { min-width: 0; }

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) .fe-lv2-list-body h3 {
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 .35rem;
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) .fe-lv2-list-body h3 a {
	color: var(--fe-lv2-navy);
	text-decoration: none;
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) .fe-lv2-list-body > p {
	color: var(--fe-lv2-muted);
	display: -webkit-box;
	font-size: .9rem;
	line-height: 1.5;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.fe-lv2--archive-redesign .fe-lv2-list-action {
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--fe-lv2-surface, #f8fafc);
	border: 1px solid var(--fe-lv2-border, #e2e8f0);
	color: var(--fe-lv2-muted, #94a3b8);
	display: inline-flex;
	font-size: 1.1rem;
	transition: all .2s ease;
	flex-shrink: 0;
}

.fe-lv2--archive-redesign .fe-lv2-list-action span {
	display: none !important;
}

.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row):hover .fe-lv2-list-action {
	background: var(--fe-lv2-orange-soft, #fff7ed);
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 45%, var(--fe-lv2-border, #e2e8f0));
	color: var(--fe-lv2-orange, #d96722);
	transform: translateX(3px);
}

.fe-lv2--archive-redesign .fe-lv2-department-row.fe-lv2-child-card {
	align-items: center;
	border-top: 1px solid var(--fe-lv2-border);
	display: grid;
	gap: clamp(.85rem, 2vw, 1.35rem);
}

.fe-lv2--archive-redesign .fe-lv2-department-row .fe-lv2-child-count {
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level] {
	border-top-color: var(--fe-lv2-border);
	border-top-width: 1px;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index { color: #94a3b8; }

.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-badge {
	display: inline-flex;
	margin: 0 0 .45rem;
	width: max-content;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta {
	font-size: .78rem;
	margin: .65rem 0 0;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row):hover {
	background: var(--fe-surface-raised) !important;
	border-color: color-mix(in srgb, var(--fe-lv2-orange) 46%, var(--fe-lv2-border)) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) .fe-lv2-list-body h3 a {
	color: var(--fe-text-strong);
}

@media (max-width: 700px) {
	.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) {
		align-items: start;
		gap: .45rem .8rem;
		grid-template-columns: 2.25rem minmax(0, 1fr);
		min-height: 96px;
		padding: .9rem;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) .fe-lv2-list-body {
		grid-column: 2;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row) .fe-lv2-list-action {
		grid-column: 2;
		justify-content: space-between;
		min-height: 24px;
		width: 100%;
	}

	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-action span { display: none; }
	.fe-lv2--archive-redesign :is(.fe-lv2-department-row, .fe-lv2-lesson-row):hover { transform: none; }
}

/* Navigation-first lesson library: compact root and two-pane archive explorer. */
.fe-lv2--archive-redesign .fe-lv2-library-head {
	align-items: center;
	display: grid;
	gap: 1.25rem 2rem;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 1.25rem 0 0.5rem;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 0 1.25rem 0;
	overflow: visible;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-head-main {
	min-width: 0;
	overflow: visible;
}

.fe-lv2--archive-redesign .fe-lv2-library-head h1 {
	font-size: clamp(2rem, 3.8vw, 2.75rem);
	font-weight: 800;
	line-height: 1.25;
	margin: .25rem 0 .4rem;
	color: var(--fe-lv2-navy, #0f172a);
	overflow: visible;
	letter-spacing: -.02em;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head h1 {
	color: var(--fe-text-strong, #f8fafc) !important;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-eyebrow {
	color: var(--fe-lv2-orange, #d96722);
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-head-main > p:last-child {
	color: var(--fe-lv2-muted, #64748b);
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-head-main > p:last-child {
	color: var(--fe-text-muted, #94a3b8) !important;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datarow {
	display: flex;
	gap: 2rem;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datarow {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15rem;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum__value {
	font-size: clamp(1.8rem, 3.2vw, 2.2rem);
	font-weight: 800;
	line-height: 1;
	color: var(--fe-lv2-navy, #0f172a);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum__value {
	color: var(--fe-text-strong, #f8fafc) !important;
}

.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum__caption {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--fe-lv2-muted, #64748b);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum__caption {
	color: var(--fe-text-muted, #94a3b8) !important;
}
.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-search--root { margin: .75rem 0 1rem; max-width: 680px; }
.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-areas { padding-top: .25rem; }
.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-areas > h2 { font-size: 1.15rem; margin: 0 0 .75rem; }

.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-grid {
	display: grid;
	gap: 1.15rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) h3 {
	margin-bottom: .75rem;
}

.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) > p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.fe-lv2--archive-redesign .fe-lv2-area-card.fe-lv2-area-card--compact {
	align-items: center;
	border-radius: 12px;
	display: grid;
	gap: .65rem;
	grid-template-columns: 54px minmax(0, 1fr);
	min-height: 92px;
	padding: .8rem;
}

.fe-lv2--archive-redesign .fe-lv2-area-card--compact .fe-lv2-area-card__visual {
	aspect-ratio: 1;
	border-radius: 10px;
	grid-column: 1;
	margin: 0;
	width: 54px;
}

.fe-lv2--archive-redesign .fe-lv2-area-card--compact h3 {
	align-content: center;
	display: grid;
	font-size: .94rem;
	gap: .3rem;
	grid-column: 2;
	line-height: 1.25;
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-area-card--compact .fe-lv2-area-count {
	justify-self: start;
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-continue {
	align-items: center;
	color: var(--fe-lv2-navy);
	display: grid;
	gap: .25rem 1rem;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin: .75rem 0;
	padding: .65rem .9rem;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fe-lv2--archive-redesign .fe-lv2-continue h2,
.fe-lv2--archive-redesign .fe-lv2-continue p { margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-continue h2 { color: var(--fe-lv2-orange); }
.fe-lv2--archive-redesign .fe-lv2-continue:is(:hover, :focus-visible) { background: var(--fe-lv2-orange-soft); border-color: var(--fe-lv2-orange); box-shadow: 0 8px 22px rgba(196, 91, 32, .14); color: var(--fe-lv2-navy); outline: 0; transform: translateY(-1px); }
.fe-lv2--archive-redesign .fe-lv2-continue:focus-visible { outline: 3px solid var(--fe-lv2-orange); outline-offset: 3px; }

.fe-lv2--archive-redesign .fe-lv2-explorer-head {
	align-items: center;
	display: grid;
	gap: .75rem 1.25rem;
	grid-template-columns: minmax(0, 1fr) 92px;
	margin: .35rem 0 .65rem;
	min-height: 108px;
	padding: .9rem 1rem;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-head-main { min-width: 0; }
.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-eyebrow { font-size: .7rem; margin: 0 0 .15rem; }
.fe-lv2--archive-redesign .fe-lv2-explorer-head h1 { font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.12; margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-head-description { color: var(--fe-lv2-muted); font-size: .9rem; line-height: 1.5; margin: .55rem 0 0; max-width: 720px; }

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-head-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .4rem .8rem;
	margin-top: .45rem;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-count { margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-visual {
	aspect-ratio: 1;
	border-radius: 12px;
	grid-column: 2;
	grid-row: 1;
	height: 82px;
	width: 82px;
}

.fe-lv2--archive-redesign .fe-lv2-about { color: var(--fe-lv2-muted); font-size: .8rem; position: relative; z-index: 3; }
.fe-lv2--archive-redesign .fe-lv2-about summary { color: var(--fe-lv2-muted); cursor: pointer; font-weight: 750; list-style: none; display: inline-flex; align-items: center; gap: 0.2rem; }
.fe-lv2--archive-redesign .fe-lv2-about summary::-webkit-details-marker { display: none; }
.fe-lv2--archive-redesign .fe-lv2-about summary::before { content: '▾'; color: var(--fe-lv2-orange); font-size: 1.1em; }
.fe-lv2--archive-redesign .fe-lv2-about[open] summary::before { content: '▴'; }
.fe-lv2--archive-redesign .fe-lv2-about p { background: var(--fe-lv2-surface); border: 1px solid var(--fe-lv2-border); border-radius: 10px; box-shadow: 0 12px 30px rgba(15,39,71,.12); left: 0; margin: .4rem 0 0; max-width: min(620px, 80vw); padding: .75rem; position: absolute; top: 100%; width: max-content; }

.fe-lv2--archive-redesign .fe-lv2-explorer-controls {
	align-items: end;
	display: grid;
	gap: .35rem 1rem;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: .65rem;
	position: relative;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive {
	display: grid;
	gap: .5rem;
	grid-column: 1;
	grid-row: 1;
	grid-template-columns: minmax(240px, 1fr) auto;
	margin: 0;
	max-width: 760px;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive > label {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive > div:first-of-type { grid-column: 1; }
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-toolbar { grid-column: 2; grid-row: 1; margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-active-filters { grid-column: 1 / -1; }
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chips { grid-column: 2; grid-row: 1; margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chip { min-height: 36px; padding: .45rem .75rem; }
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chips__label { display: none; }
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-status { grid-column: 1 / -1; margin: 0; min-height: 1rem; }

.fe-lv2--archive-redesign .fe-lv2-department-picker { display: none; }

.fe-lv2-mobile-department-select-wrapper { display: none; margin-top: 1rem; width: 100%; position: relative; }
.fe-lv2-mobile-department-select-wrapper::after { content: '▾'; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--fe-lv2-text); font-size: 1.2rem; }
.fe-lv2-mobile-department-select { appearance: none; background: #fff; border: 1px solid var(--fe-lv2-border); border-radius: 8px; color: var(--fe-lv2-text); font-family: inherit; font-size: .9rem; font-weight: 700; padding: .65rem 2.5rem .65rem 1rem; width: 100%; cursor: pointer; }
.fe-lv2-mobile-department-select:focus { border-color: var(--fe-lv2-orange); outline: 2px solid rgba(230, 110, 40, .2); }
html[data-fe-theme="dark"] .fe-lv2-mobile-department-select { background: var(--fe-surface-raised); border-color: var(--fe-border); color: var(--fe-text-strong); }
html[data-fe-theme="dark"] .fe-lv2-mobile-department-select-wrapper::after { color: var(--fe-text-strong); }
@media (max-width: 960px) { .fe-lv2-mobile-department-select-wrapper { display: block; } }
.fe-lv2--archive-redesign .fe-lv2-explorer {
	align-items: start;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(270px, 310px) minmax(0, 1fr);
}

.fe-lv2--archive-redesign .fe-lv2-explorer .fe-lv2-tree {
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 140px);
	min-height: auto;
	overflow: hidden;
	padding: 1.25rem;
	position: sticky;
	top: calc(90px + var(--wp-admin--admin-bar--height, 0px));
	background: var(--fe-surface, #ffffff);
	border: 1px solid var(--fe-border, #e2e8f0);
	box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.fe-lv2--archive-redesign .fe-lv2-tree__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	margin: 0 0 0.85rem 0;
	border: none;
}
.fe-lv2--archive-redesign .fe-lv2-tree__header > div > span {
	color: var(--fe-text-muted, #94a3b8);
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fe-lv2--archive-redesign .fe-lv2-tree__header h2 {
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--fe-text-strong, #0f172a);
	margin: 0.15rem 0 0;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-select {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 0;
	margin: 0 0 0.85rem 0;
}
.fe-lv2--archive-redesign .fe-lv2-catalog-select > span {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--fe-text-muted, #64748b);
	display: block;
}
.fe-lv2--archive-redesign .fe-lv2-catalog-select select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	background: var(--fe-surface-sunken, #f8fafc);
	border: 1px solid var(--fe-border, #e2e8f0);
	border-radius: 8px;
	padding: 0.55rem 2rem 0.55rem 0.85rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--fe-text-strong, #1e293b);
	cursor: pointer;
	height: 40px;
	margin: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 14px 14px;
}

.fe-lv2--archive-redesign .fe-lv2-tree__summary { display: none; }
.fe-lv2--archive-redesign .fe-lv2-tree-search {
	display: block;
	padding: 0;
	margin: 0 0 0.85rem 0;
	position: relative;
}
.fe-lv2--archive-redesign .fe-lv2-tree-search::before {
	content: "";
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-color: var(--fe-text-muted, #94a3b8);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;
	pointer-events: none;
}
.fe-lv2--archive-redesign .fe-lv2-tree-search input {
	background: var(--fe-surface-sunken, #f8fafc);
	border: 1px solid var(--fe-border, #e2e8f0);
	border-radius: 8px;
	color: var(--fe-text, #1e293b);
	font-size: 0.85rem;
	height: 40px;
	padding: 0.55rem 0.85rem 0.55rem 2.25rem;
	width: 100%;
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] {
	border: none !important;
	border-top: none !important;
	padding: 0 !important;
	margin: 0;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	max-height: calc(100vh - 420px);
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}
.fe-lv2--archive-redesign .fe-lv2-tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.fe-lv2--archive-redesign .fe-lv2-tree a {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.45rem 0.55rem;
	border-radius: 8px;
	font-size: 0.84rem;
	min-height: 38px;
	border-left: none;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}
.fe-lv2--archive-redesign .fe-lv2-tree a:hover {
	background: var(--fe-surface-sunken, #f8fafc);
}
.fe-lv2--archive-redesign .fe-lv2-tree-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 22px;
	padding: 0 5px;
	border-radius: 6px;
	background: var(--fe-surface-sunken, #f1f5f9);
	border: 1px solid var(--fe-border, #e2e8f0);
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--fe-text-muted, #64748b);
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
}
.fe-lv2--archive-redesign .fe-lv2-tree-label {
	flex: 1 1 auto;
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--fe-text, #334155);
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fe-lv2--archive-redesign .fe-lv2-tree-count {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--fe-text-muted, #94a3b8);
	background: transparent;
	padding: 0;
	border-radius: 0;
	margin-left: auto;
	flex-shrink: 0;
}
.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"],
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a {
	background: var(--fe-surface-sunken, #f1f5f9);
}
.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-label,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-label {
	font-weight: 700;
	color: var(--fe-text-strong, #0f172a);
}
.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-index,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-index {
	background: #ffffff;
	color: var(--fe-text-strong, #0f172a);
	border-color: #cbd5e1;
}
.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-count,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-count {
	color: var(--fe-text-strong, #0f172a);
	background: transparent;
}
.fe-lv2--archive-redesign .fe-lv2-tree-empty { color: var(--fe-lv2-muted); font-size: .82rem; margin: .75rem 0; }
.fe-lv2--archive-redesign :is([data-fe-archive-welcome], [data-fe-tree-empty], [data-fe-archive-lessons], [data-fe-archive-children], [data-fe-archive-tree] li)[hidden] { display: none !important; }

.fe-lv2--archive-redesign .fe-lv2-explorer-welcome {
	align-items: center;
	background: var(--fe-lv2-surface);
	border: 1px dashed var(--fe-lv2-border);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 300px;
	padding: 2rem;
	text-align: center;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-welcome__icon { color: var(--fe-lv2-orange); font-size: 1.6rem; }
.fe-lv2--archive-redesign .fe-lv2-explorer-welcome h2 { margin: .5rem 0 .25rem; }
.fe-lv2--archive-redesign .fe-lv2-explorer-welcome p { color: var(--fe-lv2-muted); margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-welcome-picker { display: none; }

.fe-lv2--archive-redesign .fe-lv2-explorer-departments { margin-top: .9rem; }
.fe-lv2--archive-redesign .fe-lv2-explorer-departments .fe-lv2-child-grid {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.fe-lv2--archive-redesign .fe-lv2-department-tile {
	align-items: center;
	border-top: 3px solid var(--fe-lv2-orange);
	display: grid;
	gap: .35rem .65rem;
	grid-template-columns: 2rem minmax(0, 1fr) auto;
	min-height: 96px;
	padding: .85rem .95rem;
}

.fe-lv2--archive-redesign .fe-lv2-department-tile__index {
	align-self: start;
	color: var(--fe-lv2-orange);
	font-size: .72rem;
	font-variant-numeric: tabular-nums;
	font-weight: 850;
	grid-column: 1;
	grid-row: 1 / -1;
	padding-top: .15rem;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row {
	align-items: start;
	background: var(--fe-lv2-surface, #fff);
	border: 1px solid var(--fe-lv2-border);
	border-radius: 16px;
	display: grid;
	gap: 1rem;
	grid-template-columns: 3rem minmax(0, 1fr);
	padding: 1.25rem;
	transition: all 0.2s ease;
	position: relative;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02);
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row:hover {
	border-color: var(--fe-lv2-orange-soft);
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
	transform: translateY(-2px);
}
/* Make the entire card clickable by expanding the link */
.fe-lv2--archive-redesign .fe-lv2-lesson-row h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index {
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 1;
	transition: opacity 0.2s ease, color 0.2s ease;
}

/* Neutral index numbers by default so they aren't confused with completion status */
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index,
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level] .fe-lv2-list-index {
	color: #94a3b8;
	opacity: 0.85;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row:hover .fe-lv2-list-index {
	opacity: 1;
	color: #64748b;
}

/* Status-based index colors: only completed lessons are green */
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="completed"] .fe-lv2-list-index {
	color: #16a34a !important;
	opacity: 1 !important;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="in-progress"] .fe-lv2-list-index {
	color: #ea580c !important;
	opacity: 1 !important;
}

/* Card status styling: Completed */
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="completed"] {
	border-color: #86efac;
	background: #f8fdf9;
}
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="completed"] {
	border-color: rgba(34, 197, 94, 0.4);
	background: rgba(34, 197, 94, 0.06);
}

/* Card status styling: In progress */
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="in-progress"] {
	border-color: #fed7aa;
	background: #fffbf6;
}
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="in-progress"] {
	border-color: rgba(234, 88, 12, 0.4);
	background: rgba(234, 88, 12, 0.06);
}

/* Status badges */
.fe-lv2-status-badge {
	font-size: 0.72rem;
	font-weight: 700;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	line-height: 1.2;
	margin-bottom: 0.4rem;
}
.fe-lv2-status-badge--completed {
	background: #dcfce7;
	color: #15803d;
	border: 1px solid #86efac;
}
html[data-fe-theme="dark"] .fe-lv2-status-badge--completed {
	background: rgba(34, 197, 94, 0.2);
	color: #4ade80;
	border-color: rgba(34, 197, 94, 0.4);
}
.fe-lv2-status-badge--in-progress {
	background: #ffedd5;
	color: #c2410c;
	border: 1px solid #fed7aa;
}
html[data-fe-theme="dark"] .fe-lv2-status-badge--in-progress {
	background: rgba(234, 88, 12, 0.2);
	color: #fb923c;
	border-color: rgba(234, 88, 12, 0.4);
}

/* Lesson row favorite action */
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__card-form {
	align-self: center;
	display: inline-flex;
	margin: 0;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__favorite-btn {
	background: transparent;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	padding: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	transition: color 0.15s ease, transform 0.15s ease;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__favorite-btn:hover {
	color: #ef4444;
	transform: scale(1.1);
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__favorite-btn[aria-pressed="true"] {
	color: #ef4444;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__favorite-btn[aria-pressed="true"] svg {
	fill: #ef4444;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-body h3 { font-size: 1.1rem; line-height: 1.35; margin: 0 0 0.65rem; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	font-size: 0.72rem;
	margin: 0;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li {
	background: var(--fe-lv2-cream, #f8f9fa);
	border: 1px solid var(--fe-lv2-border);
	border-radius: 6px;
	color: var(--fe-lv2-muted);
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.25rem 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 700;
}

/* Małe oznaczenia (chipy) poziomu trudności lekcji */
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="beginner"] .fe-lv2-meta li:first-child,
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="podstawowy"] .fe-lv2-meta li:first-child,
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--beginner,
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--podstawowy {
	background: #ecfdf5;
	border-color: #a7f3d0;
	color: #047857;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="intermediate"] .fe-lv2-meta li:first-child,
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="sredni"] .fe-lv2-meta li:first-child,
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--intermediate,
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--sredni {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #c2410c;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="advanced"] .fe-lv2-meta li:first-child,
.fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="zaawansowany"] .fe-lv2-meta li:first-child,
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--advanced,
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--zaawansowany {
	background: #fef2f2;
	border-color: #fecaca;
	color: #b91c1c;
}

/* Ciemny motyw dla małego oznaczenia poziomu trudności */
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="beginner"] .fe-lv2-meta li:first-child,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="podstawowy"] .fe-lv2-meta li:first-child,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--beginner,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--podstawowy {
	background: rgba(16, 185, 129, 0.15) !important;
	border-color: rgba(16, 185, 129, 0.35) !important;
	color: #34d399 !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="intermediate"] .fe-lv2-meta li:first-child,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="sredni"] .fe-lv2-meta li:first-child,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--intermediate,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--sredni {
	background: rgba(249, 115, 22, 0.15) !important;
	border-color: rgba(249, 115, 22, 0.35) !important;
	color: #fb923c !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="advanced"] .fe-lv2-meta li:first-child,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level="zaawansowany"] .fe-lv2-meta li:first-child,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--advanced,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li.fe-lv2-meta-level--zaawansowany {
	background: rgba(239, 68, 68, 0.15) !important;
	border-color: rgba(239, 68, 68, 0.35) !important;
	color: #f87171 !important;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-action { display: none; }

.fe-lv2--archive-redesign .fe-lv2-department-tile h3 {
	font-size: .95rem;
	grid-column: 2;
	line-height: 1.3;
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-department-tile .fe-lv2-department-tile__desc {
	color: var(--fe-lv2-muted, #64748b);
	display: -webkit-box;
	font-size: .8rem;
	grid-column: 2;
	line-height: 1.35;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.fe-lv2--archive-redesign .fe-lv2-department-tile .fe-lv2-child-count {
	font-size: .68rem;
	grid-column: 2;
	justify-self: start;
	margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-department-tile__action {
	align-self: center;
	color: var(--fe-lv2-orange);
	font-size: 1.25rem;
	font-weight: 850;
	grid-column: 3;
	grid-row: 1 / -1;
}

.fe-lv2--archive-redesign .fe-lv2-content > section > h2 { font-size: 1.2rem; margin: .25rem 0 .65rem; }
.fe-lv2--archive-redesign .fe-lv2-lesson-list { gap: .5rem; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row {
	gap: .75rem;
	grid-template-columns: 2.25rem minmax(0, 1fr) auto;
	min-height: 70px;
	padding: .7rem .85rem;
}

.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index { padding-top: .25rem; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-body h3 { font-size: .95rem; line-height: 1.3; margin: 0; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta { font-size: .72rem; margin: .35rem 0 0; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-action { font-size: .72rem; }

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-about p,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-explorer-welcome,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-catalog-select select,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-search input {
	background: var(--fe-surface-raised) !important;
	border-color: var(--fe-lv2-border) !important;
	color: var(--fe-text-strong) !important;
}

/* Ciemny motyw - Domyślny neutralny index */
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="not-started"] .fe-lv2-list-index,
html[data-fe-theme="dark"] .fe-lv2-list-index[data-fe-status="not-started"] {
	color: #64748b !important;
	opacity: 0.85 !important;
}
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row:hover .fe-lv2-list-index,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="not-started"]:hover .fe-lv2-list-index {
	opacity: 1 !important;
	color: #94a3b8 !important;
}

/* Ciemny motyw - Rozpoczęte: pomarańczowy */
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="in-progress"] .fe-lv2-list-index,
html[data-fe-theme="dark"] .fe-lv2-list-index[data-fe-status="in-progress"] {
	color: #fb923c !important;
	opacity: 1 !important;
}
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="in-progress"]:hover .fe-lv2-list-index {
	opacity: 1 !important;
}

/* Ciemny motyw - Ukończone: zielony */
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="completed"] .fe-lv2-list-index,
html[data-fe-theme="dark"] .fe-lv2-list-index[data-fe-status="completed"] {
	color: #4ade80 !important;
	opacity: 1 !important;
}
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-status="completed"]:hover .fe-lv2-list-index {
	opacity: 1 !important;
}

html[data-fe-theme="dark"] .fe-lv2-sections a.is-visited span,
html[data-fe-theme="dark"] .fe-lv2-toc-list a.is-visited span {
	color: #34d399 !important;
	font-weight: 800;
}

html[data-fe-theme="dark"] .fe-lv2-sections a.is-visited,
html[data-fe-theme="dark"] .fe-lv2-toc-list a.is-visited {
	color: #a7f3d0 !important;
}

html[data-fe-theme="dark"] .fe-lv2-sections a.is-active,
html[data-fe-theme="dark"] .fe-lv2-toc-list a.is-active {
	background: #382419 !important;
	color: #fed7aa !important;
	font-weight: 800;
}

html[data-fe-theme="dark"] .fe-lv2-sections a.is-active span,
html[data-fe-theme="dark"] .fe-lv2-toc-list a.is-active span {
	color: #fb923c !important;
}

html[data-fe-theme="dark"] .fe-lv2-sections a:not(.is-visited):not(.is-active) span,
html[data-fe-theme="dark"] .fe-lv2-toc-list a:not(.is-visited):not(.is-active) span {
	color: #94a3b8 !important;
}

html[data-fe-theme="dark"] .fe-lv2-sections a:not(.is-visited):not(.is-active),
html[data-fe-theme="dark"] .fe-lv2-toc-list a:not(.is-visited):not(.is-active) {
	color: #cbd5e1 !important;
}

@media (min-width: 961px) {
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-explorer { grid-template-columns: minmax(0, 1fr); }
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-tree { display: none !important; }
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-about { display: none; }
}

@media (max-width: 960px) {
	.fe-lv2--archive-redesign .fe-lv2-library-head { display: block; margin-top: .65rem; padding-block: .65rem; }
	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datarow { margin-top: .5rem; }
	.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-grid { gap: 1rem; grid-template-columns: minmax(0, 1fr); }
	.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) { padding: .85rem; }
	.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) .fe-lv2-area-card__visual { margin-bottom: .8rem; }
	.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) h3 { font-size: 1.05rem; margin-bottom: .55rem; }
	.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-area-card:not(.fe-lv2-area-card--compact) > p { font-size: .86rem; -webkit-line-clamp: 2; }
	.fe-lv2--archive-redesign .fe-lv2-area-card.fe-lv2-area-card--compact { grid-template-columns: 42px minmax(0, 1fr); min-height: 92px; padding: .65rem; }
	.fe-lv2--archive-redesign .fe-lv2-area-card--compact .fe-lv2-area-card__visual { width: 42px; }
	.fe-lv2--archive-redesign .fe-lv2-area-card--compact h3 { font-size: .85rem; }
	.fe-lv2--archive-redesign .fe-lv2-continue { grid-template-columns: 1fr auto; }
	.fe-lv2--archive-redesign .fe-lv2-continue h2 { grid-column: 1 / -1; }

	.fe-lv2--archive-redesign .fe-lv2-explorer-head { border-top: 2px solid var(--fe-lv2-orange); display: block; margin: .2rem 0 .6rem; min-height: 0; padding: .8rem .85rem; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-visual { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-head h1 { font-size: clamp(1.4rem, 6vw, 1.85rem); }
	.fe-lv2--archive-redesign .fe-lv2-head-description { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-about p { max-width: calc(100vw - 56px); width: calc(100vw - 56px); }
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-explorer-head { align-items: center; display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr) 78px; }
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-explorer-head .fe-lv2-hero-visual { display: block; grid-column: 2; grid-row: 1; height: 72px; width: 78px; }

	.fe-lv2--archive-redesign .fe-lv2-explorer-controls { display: block; margin-bottom: .35rem; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive { display: grid; grid-template-columns: minmax(0, 1fr) auto; max-width: none; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive > div:first-of-type { grid-column: 1; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-toolbar { grid-column: 2; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-toolbar [data-fe-filters-open] { display: inline-flex; min-height: 44px; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-sort { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chips { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-status { margin: .2rem 0 0; min-height: 0; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-status:empty { display: none; }

	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-tree { display: flex !important; }
	.fe-lv2--archive-redesign .fe-lv2-explorer,
	.fe-lv2--archive-redesign .fe-lv2-layout,
	.fe-lv2--archive-redesign .fe-lv2-layout.fe-lv2-explorer {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-list,
	.fe-lv2--archive-redesign .fe-lv2-lesson-grid {
		width: 100% !important;
		max-width: 100% !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-explorer .fe-lv2-tree { border-radius: 0; display: flex; max-height: none; min-height: 0; position: fixed; top: 0; }
	.admin-bar .fe-lv2--archive-redesign .fe-lv2-explorer .fe-lv2-tree { top: 46px; }
	.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
	.fe-lv2--archive-redesign .fe-lv2-tree a { min-height: 46px; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-welcome { display: none !important; }

	.fe-lv2--archive-redesign .fe-lv2-content > section > h2 { font-size: 1.05rem; margin: .25rem 0 .5rem; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-row {
		align-items: center !important;
		box-sizing: border-box !important;
		display: grid !important;
		gap: .35rem .65rem !important;
		grid-template-columns: 2rem minmax(0, 1fr);
		min-height: 52px !important;
		padding: .5rem .65rem !important;
		width: 100% !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row:has(.fe-user-library__card-form) {
		grid-template-columns: 2rem minmax(0, 1fr) auto !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index {
		align-items: center;
		display: flex;
		font-size: 1.25rem;
		font-weight: 800;
		grid-column: 1 !important;
		grid-row: 1 !important;
		justify-content: center;
		padding: 0;
		width: 2rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-body {
		grid-column: 2 !important;
		grid-row: 1 !important;
		min-width: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-body h3 {
		font-size: .92rem;
		font-weight: 700;
		line-height: 1.25;
		margin: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta {
		gap: .2rem .35rem;
		margin-top: .25rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li {
		font-size: .62rem;
		line-height: 1;
		min-height: 20px;
		padding: .18rem .35rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-status-badge {
		display: inline-block;
		font-size: .62rem;
		margin-bottom: .2rem;
		padding: .15rem .4rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row :is(.fe-user-library__card-form, .fe-lv2-list-action) {
		grid-column: 3 !important;
		grid-row: 1 !important;
		align-self: center !important;
		justify-self: end !important;
		margin: 0 !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__favorite-btn {
		width: 32px !important;
		height: 32px !important;
		padding: 5px !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-action { display: none; }
}

@media (max-width: 420px) {
	.fe-lv2--archive-redesign .fe-lv2-archive-root .fe-lv2-search--root { margin-block: .5rem .75rem; }
	.fe-lv2--archive-redesign .fe-lv2-area-card.fe-lv2-area-card--compact { grid-template-columns: 34px minmax(0, 1fr); min-height: 82px; }
	.fe-lv2--archive-redesign .fe-lv2-area-card--compact .fe-lv2-area-card__visual { width: 34px; }
	.fe-lv2--archive-redesign .fe-lv2-area-card--compact h3 { font-size: .78rem; }
	.fe-lv2--archive-redesign .fe-lv2-area-card--compact .fe-lv2-area-count { font-size: .64rem; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-eyebrow { display: none; }
	.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-head-meta { margin-top: .3rem; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-action > span { display: none; }
}


/* System artwork in lesson catalog area cards */
.fe-lv2--archive-redesign .fe-lv2-area-card__visual .fe-lv2-area-card__image {
	object-fit: contain;
	object-position: center;
	padding: clamp(.25rem, .8vw, .5rem);
}

/* Final cascade: the catalog uses the full hero and cards, while node pages
   retain the compact two-pane explorer declared above. */
.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-explorer { display: block; }
.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-tree { display: none !important; }
.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-content { width: 100%; }
.fe-lv2--archive-redesign [data-fe-archive-view="catalog"][data-fe-archive-filtering="0"] :is(.fe-lv2-archive-toolbar, .fe-lv2-level-chips) { display: none; }
.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-child-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 960px) {
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-child-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-child-grid { grid-template-columns: minmax(0, 1fr); }
}

/* --- COMPACT HEAD / CATALOG HERO SYSTEM --- */
.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head.fe-lv2-catalog-hero) {
    background: #F8F5F0;
    border: 1px solid var(--fe-lv2-border, #e2e8f0);
    border-radius: 16px;
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
    align-items: center;
    gap: 1.5rem clamp(1.5rem, 2.5vw, 2.5rem);
    margin: 0.75rem 0 1.5rem 0;
    min-height: auto;
    overflow: visible;
}

@media (max-width: 960px) {
    .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head.fe-lv2-catalog-hero) {
        grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
        gap: 1.25rem;
        padding: 1.25rem;
    }
}

@media (max-width: 700px) {
    .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head.fe-lv2-catalog-hero) {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1.25rem 1rem;
        margin: 0.5rem 0 1rem 0;
    }
    .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head) .fe-lv2-hero-visual {
        grid-column: 1 !important;
        grid-row: 1 !important;
        max-height: 200px !important;
        max-width: 300px !important;
        justify-self: center !important;
    }
    .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head) .fe-lv2-head-main {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
    .fe-lv2--archive-redesign .fe-lv2-page-head--compact:not(.fe-lv2-library-head):not(.fe-lv2-catalog-hero):not(.is-hero) .fe-lv2-hero-visual {
        display: none;
    }
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head.fe-lv2-catalog-hero) {
    background: var(--fe-surface-raised, #1e293b) !important;
    border-color: var(--fe-border, #334155) !important;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-head-main {
    grid-column: 1;
    grid-row: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-eyebrow {
    color: var(--fe-lv2-orange, #d96722);
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.4rem;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) h1 {
    font-size: clamp(1.5rem, 3.2vw, 2.2rem);
    font-weight: 800;
    color: var(--fe-lv2-navy, #0f172a);
    line-height: 1.25;
    margin-bottom: 0.5rem;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) h1 {
    color: var(--fe-text-strong, #f8fafc) !important;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-head-description:not([hidden]) {
    display: block;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--fe-lv2-text, #374151);
    margin-bottom: 0.75rem;
    max-width: 65ch;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-head-description {
    color: var(--fe-text, #cbd5e1) !important;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-head-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-hero-count {
    background: #fff;
    border: 1px solid var(--fe-lv2-border, #e2e8f0);
    border-radius: 6px;
    padding: 0.25rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--fe-lv2-muted, #64748b);
    margin: 0;
    display: inline-flex;
    align-items: center;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero) .fe-lv2-hero-count {
    background: var(--fe-surface) !important;
    border-color: var(--fe-border) !important;
    color: var(--fe-text-muted) !important;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact:not(.fe-lv2-library-head), .fe-lv2-catalog-hero, .fe-lv2-explorer-head) .fe-lv2-hero-visual {
    grid-column: 2;
    grid-row: 1;
    border-radius: 12px;
    overflow: visible;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    aspect-ratio: auto;
    min-height: 0 !important;
    max-height: 240px;
    height: auto;
    width: 100%;
    max-width: 360px;
    justify-self: end;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact, .fe-lv2-catalog-hero, .fe-lv2-explorer-head) .fe-lv2-hero-image {
    height: auto;
    max-height: 240px;
    width: 100%;
    object-fit: contain;
    object-position: center right;
    border-radius: 12px;
    display: block;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact, .fe-lv2-catalog-hero, .fe-lv2-explorer-head) .fe-lv2-hero-visual {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.fe-lv2 [hidden],
.fe-lv2--archive-redesign .fe-lv2-head-description[hidden],
.fe-lv2--archive-redesign .fe-lv2-about,
.fe-lv2--archive-redesign [data-fe-archive-about] {
    display: none !important;
}

/* --- EXPLORER HEAD & HERO VISUAL --- */
.fe-lv2--archive-redesign .fe-lv2-explorer-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: start;
    margin: 0.5rem 0 1.5rem 0;
    padding: 0;
    min-height: auto;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c85a32;
    margin: 0 0 0.4rem 0;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head h1 {
    font-size: clamp(2.2rem, 3.8vw, 2.75rem);
    font-weight: 800;
    color: var(--fe-text-strong, #0f172a);
    margin: 0 0 0.5rem 0;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-head-description:not([hidden]) {
    display: block;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--fe-text-muted, #64748b);
    margin: 0 0 0.85rem 0;
    max-width: 65ch;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-count {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(217, 103, 34, 0.25);
    color: #c85a32;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-count::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-visual {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 170px !important;
    height: 115px !important;
    max-height: 115px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fffaf6 0%, #fff5ee 100%) !important;
    border: 1px solid rgba(217, 103, 34, 0.14) !important;
    box-shadow: 0 2px 10px rgba(217, 103, 34, 0.04) !important;
    justify-self: end;
    flex-shrink: 0;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-visual {
    background: var(--fe-surface-raised, #1e293b) !important;
    border-color: var(--fe-border) !important;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-visual.is-placeholder .fe-lv2-image-fallback {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-visual.is-placeholder .fe-lv2-image-fallback::after {
    content: "";
    width: 44px;
    height: 44px;
    display: inline-block;
    background-color: #c85a32;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E") no-repeat center / contain;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-explorer-head .fe-lv2-hero-count {
    background: rgba(217, 103, 34, 0.15);
    border-color: rgba(217, 103, 34, 0.3);
    color: #ea580c;
}

/* --- EXPLORER CONTROLS & LEVEL CHIPS --- */
.fe-lv2--archive-redesign .fe-lv2-explorer-controls {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-bottom: 1.75rem;
    box-shadow: none !important;
    min-height: auto;
    position: relative;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    width: 100%;
    max-width: none;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive > div:first-of-type {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 200px;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive > div:first-of-type::before {
    content: "";
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: var(--fe-text-muted, #94a3b8);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
    z-index: 2;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive input[type="search"] {
    width: 100%;
    min-width: 0;
    flex: 1;
    background: var(--fe-surface, #ffffff);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 10px;
    padding: 0.55rem 2.75rem 0.55rem 2.6rem;
    font-size: 0.88rem;
    font-family: inherit;
    color: var(--fe-text);
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    height: 42px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive input[type="search"]:focus {
    border-color: #d96722;
    outline: none;
    box-shadow: 0 0 0 3px rgba(217, 103, 34, 0.15);
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive button[type="submit"] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: var(--fe-text-muted, #94a3b8);
    border: none;
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    transition: color 0.15s ease;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive button[type="submit"]:hover {
    color: #d96722;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-toolbar {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    flex-shrink: 0;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-sort {
    position: relative;
    background: var(--fe-surface, #ffffff);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 10px;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 0.85rem;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    cursor: pointer;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-sort select {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    padding: 0 1.25rem 0 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--fe-text);
    font-family: inherit;
    cursor: pointer;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-sort::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: var(--fe-text-muted, #64748b);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
    margin-left: -0.85rem;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-toolbar-btn {
    background: var(--fe-surface, #ffffff);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 10px;
    height: 42px;
    padding: 0 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    font-family: inherit;
    color: var(--fe-text);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    transition: all 0.15s ease;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-toolbar-btn::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='8' x2='20' y1='12' y2='12'/%3E%3Cline x1='12' x2='20' y1='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='8' x2='20' y1='12' y2='12'/%3E%3Cline x1='12' x2='20' y1='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-toolbar-btn:hover {
    border-color: #cbd5e1;
    background: var(--fe-surface-sunken, #f8fafc);
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Row 2: Level chips under the search bar */
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chips {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    width: 100%;
    flex-wrap: wrap;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chips__label {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--fe-text, #334155);
    margin-right: 0.25rem;
    text-transform: none;
    letter-spacing: normal;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--fe-surface, #ffffff);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 999px;
    padding: 0.35rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 600;
    font-family: inherit;
    color: var(--fe-text, #475569);
    cursor: pointer;
    transition: all 0.15s ease;
    min-height: 34px;
    line-height: 1;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip:hover {
    border-color: #cbd5e1;
    background: var(--fe-surface-sunken, #f8fafc);
}

/* Colored dot indicators */
.fe-lv2--archive-redesign .fe-lv2-level-chip[data-fe-level-chip="podstawowy"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #16a34a;
    flex-shrink: 0;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip[data-fe-level-chip="sredni"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f59e0b;
    flex-shrink: 0;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip[data-fe-level-chip="zaawansowany"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ef4444;
    flex-shrink: 0;
}

/* Active states matching mockup */
.fe-lv2--archive-redesign .fe-lv2-level-chip.is-active[data-fe-level-chip=""] {
    background: #fff7ed;
    border-color: #d96722;
    color: #c85a32;
    font-weight: 700;
}

.fe-lv2--archive-redesign .fe-lv2-level-chip.is-active:not([data-fe-level-chip=""]) {
    background: #fff7ed;
    border-color: #d96722;
    color: #c85a32;
    font-weight: 700;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-active-filters {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    border: none;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-active-filters .fe-lv2-chip {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    padding: 0.25rem 0.6rem;
    min-height: auto;
}

.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-active-filters[hidden],
.fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-active-filters:empty {
    display: none !important;
}

.fe-lv2--archive-redesign [data-fe-archive-view="catalog"][data-fe-archive-filtering="0"] :is(.fe-lv2-archive-toolbar, .fe-lv2-level-chips) {
    display: none !important;
}

@media (max-width: 960px) {
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls {
        display: block;
        margin-bottom: .35rem;
        padding: 0;
        min-height: auto;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        max-width: none;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive > div:first-of-type {
        width: 100%;
        max-width: none;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-toolbar {
        grid-column: 2;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-archive-toolbar [data-fe-filters-open] {
        display: inline-flex;
        min-height: 42px;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-sort {
        display: none;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-level-chips {
        display: none;
    }
    .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-active-filters {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 0.35rem;
        padding-top: 0.35rem;
        border-top: 1px dashed var(--fe-lv2-border, #e2e8f0);
    }
}

.fe-lv2-meta li {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
.fe-lv2-meta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    opacity: 0.8;
}
.fe-lv2-meta-icon svg {
    width: 16px;
    height: 16px;
}
@media (max-width: 960px) {
    .fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-action {
        display: none;
    }
}

/* Dark mode for controls */
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-search--archive input[type="search"],
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-sort,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-explorer-controls .fe-lv2-toolbar-btn,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-level-chip {
    background: var(--fe-surface-raised, #1e293b);
    border-color: var(--fe-border);
    color: var(--fe-text);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-level-chip.is-active {
    background: rgba(217, 103, 34, 0.15);
    border-color: #d96722;
    color: #ea580c;
}

/* Sidebar / Tree Card */
.fe-lv2--archive-redesign .fe-lv2-tree {
    background: var(--fe-surface, #ffffff);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 16px;
    padding: 1.25rem 1.25rem 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree {
    background: var(--fe-surface-raised, #1e293b);
    border-color: var(--fe-border);
}

.fe-lv2--archive-redesign .fe-lv2-tree__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: none;
    padding: 0 0 0.75rem;
    margin-bottom: 0.5rem;
}

.fe-lv2--archive-redesign .fe-lv2-tree__header > div > span {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--fe-text-muted, #94a3b8);
    display: block;
}

.fe-lv2--archive-redesign .fe-lv2-tree__header h2 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--fe-text-strong, #0f172a);
    margin: 0.2rem 0 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree-close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--fe-border, #e2e8f0);
    background: var(--fe-surface, #fff);
    color: var(--fe-text-muted, #94a3b8);
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree-close:hover {
    border-color: #cbd5e1;
    color: var(--fe-text);
}

.fe-lv2--archive-redesign .fe-lv2-catalog-select {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
    padding: 0;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-select > span {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--fe-text-muted, #64748b);
    display: block;
}

.fe-lv2--archive-redesign .fe-lv2-catalog-select select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    background: var(--fe-surface-sunken, #f8fafc);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 8px;
    padding: 0.55rem 2.25rem 0.55rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--fe-text-strong, #1e293b);
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 14px 14px;
    margin-bottom: 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree__summary {
    display: none;
}

.fe-lv2--archive-redesign .fe-lv2-tree-search {
    position: relative;
    margin-bottom: 0.85rem;
    padding: 0;
    display: block;
}

.fe-lv2--archive-redesign .fe-lv2-tree-search::before {
    content: "";
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: var(--fe-text-muted, #94a3b8);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
}

.fe-lv2--archive-redesign .fe-lv2-tree-search input {
    width: 100%;
    background: var(--fe-surface-sunken, #f8fafc);
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 8px;
    padding: 0.55rem 0.85rem 0.55rem 2.25rem;
    font-size: 0.85rem;
    color: var(--fe-text, #1e293b);
    margin-bottom: 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree > [data-fe-archive-tree] {
    border-top: none;
    padding: 0;
    overflow-y: auto;
    max-height: calc(100vh - 380px);
    min-height: 180px;
}

.fe-lv2--archive-redesign .fe-lv2-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fe-lv2--archive-redesign .fe-lv2-tree a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.45rem 0.55rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.84rem;
    transition: all 0.15s ease;
    border-left: none;
    text-decoration: none;
    min-height: 38px;
}

.fe-lv2--archive-redesign .fe-lv2-tree a:hover {
    background: var(--fe-surface-sunken, #f8fafc);
}

.fe-lv2--archive-redesign .fe-lv2-tree-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 5px;
    border-radius: 6px;
    background: var(--fe-surface-sunken, #f1f5f9);
    border: 1px solid var(--fe-border, #e2e8f0);
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--fe-text-muted, #64748b);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree-label {
    flex: 1 1 auto;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--fe-text, #334155);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fe-lv2--archive-redesign .fe-lv2-tree-count {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--fe-text-muted, #94a3b8);
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin-left: auto;
    flex-shrink: 0;
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"],
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a {
    background: var(--fe-surface-sunken, #f1f5f9);
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-label,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-label {
    font-weight: 700;
    color: var(--fe-text-strong, #0f172a);
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-index,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-index {
    background: #ffffff;
    color: var(--fe-text-strong, #0f172a);
    border-color: #cbd5e1;
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-count,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-count {
    color: var(--fe-text-strong, #0f172a);
    background: transparent;
}

/* Dark mode for sidebar tree */
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-catalog-select select,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-search input {
    background: var(--fe-surface, #0f172a);
    border-color: var(--fe-border);
    color: var(--fe-text);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-close {
    background: var(--fe-surface-raised, #1e293b);
    border-color: var(--fe-border);
    color: var(--fe-text-muted);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-index {
    background: var(--fe-surface, #0f172a);
    border-color: var(--fe-border);
    color: var(--fe-text-muted);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree-label {
    color: var(--fe-text);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"],
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a {
    background: rgba(255, 255, 255, 0.06);
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-index,
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-index {
    background: var(--fe-surface-raised);
    color: var(--fe-text-strong);
    border-color: var(--fe-border);
}

/* Ensure the grid respects the new layout on desktop only */
@media (min-width: 961px) {
    .fe-lv2--archive-redesign .fe-lv2-layout {
        display: grid;
        gap: 2rem;
        grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
        align-items: start;
    }
}

.fe-lv2--archive-redesign .fe-lv2-about {
    margin-top: 0.5rem;
    width: 100%;
}
.fe-lv2--archive-redesign .fe-lv2-about p {
    position: static;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0.5rem 0 0;
    margin: 0;
    max-width: 65ch;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--fe-lv2-muted, #64748b);
    width: auto;
}
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-about p {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--fe-text-muted) !important;
}

/* Responsive polish: compact lessons and safe numbering. */

@media (min-width: 961px) {
	.fe-lv2--archive-redesign .fe-lv2-continue {
		gap: .15rem .75rem;
		max-width: 720px;
		padding: .5rem .75rem;
	}

	.fe-lv2--archive-redesign .fe-lv2-continue h2 { font-size: .92rem; }
	.fe-lv2--archive-redesign .fe-lv2-continue__lesson { font-size: .88rem; }
	.fe-lv2--archive-redesign .fe-lv2-continue__percent { font-size: .75rem; }

	.fe-lv2--reader-redesign .fe-lv2-sections--desktop {
		background: var(--fe-lv2-surface);
		border: 1px solid var(--fe-lv2-border);
		border-radius: 14px;
		box-shadow: none;
		padding: .85rem;
	}

	.fe-lv2--reader-redesign .fe-lv2-sections--desktop h2 {
		font-size: .82rem;
		letter-spacing: .08em;
		margin: 0 0 .5rem;
		padding: 0 0 .55rem;
		text-transform: uppercase;
	}

	.fe-lv2--reader-redesign .fe-lv2-sections--desktop a {
		border-radius: 8px;
		font-size: .84rem;
		min-height: 40px;
		padding: .45rem .55rem;
	}
}

@media (max-width: 700px) {
	.fe-lv2--archive-redesign .fe-lv2-area-card__visual .fe-lv2-area-card__image,
	.fe-lv2--archive-redesign :is(.fe-lv2-page-head--compact, .fe-lv2-catalog-hero, .fe-lv2-explorer-head) .fe-lv2-hero-image,
	.fe-lv2--archive-redesign .fe-lv2-lesson-card__cover img {
		object-fit: cover;
		object-position: center;
	}

	.fe-lv2--reader-redesign .fe-lv2-lesson-cover img {
		object-fit: contain;
		object-position: center;
	}

	.fe-lv2--archive-redesign .fe-lv2-area-card__visual .fe-lv2-area-card__image { padding: 0; }

	.fe-lv2-reader--redesign .fe-lv2-prose p {
		text-align: left;
		text-justify: auto;
		text-wrap: pretty;
	}

	.fe-lv2--archive-redesign .fe-lv2-library-head {
		border-top: 2px solid var(--fe-lv2-orange) !important;
		margin-bottom: .75rem;
		padding: .7rem 0 .45rem;
	}

	.fe-lv2--archive-redesign .fe-lv2-library-head h1 {
		font-size: 1.75rem;
		line-height: 1.08;
		margin: .15rem 0 .3rem;
	}

	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-eyebrow { font-size: .68rem; }
	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-head-main > p:last-child {
		font-size: .88rem;
		line-height: 1.4;
	}

	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datarow {
		background: color-mix(in srgb, var(--fe-lv2-orange-soft) 45%, transparent);
		border: 1px solid var(--fe-lv2-border);
		border-radius: 10px;
		gap: 1rem;
		margin-top: .65rem;
		padding: .55rem .65rem;
	}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datarow {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: .25rem 0 !important;
	}

	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum { min-width: 0; }
	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum__value { font-size: 1.45rem; }
	.fe-lv2--archive-redesign .fe-lv2-library-head .fe-lv2-datum__caption {
		font-size: .62rem;
		line-height: 1.15;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-catalog-hero, .fe-lv2-page-head--compact.is-hero) {
		gap: .7rem !important;
		margin: .35rem 0 .8rem !important;
		padding: .65rem !important;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-catalog-hero, .fe-lv2-page-head--compact.is-hero) .fe-lv2-hero-visual {
		background: var(--fe-lv2-orange-soft) !important;
		height: clamp(150px, 48vw, 185px) !important;
		max-height: 185px !important;
		max-width: none !important;
		overflow: hidden !important;
		width: 100% !important;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-catalog-hero, .fe-lv2-page-head--compact.is-hero) .fe-lv2-hero-image {
		height: 100% !important;
		max-height: none !important;
		object-fit: cover !important;
		object-position: center !important;
		padding: 0;
		width: 100% !important;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-catalog-hero, .fe-lv2-page-head--compact.is-hero) .fe-lv2-head-main {
		padding: .25rem .2rem .35rem !important;
	}

	.fe-lv2--archive-redesign :is(.fe-lv2-catalog-hero, .fe-lv2-page-head--compact.is-hero) h1 {
		font-size: 1.42rem;
		line-height: 1.12;
		margin-bottom: .35rem;
	}

	.fe-lv2--archive-redesign [data-fe-archive-view="catalog"] .fe-lv2-department-tile,
	.fe-lv2--archive-redesign .fe-lv2-department-row.fe-lv2-child-card {
		min-height: 68px;
		padding: .6rem .7rem;
	}

	.fe-lv2--archive-redesign .fe-lv2-department-tile {
		gap: .2rem .5rem;
		grid-template-columns: 1.6rem minmax(0, 1fr) 1.5rem;
	}

	.fe-lv2--archive-redesign .fe-lv2-department-tile h3 { font-size: .86rem; }
	.fe-lv2--archive-redesign .fe-lv2-department-tile__desc { -webkit-line-clamp: 1; font-size: .72rem; }

	.fe-lv2--archive-redesign .fe-lv2-lesson-list { gap: .45rem; }
	.fe-lv2--archive-redesign .fe-lv2-lesson-row {
		align-items: center !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
		display: grid !important;
		gap: .25rem .5rem !important;
		grid-template-columns: 2rem minmax(0, 1fr);
		min-height: 48px !important;
		padding: .45rem .6rem !important;
		transform: none !important;
		width: 100% !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row:has(.fe-user-library__card-form) {
		grid-template-columns: 2rem minmax(0, 1fr) auto !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index {
		align-items: center;
		display: flex;
		font-size: 1.15rem !important;
		font-weight: 800;
		grid-column: 1 !important;
		grid-row: 1 !important;
		justify-content: center;
		padding: 0;
		width: 2rem !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-body {
		grid-column: 2 !important;
		grid-row: 1 !important;
		min-width: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-body h3 {
		font-size: .88rem;
		line-height: 1.25;
		margin: 0;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta {
		gap: .15rem .3rem;
		margin-top: .2rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li {
		font-size: .62rem;
		line-height: 1;
		min-height: 20px;
		padding: .15rem .35rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-status-badge {
		display: inline-block;
		font-size: .62rem;
		margin-bottom: .2rem;
		padding: .12rem .35rem;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row :is(.fe-user-library__card-form, .fe-lv2-list-action) {
		grid-column: 3 !important;
		grid-row: 1 !important;
		align-self: center !important;
		justify-self: end !important;
		margin: 0 !important;
	}
	.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-user-library__favorite-btn {
		width: 30px !important;
		height: 30px !important;
		padding: 5px !important;
	}

	.fe-lv2-sheet {
		background: var(--fe-lv2-surface);
		border: 1px solid var(--fe-lv2-border);
		border-radius: 20px 20px 0 0;
		box-shadow: 0 -12px 32px rgba(15, 39, 71, .16);
	}

	.fe-lv2-reader-sheet[open],
	.fe-lv2-reader-sheet.is-fallback-open {
		display: flex;
		flex-direction: column;
		height: min(88vh, 680px);
		height: min(88dvh, 680px);
		max-height: calc(100dvh - 8px);
		overflow: hidden;
	}

	.fe-lv2-sheet__header {
		background: var(--fe-lv2-surface) !important;
		flex: 0 0 auto;
		padding: .75rem .85rem;
	}

	.fe-lv2-reader-sheet__content {
		flex: 1 1 auto;
		max-height: none;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.fe-lv2-sheet__header h2 { font-size: 1rem; }
	.fe-lv2-toc-list { counter-reset: fe-mobile-toc; display: grid; gap: .2rem; padding: .45rem .65rem .65rem; }
	.fe-lv2-toc-list li { counter-increment: fe-mobile-toc; }
	.fe-lv2-toc-list a {
		background: transparent;
		border: 0;
		border-radius: 10px;
		gap: .65rem;
		min-height: 44px;
		padding: .6rem .45rem;
	}

	.fe-lv2-toc-list a span {
		align-items: center;
		background: var(--fe-lv2-orange-soft);
		border-radius: 999px;
		display: inline-flex;
		flex: 0 0 1.75rem;
		height: 1.75rem;
		justify-content: center;
		padding: 0;
	}

	.fe-lv2-reader-sheet__tools { padding: .65rem .65rem max(.8rem, env(safe-area-inset-bottom)); }
	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary {
		display: grid;
		gap: .4rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary :is(a, button) {
		font-size: .78rem;
		min-height: 42px;
		padding: .45rem .55rem;
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary {
		display: grid;
		gap: .25rem .5rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary :is(a, button) {
		font-size: .75rem;
		min-height: 38px;
		padding: .35rem .45rem;
	}

	/* Reader table of contents: a calm, dark lesson-navigation card. */
	.fe-lv2-reader-sheet[open],
	.fe-lv2-reader-sheet.is-fallback-open {
		background: #191b18 !important;
		border: 1px solid #4f4037;
		border-radius: 26px;
		bottom: 0;
		box-shadow: 0 22px 54px rgba(8, 12, 11, .48);
		height: min(94dvh, 720px);
		inset: 0;
		left: 0;
		margin: auto;
		max-height: calc(100dvh - 20px);
		position: fixed;
		right: 0;
		top: 0;
		transform: none;
		width: min(calc(100% - 24px), 430px);
	}

	.fe-lv2-reader-sheet .fe-lv2-sheet__header {
		background: linear-gradient(135deg, #22241f, #191b18) !important;
		border-bottom: 1px solid #4f4037;
		padding: 1rem 1rem .8rem;
	}

	.fe-lv2-reader-sheet .fe-lv2-sheet__header h2 {
		color: #f2efe9;
		font-size: 1.38rem;
		font-weight: 800;
		letter-spacing: -.03em;
		line-height: 1.05;
	}

	.fe-lv2-reader-sheet .fe-lv2-sheet__header h2::before {
		color: #c8bdb4;
		content: "Nawigacja po lekcji";
		display: block;
		font-size: .66rem;
		font-weight: 750;
		letter-spacing: .1em;
		margin-bottom: .32rem;
		text-transform: uppercase;
	}

	.fe-lv2-reader-sheet .fe-lv2-sheet__header .fe-lv2-icon-btn {
		background: #2a251f !important;
		border: 1px solid #5c473a !important;
		border-radius: 50%;
		color: #f2efe9 !important;
		font-size: 1.35rem;
		height: 42px;
		min-height: 42px;
		min-width: 42px;
		width: 42px;
	}

	.fe-lv2-reader-sheet__content {
		background: #191b18;
		scrollbar-color: #5c473a transparent;
		scrollbar-width: thin;
	}

	.fe-lv2-reader-sheet__content::-webkit-scrollbar { width: 5px; }
	.fe-lv2-reader-sheet__content::-webkit-scrollbar-thumb { background: #5c473a; border-radius: 999px; }

	.fe-lv2-reader-sheet .fe-lv2-toc-list {
		gap: 0;
		padding: .45rem .85rem .7rem;
	}

	.fe-lv2-reader-sheet .fe-lv2-toc-list li + li { border-top: 1px solid rgba(200, 189, 180, .14); }

	.fe-lv2-reader-sheet .fe-lv2-toc-list a {
		align-items: center;
		background: transparent !important;
		border: 0 !important;
		border-radius: 12px;
		color: #f2efe9 !important;
		font-size: .9rem;
		font-weight: 720;
		line-height: 1.27;
		min-height: 52px;
		padding: .58rem .15rem;
	}

	.fe-lv2-reader-sheet .fe-lv2-toc-list a span {
		background: #30271f;
		color: #f0b88e;
		flex-basis: 2.15rem;
		height: 2.15rem;
		width: 2.15rem;
	}

	.fe-lv2-reader-sheet .fe-lv2-toc-list a.is-active {
		background: rgba(217, 103, 34, .16) !important;
		padding-inline: .45rem;
	}

	.fe-lv2-reader-sheet .fe-lv2-toc-list a.is-active span {
		background: var(--fe-lv2-orange);
		color: #fff;
	}

	.fe-lv2-reader-sheet .fe-lv2-toc-list a.is-visited:not(.is-active) { color: #d9e7dd !important; }

	.fe-lv2-reader-sheet__tools {
		background: #20221e !important;
		border-top: 1px solid #4f4037;
		padding: .85rem .85rem max(1rem, env(safe-area-inset-bottom));
	}

	.fe-lv2-reader-sheet__tools h3 {
		color: #f2efe9 !important;
		font-size: .95rem;
		font-weight: 780;
		letter-spacing: -.01em;
		margin: .15rem 0 .45rem;
		text-transform: none;
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary,
	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary {
		border: 0;
		gap: .48rem;
		margin: 0;
		padding: 0;
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary :is(a, button),
	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary :is(a, button) {
		align-items: center;
		background: #2a2c2a !important;
		border: 1px solid #4b4640 !important;
		border-radius: 999px;
		color: #f2efe9 !important;
		font-size: .76rem;
		font-weight: 680;
		justify-content: center;
		line-height: 1.16;
		min-height: 44px;
		padding: .42rem .55rem;
		text-align: center;
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary :is(a, button):is(:hover, :focus-visible),
	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary :is(a, button):is(:hover, :focus-visible) {
		background: #3b2a20 !important;
		border-color: var(--fe-lv2-orange) !important;
		color: #fff !important;
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--primary [data-fe-open-bug] {
		background: transparent !important;
		border-color: #5c473a !important;
		color: #c8bdb4 !important;
	}

	.fe-lv2-reader-sheet__tools .fe-lv2-tools-list--secondary li:last-child button {
		background: transparent !important;
		border-color: #7d4538 !important;
		color: #f0a498 !important;
	}
}

@media (max-width: 960px) {
	.fe-lv2--reader-redesign :is(.fe-lv2-reader-chrome__back, .fe-lv2-reader-hero__back) {
		align-items: center;
		background: var(--fe-lv2-surface);
		border: 1px solid var(--fe-lv2-border);
		border-radius: 999px;
		color: var(--fe-lv2-navy);
		display: inline-flex !important;
		font-size: .82rem;
		font-weight: 800;
		gap: .35rem;
		line-height: 1.2;
		max-width: 100%;
		min-height: 42px;
		overflow: hidden;
		padding: .45rem .75rem;
		text-decoration: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: fit-content;
	}

	.fe-lv2--reader-redesign .fe-lv2-reader-hero__back {
		margin: .65rem 0 .45rem;
	}

	.fe-lv2--reader-redesign :is(.fe-lv2-reader-chrome__back, .fe-lv2-reader-hero__back):focus-visible {
		outline: 2px solid var(--fe-lv2-accent);
		outline-offset: 2px;
	}

	html[data-fe-theme="dark"] .fe-lv2--reader-redesign :is(.fe-lv2-reader-chrome__back, .fe-lv2-reader-hero__back) {
		background: var(--fe-surface-sunken);
		border-color: var(--fe-lv2-border);
		color: var(--fe-text-strong) !important;
	}

	.fe-lv2--archive-redesign .fe-lv2-back-mobile {
		margin: .65rem 0 .45rem;
		position: relative;
		z-index: 10;
	}

	.fe-lv2--archive-redesign .fe-lv2-back-mobile a {
		align-items: center;
		background: var(--fe-lv2-surface);
		border: 1px solid var(--fe-lv2-border);
		border-radius: 999px;
		color: var(--fe-lv2-navy);
		cursor: pointer;
		display: inline-flex;
		font-size: .82rem;
		font-weight: 800;
		line-height: 1.2;
		max-width: 100%;
		min-height: 42px;
		overflow: hidden;
		padding: .45rem .75rem;
		position: relative;
		text-decoration: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		z-index: 10;
	}

	.fe-lv2--archive-redesign .fe-lv2-back-mobile a:focus-visible {
		outline: 2px solid var(--fe-lv2-accent);
		outline-offset: 2px;
	}

/* Header department prompt */
.fe-lv2-head-prompt {
	margin: 0.65rem 0 0;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--fe-lv2-orange, #ea580c);
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}
html[data-fe-theme="dark"] .fe-lv2-head-prompt {
	color: #fb923c;
}

	html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-back-mobile a {
		background: var(--fe-surface-sunken);
		border-color: var(--fe-lv2-border);
		color: var(--fe-text-strong) !important;
	}
}

/* Editorial cleanup: active lesson navigation without a decorative wash. */
.fe-lv2--archive-redesign .fe-lv2-tree {
	box-shadow: none;
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"],
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a {
	background: transparent !important;
	box-shadow: none !important;
}

.fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"] .fe-lv2-tree-count,
.fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a .fe-lv2-tree-count {
	background: transparent !important;
	color: var(--fe-lv2-orange) !important;
}

html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree a[aria-current="page"],
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-tree li.is-active-branch > a {
	background: transparent !important;
}


/* ── Quiet instructional blocks ─────────────────────────────────────────
 * Semantic tones remain visible without using full pastel panels.
 */
:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-callout {
	--fe-lv2-instruction-accent: var(--fe-lv2-navy);
	background: color-mix(in srgb, var(--fe-lv2-navy) 4%, var(--fe-lv2-surface));
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-note {
	--fe-lv2-instruction-accent: var(--fe-lv2-orange);
	background: color-mix(in srgb, var(--fe-lv2-orange) 6%, var(--fe-lv2-surface));
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-remember {
	--fe-lv2-instruction-accent: var(--fe-lv2-success);
	background: color-mix(in srgb, var(--fe-lv2-success) 6%, var(--fe-lv2-surface));
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-self-check {
	--fe-lv2-instruction-accent: var(--fe-lv2-navy);
	background: color-mix(in srgb, var(--fe-lv2-navy) 3%, var(--fe-lv2-surface));
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) :is(.fe-lv2-callout, .fe-lv2-note, .fe-lv2-remember, .fe-lv2-self-check) {
	border: 1px solid color-mix(in srgb, var(--fe-lv2-instruction-accent) 22%, var(--fe-lv2-border));
	border-left: 3px solid var(--fe-lv2-instruction-accent);
	border-radius: 12px;
	box-shadow: none;
	margin-block: 1.5rem;
	padding: clamp(1rem, 2.25vw, 1.25rem);
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) :is(.fe-lv2-callout h3, .fe-lv2-note h3, .fe-lv2-remember h3, .fe-lv2-self-check legend) {
	font-size: 1.1rem;
	font-weight: 750;
	letter-spacing: -0.01em;
	line-height: 1.35;
	margin-bottom: 0.65rem;
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) :is(.fe-lv2-callout, .fe-lv2-note, .fe-lv2-remember, .fe-lv2-self-check) :is(p:not(.fe-lv2-self-check__title), li, label) {
	font-size: 0.96rem;
	line-height: 1.6;
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-callout li {
	padding-left: 1.1rem;
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-callout li + li {
	margin-top: 0.45rem;
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-callout li::before {
	color: var(--fe-lv2-instruction-accent);
	content: "•";
	opacity: 0.8;
}

:is(.fe-lv2-reader, .fe-lv2-reader--redesign) .fe-lv2-self-check p.fe-lv2-self-check__title,
.fe-lv2-self-check p.fe-lv2-self-check__title,
.fe-lv2-self-check__title {
	color: var(--fe-lv2-orange);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.3;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.fe-lv2-self-check button,
.fe-lv2-self-check button[type="submit"] {
	color: #19140e !important;
}

html[data-fe-theme="dark"] :is(.fe-lv2-reader, .fe-lv2-reader--redesign) :is(.fe-lv2-callout, .fe-lv2-note, .fe-lv2-remember, .fe-lv2-self-check) {
	background: color-mix(in srgb, var(--fe-lv2-instruction-accent) 9%, var(--fe-surface-raised)) !important;
	border-color: color-mix(in srgb, var(--fe-lv2-instruction-accent) 38%, var(--fe-lv2-border)) !important;
	border-left-color: var(--fe-lv2-instruction-accent) !important;
	color: var(--fe-lv2-text) !important;
}

@media (max-width: 640px) {
	:is(.fe-lv2-reader, .fe-lv2-reader--redesign) :is(.fe-lv2-callout, .fe-lv2-note, .fe-lv2-remember, .fe-lv2-self-check) {
		border-radius: 10px;
		margin-block: 1.25rem;
		padding: 1rem;
	}
}

/* ── Stage 3: Lessons Cross-Device Sync Prompt ── */
.fe-lv2-claim-wrap {
	max-width: 860px;
	margin: 1.5rem auto;
	padding: 0 1rem;
}

.fe-lv2-claim-card {
	padding: 1.5rem;
	border: 1px solid var(--fe-border-soft, rgba(26, 92, 255, 0.25));
	border-radius: 12px;
	background: var(--fe-surface-sunken, rgba(26, 92, 255, 0.04));
}

.fe-lv2-claim-card .fe-account__section-title {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--fe-text-strong, #0f172a);
}

.fe-lv2-claim-card .fe-account__claim-desc {
	margin: 0 0 0.5rem;
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--fe-text, #334155);
}

.fe-lv2-claim-card .fe-account__claim-meta {
	margin: 0 0 1rem;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--fe-brand-primary, #1a5cff);
}

.fe-lv2-claim-card .fe-account__claim-actions {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.fe-lv2-claim-card .fe-account__claim-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1.25rem;
	border: 0;
	border-radius: 6px;
	background: var(--fe-brand-primary, #1a5cff);
	color: #ffffff;
	font-size: 0.88rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease;
}

.fe-lv2-claim-card .fe-account__claim-btn:hover {
	background: var(--fe-brand-primary-strong, #0040e6);
}

.fe-lv2-claim-card .fe-account__claim-dismiss-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
	border: 1px solid var(--fe-border-soft, #cbd5e1);
	border-radius: 6px;
	background: transparent;
	color: var(--fe-text-muted, #64748b);
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.fe-lv2-claim-card .fe-account__claim-dismiss-btn:hover {
	color: var(--fe-text, #0f172a);
	border-color: var(--fe-text-muted, #64748b);
}

/* Browser lesson reading: open contents beside the text, quiet introduction. */
@media screen {
    body .fe-lv2--reader-redesign .fe-lv2-lesson-shell > .fe-lv2-lesson-hero--compact {
        background: transparent;
        background-image: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .fe-lv2--reader-redesign .fe-lv2-section-number {
        color: var(--fe-lv2-muted);
        font-size: .8rem;
        font-variant-numeric: tabular-nums;
        letter-spacing: .02em;
        text-transform: none;
    }
}
@media screen and (min-width: 1024px) {
    .fe-lv2--reader-redesign .fe-lv2-lesson-shell { max-width: 1120px; }
    .fe-lv2--reader-redesign .fe-lv2-reader--redesign {
        display: grid;
        gap: 24px;
        grid-template-columns: 240px minmax(0, 760px);
        justify-content: center;
    }
    .fe-lv2--reader-redesign .fe-lv2-sections--desktop {
        display: block;
        position: sticky;
        top: calc(var(--fe-lv2-chrome-h, 52px) + var(--wp-admin--admin-bar--height, 0px) + 16px);
        max-height: calc(100dvh - var(--fe-lv2-chrome-h, 52px) - var(--wp-admin--admin-bar--height, 0px) - 32px);
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-width: thin;
    }
    .fe-lv2--reader-redesign .fe-lv2-sections--desktop a { overflow-wrap: anywhere; min-height: 44px; }
    .fe-lv2--reader-redesign .fe-lv2-section-nav [data-fe-toc-open] { display: none; }
    .fe-lv2--reader-redesign .fe-lv2-article { min-width: 0; }
    .fe-lv2--reader-redesign .fe-lv2-lesson-section {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 24px 0;
    }
    .fe-lv2--reader-redesign .fe-lv2-lesson-section + .fe-lv2-lesson-section { border-top: 1px solid var(--fe-lv2-border); }
}
@media screen and (max-width: 1023px) {
    .fe-lv2--reader-redesign .fe-lv2-reader--redesign { display: block; }
    .fe-lv2--reader-redesign .fe-lv2-sections--desktop { display: none; }
}

/* Keep the cross-device progress prompt spacious and easy to scan. */
.fe-lv2-claim-card {
	padding: clamp(1.25rem, 3vw, 1.75rem);
}

.fe-lv2-claim-card .fe-account__claim-actions {
	align-items: center;
	gap: 0.75rem;
}

.fe-lv2-claim-card .fe-account__claim-btn,
.fe-lv2-claim-card .fe-account__claim-dismiss-btn {
	min-height: 44px;
}

.fe-lv2-claim-card .fe-account__claim-btn {
	min-width: 10.5rem;
	white-space: nowrap;
}

html[data-fe-theme="dark"] .fe-lv2--reader-redesign .fe-lv2-lesson-section {
	background: var(--fe-surface-raised, #1a1c18);
	border: 1px solid var(--fe-border, #3d473f);
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
	margin-block: 1rem;
	padding: clamp(1.25rem, 3vw, 2rem);
}

html[data-fe-theme="dark"] .fe-lv2-claim-card {
	background: color-mix(in srgb, #e39a67 7%, var(--fe-surface, #1a1c18));
	border-color: color-mix(in srgb, #e39a67 34%, var(--fe-border, #3d473f));
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

html[data-fe-theme="dark"] .fe-lv2-claim-card .fe-account__section-title,
html[data-fe-theme="dark"] .fe-lv2-claim-card .fe-account__claim-desc {
	color: var(--fe-text-strong, #f2efe9);
}

html[data-fe-theme="dark"] .fe-lv2-claim-card .fe-account__claim-btn {
	color: #17130f;
}

@media (max-width: 540px) {
	.fe-lv2-claim-card .fe-account__claim-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.fe-lv2-claim-card .fe-account__claim-btn,
	.fe-lv2-claim-card .fe-account__claim-dismiss-btn {
		min-width: 0;
		width: 100%;
	}
}

/* Quiet catalog surfaces, consistent with the public site's restrained accents. */
.fe-lv2--archive-redesign :is(.fe-lv2-lesson-row, .fe-lv2-child-card, .fe-lv2-page-head--compact, .fe-lv2-search--archive, .fe-lv2-toolbar-btn) {
	background-image: none !important;
	box-shadow: 0 1px 3px rgba(20, 43, 74, .035) !important;
	transform: none !important;
	transition: background-color .15s ease, border-color .15s ease;
}
.fe-lv2--archive-redesign :is(.fe-lv2-lesson-row, .fe-lv2-child-card):hover {
	box-shadow: 0 2px 6px rgba(20, 43, 74, .05) !important;
	transform: none !important;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row { border-radius: 12px; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta { gap: .35rem .75rem; }
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-meta li {
	background: transparent !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.4;
}
.fe-lv2--archive-redesign .fe-lv2-lesson-row .fe-lv2-list-index { font-weight: 650; }
html[data-fe-theme="dark"] .fe-lv2--archive-redesign .fe-lv2-lesson-row[data-fe-level] .fe-lv2-meta li:first-child { background: transparent !important; }