/*
Theme Name: Žurnalas FOTOGRAFIJA
Theme URI: https://journal.photography.lt/
Description: Žurnalo FOTOGRAFIJA tema. Reikalauja papildinio „Fotografija Core“.
Author: Lietuvos fotomenininkų sąjunga
Version: 1.0.9
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: fotografija
*/

/*
* TURINYS
*  1. Tokenai
*  2. Bazė
*  3. Išdėstymas (shell, pad)
*  4. Masthead (logotipas, meniu mygtukas)
*  5. Navigacija ir kalbų perjungiklis
*  6. Komponentai (etiketės, mygtukų grupės, viršeliai, kortelės, eilutės,
*     paieška, puslapiavimas, lightbox)
*  7. Puslapiai (numeris, straipsnis, paroda, portfolio, asmenys, rubrikos)
*  8. Poraštė
*  9. Pagalbinės klasės (tarpai)
* 10. Klaviatūros fokusas (GOV.UK: geltona #ffdd00 + juoda)
*
* Vertikalus ritmas: bazė 8px (--lfs-u = 0.5rem), tarpai – tokenai --lfs-sN (N × 4px, 4–64px).
* Visi matmenys – rem/em; pastraipų plotis – --lfs-measure (60ch).
*
* Išdėstymas vidinis (intrinsic): be lūžio taškų. Naudojama flex-wrap, „switcher“
* (viskas eilutėje arba viskas stulpelyje), auto-fill tinkleliai ir clamp().
*/

/* ==========================================================================
1. Tokenai
========================================================================== */
:root {
	/* spalvos */
	--lfs-white: #fff;
	--lfs-black: #000;
	--lfs-bg: #fff;
	--lfs-page: #ddd9d2;
	--lfs-surface: #e9f0f2; /* akcento atspalvis (hue 190.5°), šviesumas ir sotis – kaip ankstesnės #f2efe9 */
	--lfs-text: #141210;
	--lfs-lead: #3d3831;
	--lfs-muted: #5f5f5f; /* neutrali pilka: kontrastas ≥ 4.5:1 baltame, --lfs-surface ir --lfs-page fone */
	--lfs-accent: #007a94; /* akcento spalva */
	--lfs-accent-100: #e0f4f8;
	--lfs-accent-400: #0a9cbb; /* šviesesnis akcentas tamsiam fonui (poraštė): kontrastas ≈ 6:1 juodame */
	--lfs-accent-600: #006c83;
	--lfs-accent-700: #005f73;
	--lfs-accent-800: #004a5a;
	--lfs-divider: var(--lfs-black);
	--lfs-focus: #ffdd00; /* klaviatūros fokusas – GOV.UK geltona (žr. 10 skyrių) */
	--lfs-focus-text: #0b0c0c; /* tekstas ir juodas kraštas ant geltonos (≈ 15:1) */
	--lfs-focus-w: 0.1875rem; /* 3px – kaip GOV.UK Design System */
	--lfs-divider2: #ccc;

	/* tipografija */
	--lfs-heading: "Inter", system-ui, sans-serif; /* visur Inter, išskyrus logotipą */
	--lfs-body: "Inter", system-ui, sans-serif;
	/* Šriftų skalė (step--2 … step-5). Visi temos šriftai – tik šie žingsniai.
	Paskirtis: step--2 – smulkus tekstas, aprašai (caption, <small>); step--1 – „small“;
	step-0 – pagrindinis tekstas; step-1 – „lead“; step-2 – pavadinimai („title“);
	step-3 – straipsnio pavadinimas. */
	--step--2: clamp(0.64rem, 0.6073rem + 0.1455vw, 0.72rem);
	--step--1: clamp(0.8rem, 0.7591rem + 0.1818vw, 0.9rem);
	--step-0: clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);
	--step-1: clamp(1.25rem, 1.1861rem + 0.2841vw, 1.4063rem);
	--step-2: clamp(1.5625rem, 1.4826rem + 0.3551vw, 1.7578rem);
	--step-3: clamp(1.9531rem, 1.8532rem + 0.4439vw, 2.1973rem);
	--step-4: clamp(2.4414rem, 2.3166rem + 0.5549vw, 2.7466rem);
	--step-5: clamp(3.0518rem, 2.8957rem + 0.6936vw, 3.4332rem);

	--lfs-fs-display: var(--step-3);
	--lfs-fs-body: var(--step-0); /* pagrindinio teksto dydis (body) */

	/* vertikalus ritmas: bazė 8px (0.5rem), mažiausias žingsnis 4px (0.25rem),
	didžiausias tarpas 64px (4rem). Tarpai – tokenai --lfs-sN, kur N × 4px.
	Eilučių aukščiai – 4px kartotiniai, pagrindinė teksto eilutė 32px (2rem).
	Kintamo dydžio antraštėms eilutės aukštis apvalinamas iki 8px su round(). */
	--lfs-u: 0.5rem;
	--lfs-lh: 1.5; /* pagrindinio teksto eilutės aukštis: be vieneto (ne 1.4em), kad kito dydžio tekstas paveldėtų santykį, o ne fiksuotą px reikšmę */
	--lfs-s1: 0.25rem; /* 4px */
	--lfs-s2: 0.5rem; /* 8px */
	--lfs-s3: 0.75rem; /* 12px */
	--lfs-s4: 1rem; /* 16px */
	--lfs-s6: 1.5rem; /* 24px */
	--lfs-s8: 2rem; /* 32px */
	--lfs-s10: 2.5rem; /* 40px */
	--lfs-s12: 3rem; /* 48px */
	--lfs-s14: 3.5rem; /* 56px */
	--lfs-s16: 4rem; /* 64px */

	/* teksto stulpelio plotis (pastraipos) */
	/* teksto stulpelio plotis (1ch – skaitmens „0“ plotis; Inter šrifte vidutinė raidė
	siauresnė, todėl simbolių eilutėje daugiau nei ch skaičius) */
	--lfs-measure: 60ch;

	/* kortelės aukščio riba: ≤ 60 % ekrano pločio ir ≤ 60 % matomo naršyklės lango
	aukščio (svh – kai mobiliojo naršyklės juostos rodomos, todėl aukštis nekinta
	slenkant); parodų kortelėms plotis ribojamas 40 % */
	--lfs-card-max: min(60vw, 60svh);
	--lfs-card-max-exh: min(40vw, 60svh);

	/* kintami vertikalūs tarpai: tolygiai kinta tarp dviejų ritmo žingsnių ir
	apvalinami iki 8px, todėl ritmas išlieka bet kokiame plotyje */
	--lfs-pad-block: round(clamp(var(--lfs-s6), 3vw, var(--lfs-s8)), var(--lfs-s2)); /* 24–32px */
	--lfs-gap: round(clamp(var(--lfs-s4), 2vw, var(--lfs-s6)), var(--lfs-s2)); /* 16–24px */
	--lfs-card-pad: round(clamp(var(--lfs-s4), 2vw, var(--lfs-s6)), var(--lfs-s2)); /* 16–24px */
	--lfs-issue-gap: round(clamp(var(--lfs-s12), 5vw, var(--lfs-s16)), var(--lfs-s2)); /* 48–64px */

	/* išdėstymas */
	--lfs-gutter: clamp(1rem, 4vw, 2.5rem);

	/* straipsnio/parodos turinio pločio tinklelis (content/wide/full), naudojamas
	tiek .lfs-body, tiek .lfs-meta-strip, kad kraštinės lygiai sutaptų. */
	--lfs-align-cols: [full-start] minmax(0, 1fr) [wide-start] minmax(0, 8.75rem)
		[content-start] min(var(--lfs-measure), 100%) [content-end] minmax(0, 8.75rem) [wide-end]
		minmax(0, 1fr) [full-end];
}

/* Kadence Blocks šriftų dydžiai (--global-kb-font-size-*) – pagal temos skalę.
:root:root – kad perrašytų Kadence :root taisyklę nepriklausomai nuo įkėlimo tvarkos. */
:root:root {
	--global-kb-font-size-sm: var(--step--1);
	--global-kb-font-size-md: var(--step-0);
	--global-kb-font-size-lg: var(--step-1);
	--global-kb-font-size-xl: var(--step-2);
	--global-kb-font-size-xxl: var(--step-3);
	--global-kb-font-size-xxxl: var(--step-4);
}

/* ==========================================================================
2. Bazė
========================================================================== */
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	/* alignfull blokai išsiveržia iki 100vw, o 100vw įskaito vertikalią
	slankjuostę – be šito atsiranda horizontalus slankiojimas. `clip`
	(ne `hidden`) nesukuria slankiojimo konteinerio, todėl nesugadina
	position: sticky. `hidden` – atsarginis variantas senesniems Safari. */
	overflow-x: hidden;
	overflow-x: clip;
	background: var(--lfs-bg);
	color: var(--lfs-text);
	font-family: var(--lfs-body);
	font-size: var(--lfs-fs-body);
	font-weight: 300; /* pagrindinis tekstas – Inter Light */
	line-height: var(--lfs-lh);
}

/* paryškinimas Light tekste: „bolder“ nuo 300 duotų tik 400 – nustatoma aiškiai */
b,
strong {
	font-weight: 600;
}

img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
blockquote,
.lfs-h {
	font-family: var(--lfs-heading);
}

h1 {
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.03;
	line-height: round(up, 1.03em, var(--lfs-u));
}

h2 {
	font-weight: 600;
}

h3 {
	font-weight: 600;
	letter-spacing: -0.01em;
}

blockquote {
	color: var(--lfs-accent); /* citatos tekstas – akcento spalva */
	font-weight: 600;
	letter-spacing: -0.02em;
}

/* šaltinis (cite) citatos viduje – prigesinta spalva */
blockquote cite {
	color: var(--lfs-muted);
}

/* Išnašų ir kiti viršutiniai / apatiniai indeksai neišplečia eilutės: line-height 0 ir
pakėlimas per position, ne vertical-align – vertikalus teksto ritmas (2rem) išlieka. */
sup,
sub {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	color: var(--lfs-muted); /* viršutiniai indeksai (išnašų nuorodos ir kt.) – prigesinta spalva */
	font-weight: 400;
}

/* nuoroda indekse (išnašos numeris) – ta pati prigesinta spalva, ne nuorodos akcentas */
sup a,
sup a:hover {
	color: inherit;
}

sub {
	bottom: -0.25em;
}

/* Citatų (Citata, Išskirta citata) pastraipos – pagrindinio teksto dydžio.
WordPress „Išskirta citata“ pagal nutylėjimą didina šriftą 1.5 karto. */
.lfs-body blockquote p {
	font-size: var(--lfs-fs-body);
	line-height: var(--lfs-lh);
}

a {
	color: var(--lfs-accent);
	text-decoration: none;
}

a:hover {
	color: var(--lfs-accent-700);
	text-decoration: underline;
}

hr,
.wp-block-separator {
	border: 0;
	border-top: 0.0625rem solid var(--lfs-divider);
	opacity: 1;
}

/* Visi paveikslėlių aprašai (captions) – prigesinta spalva, step--1, kursyvas,
eilutės aukštis 1.2 */
figcaption,
.wp-element-caption,
.lfs-cover-caption {
	color: var(--lfs-muted);
	font-size: var(--step--1);
	font-style: italic;
	line-height: 1.2;
}

/* <small> – smulkus tekstas (step--2) */
small {
	font-size: var(--step--2);
}

figcaption {
	padding: var(--lfs-s2) var(--lfs-s3);
	font-style: italic;
	font-weight: 300;
}

/* prieinamumas */
.screen-reader-text {
	position: absolute;
	width: 0.0625rem;
	height: 0.0625rem;
	overflow: hidden;
	clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
	white-space: nowrap;
}

.lfs-skip {
	position: absolute;
	left: -624.938rem;
}

.lfs-skip:focus {
	left: 0.5rem;
	top: 0.5rem;
	z-index: 99999;
	padding: var(--lfs-s3) var(--lfs-s3);
	border: 0.0625rem solid var(--lfs-divider);
	background: var(--lfs-white);
}

/* ==========================================================================
3. Išdėstymas
========================================================================== */
.lfs-shell {
	display: flex;
	flex: 1;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	max-width: 77.5rem;
	margin: 0 auto;
	/* šoniniai rėmeliai – šešėlis už ribų: kai apvalkalas užima visą ekrano plotį,
	jį nukerpa body overflow-x: clip, todėl rėmeliai dingsta be media užklausos */
	box-shadow:
		-0.0625rem 0 0 var(--lfs-divider),
		0.0625rem 0 0 var(--lfs-divider);
	background: var(--lfs-bg);
}

#turinys {
	flex: 1;
}

.lfs-pad {
	padding-block: var(--lfs-pad-block);
	padding-inline: var(--lfs-gutter);
}

/* ==========================================================================
4. Masthead
========================================================================== */
.lfs-masthead {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	/*   gap: 20px; */
	border-bottom: 0.0625rem solid var(--lfs-divider);
}

.lfs-logo {
	width: 100%;

	a {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 0 0.1em;
		text-decoration: none;
		overflow: hidden;

		span {
			font-size: clamp(1.5rem, 10cqw, 10rem);
			font-weight: 100;
			font-family: "Times New Roman", Times, serif;
			line-height: 0.75em;
			text-box-trim: trim-both;
			text-box-edge: cap alphabetic;
			color: black;

		}
	}

	.logo-top {
		/* Viršus ir šonai apkerpami kaip anksčiau, bet apačioje – ne: „J“ uodega eina
		žemiau pagrindinės linijos ir su overflow: hidden būdavo nukerpama (ypač
		mobiliajame, kur raidės pakeltos tik 0.1em). clip-path apačioje palieka 1em atsargą. */
		overflow: visible;
		clip-path: inset(0 0 -1em 0);

		span {
			transform: translateY(-0.25em); /* 5 % daugiau palindę po viršutiniu bloku (buvo -0.2em) */
		}
	}

	.logo-bottom {
		span {
			transform: translateY(0.15em); /* 5 % daugiau išlindę iš apatinio bloko (buvo 0.2em) */
		}
	}
}

.lfs-creds {
	width: 100%;
	border-bottom: 0.0625rem solid #fff;
	border-top: 0.0625rem solid #fff;
	font-size: var(--step--1);
	font-weight: 600;
	color: white;
	background: black;
}

.lfs-issn {
	/* trys stulpeliai: ISSN kairėje, kalbos perjungiklis tiksliai per vidurį, ISSN dešinėje */
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	line-height: 1.33;
	padding: var(--lfs-s4) var(--lfs-gutter);
	gap: var(--lfs-s2) var(--lfs-s8);
	margin: 0;
	font-weight: 300;
}

/* dešinysis ISSN – prie dešiniojo krašto */
.lfs-issn > div:last-child {
	text-align: end;
}

/* kalbos perjungiklis juodoje juostoje (kompiuteryje): akcento spalva, juostos šriftu,
su gaublio piktograma; užvedus – pabraukimas teksto spalva (kaip meniu) */
.lfs-langs.lfs-langs--creds a {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	/* akcentas juodame fone – šviesesnis atspalvis (≈ 6:1; pagrindinis #007a94 ≈ 4.3:1) */
	color: var(--lfs-accent-400);
	font: 300 var(--step--1) / 1.33 var(--lfs-body);
	letter-spacing: 0.02em;
	text-transform: none;
}

.lfs-langs.lfs-langs--creds a:hover {
	background: transparent;
	color: var(--lfs-accent-400);
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
}

/* --- kabanti antraštė (kompiuteryje, kai veikia assets/header.js) ---
Logotipas ir navigacija prilipę viršuje (ISSN juosta nuslenka), po logotipu slenkantis
turinys suliejamas. Slenkant žemyn visa antraštė (logotipas ir navigacija) paslepiama,
slenkant aukštyn – vėl parodoma. Navigacija – po logotipu, absoliučiai pozicionuota; jos
vietą sraute laiko antraštės margin-bottom (--lfs-nav-h), todėl turinys nešokinėja.
Fokusavus nuorodą klaviatūra antraštė rodoma. */
.lfs-sticky-head {
	/* fono nepermatomumas (0–1) ir suliejimo stiprumas – derinama čia */
	--lfs-head-alpha: 0.4;
	--lfs-head-blur: 0.75rem; /* 12px; Safari reikšmė – .lfs-masthead taisyklėje */
	scroll-padding-top: calc(var(--lfs-head-h, 0px) - var(--lfs-creds-h, 0px) + var(--lfs-nav-h, 0px) + var(--wp-admin--admin-bar--height, 0px));
}

.lfs-sticky-head .lfs-header {
	position: sticky;
	/* neigiamas ISSN juostos aukštis: ji nuslenka, prilimpa tik logotipas */
	top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--lfs-creds-h, 0px));
	z-index: 100;
	margin-bottom: var(--lfs-nav-h, 0px);
	transition: transform 0.3s ease;
}

/* paslėpta: pakeliama per visą aukštį kartu su navigacija */
.lfs-sticky-head .lfs-header.is-nav-hidden:not(:focus-within) {
	transform: translateY(calc(-100% - var(--lfs-nav-h, 0px)));
}

.lfs-sticky-head .lfs-masthead {
	position: relative;
	z-index: 2;
	background: rgb(255 255 255 / var(--lfs-head-alpha));
	/* Safari: -webkit-backdrop-filter nepriima var() – reikšmės įrašytos tiesiogiai
	(keičiant --lfs-head-blur, pakeisti ir čia). */
	-webkit-backdrop-filter: blur(0.75rem) saturate(1.2);
	backdrop-filter: blur(var(--lfs-head-blur)) saturate(1.2);
}

.lfs-sticky-head .lfs-nav {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 1;
	/* navigacijos fonas visada baltas (skaidrus ir suliejamas – tik logotipas) */
	background: var(--lfs-white);
}

@media (prefers-reduced-motion: reduce) {
	.lfs-sticky-head .lfs-header {
		transition: none;
	}
}


/* ==========================================================================
5. Navigacija ir kalbų perjungiklis
========================================================================== */
.lfs-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--lfs-s2) var(--lfs-s8);
	padding: var(--lfs-s2) var(--lfs-gutter);
	border-bottom: 0.0625rem solid var(--lfs-divider);
}

.lfs-nav a {
	display: block;
	/* 4 (viršuje) + 24 (eilutė) + 2 (apačioje) + 2 (rėmelis) = 32px */
	padding-top: var(--lfs-s1);
	padding-bottom: 0.125rem;
	border-bottom: 0.125rem solid transparent; /* pasirinkto punkto linija – 2px */
	color: var(--lfs-text);
	/* dydis – kaip poraštės rubrikų nuorodų (--step--1) */
	font: 400 var(--step--1) / 1.5rem var(--lfs-body);
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.lfs-nav a:hover {
	/* pabraukimas – kaip nuorodos pagrindiniame tekste (.lfs-body a: 1px, 0.15em) */
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
}

.lfs-nav a[aria-current] {
	border-bottom-color: var(--lfs-accent);
}

/* skirtukas „•“ tarp meniu grupių – meniu punktų šriftu, pilkas;
meniu modale (stulpelis) nerodomas */
.lfs-nav-sep {
	flex: none;
	padding-top: var(--lfs-s1); /* kaip .lfs-nav a – ta pati teksto linija */
	padding-bottom: 0.125rem;
	border-bottom: 0.125rem solid transparent;
	color: var(--lfs-muted);
	font: 400 var(--step--1) / 1.5rem var(--lfs-body);
}

.lfs-menu-nav .lfs-nav-sep {
	display: none;
}

/* paieška – navigacijos dešinėje (buvusioje kalbos perjungiklio vietoje) */
.lfs-nav .lfs-search {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
	color: var(--lfs-accent);
}

.lfs-nav .lfs-search-icon {
	display: block;
	width: 1.1875rem;
	height: 1.1875rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

/* kalbų perjungiklis (privalo eiti po .lfs-nav a: perrašo šriftą ir rėmelį) */
.lfs-langs {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfs-langs a {
	display: block;
	margin-left: -0.0625rem;
	padding: var(--lfs-s2) var(--lfs-s3);
	border: 0.0625rem solid var(--lfs-divider);
	color: var(--lfs-text);
	font: 600 var(--step--1) / 1.33 var(--lfs-body);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.lfs-langs li:first-child a {
	margin-left: 0;
}

.lfs-langs a:hover {
	background: var(--lfs-surface);
	text-decoration: none;
}

.lfs-langs .current-lang a {
	background: var(--lfs-text);
	color: var(--lfs-white);
}

/* gaublio piktograma prie kalbos nuorodos (antraštėje ir meniu modale) – linijinė,
kaip paieškos; kaukė, todėl spalva = teksto spalva (currentColor). CSS, nes
nuorodos HTML praleidžiamas per wp_kses_post (SVG būtų išmestas). */
.lfs-langs a {
	gap: var(--lfs-s2);
}

.lfs-langs a::before {
	content: "";
	flex: none;
	width: 1.1875rem;
	height: 1.1875rem;
	background: currentColor;
	-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='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9M12 3c-2.5 2.6-3.8 5.6-3.8 9s1.3 6.4 3.8 9'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9M12 3c-2.5 2.6-3.8 5.6-3.8 9s1.3 6.4 3.8 9'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* perjungiklis navigacijos juostoje: be rėmelių, pastumtas į dešinę */
.lfs-nav .lfs-langs {
	margin-left: auto;
}

.lfs-nav .lfs-langs a {
	display: inline-flex;
	align-items: center;
	margin: 0;
	border: 0;
	color: var(--lfs-accent);
	/* šriftas – kaip meniu punkto „Paieška“ (.lfs-nav a) */
	font: 400 var(--step--1) / 1.5rem var(--lfs-body);
	letter-spacing: 0.02em;
	text-transform: none;
}

.lfs-nav .lfs-langs a:hover {
	background: transparent;
	/* kaip kitų meniu punktų (bazinė .lfs-langs a:hover pabraukimą išjungia) */
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
}

.lfs-nav .lfs-langs .current-lang a,
.lfs-nav .lfs-langs .current-lang a:hover {
	background: var(--lfs-text);
	color: var(--lfs-white);
	text-decoration: none;
}

/* --- mobilusis išdėstymas: juosta po logotipu ir meniu modalas ---
„Kompiuteris“ – (min-width: 64em) and (hover: hover), tas pats lūžis kaip assets/header.js
ir assets/menu.js. Visur kitur ISSN juosta ir navigacijos eilutė paslepiamos, po logotipu
virš logotipo rodoma juoda juosta „Nuo 1999 metų | Meniu“, o navigacija ir kalbos – <dialog id="lfs-menu">. */
.lfs-mbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lfs-s4);
	width: 100%;
	box-sizing: border-box;
	padding: var(--lfs-s1) var(--lfs-gutter);
	background: var(--lfs-black);
	color: var(--lfs-white);
}

.lfs-mbar-since {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
	/* kaip mygtuko „Meniu“ užrašas, tik plonesnis (300) */
	font: 300 var(--step-0) / 1.71 var(--lfs-body);
	letter-spacing: 0.02em;
}

.lfs-menu-toggle {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
	min-height: 2.75rem; /* 44px – liečiamo taikinio minimumas */
	margin-right: calc(var(--lfs-s2) * -1);
	padding: 0 var(--lfs-s2);
	border: 0;
	background: transparent;
	color: var(--lfs-white);
	font: 600 var(--step-0) / 1.71 var(--lfs-body);
	letter-spacing: 0.06em; /* didžiosioms raidėms – platesni tarpai */
	text-transform: uppercase;
	cursor: pointer;
}

.lfs-menu-icon {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
}

.lfs-menu-burger {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

@media (min-width: 64em) and (hover: hover) {
	.lfs-mbar,
	.lfs-menu,
	.lfs-menu[open] {
		display: none;
	}
}

@media not all and (min-width: 64em) and (hover: hover) {
	.lfs-creds,
	.lfs-nav {
		display: none;
	}

	/* viršutinis logotipas: kompiuteryje raidės pakeltos 0.25em (nukirptos viršuje),
	mobiliajame – 0.15em, todėl matosi daugiau (galioja ir meniu modale) */
	.lfs-logo .logo-top span {
		transform: translateY(-0.15em); /* buvo -0.1em */
	}

	/* viršutinis logotipas: linija po juo – 8px toliau (antraštėje ir meniu modale) */
	.lfs-masthead .lfs-logo,
	.lfs-menu-logo {
		padding-bottom: var(--lfs-s2);
	}

	/* parodų archyvas: „Rodyti pasibaigusias“ – antroje eilutėje, dešinėje, po vaizdo
	perjungikliu (perjungiklis lieka dešinėje šalia pavadinimo). Įrankių juosta „ištirpdoma“
	(display: contents), kad jos elementai taptų antraštės bloko elementais. */
	.lfs-page-head:has(> .lfs-toolbar .lfs-toggle) {
		flex-wrap: wrap;
		row-gap: var(--lfs-s3);
	}

	.lfs-page-head > .lfs-toolbar:has(.lfs-toggle) {
		display: contents;
	}

	/* form.: specifiškumas didesnis už bazinę taisyklę (margin-left: auto), kuri faile vėliau */
	.lfs-page-head > .lfs-toolbar form.lfs-toggle {
		order: 1;
		flex: 1 0 100%;
		justify-content: flex-end;
		margin-left: 0;
	}

	.lfs-page-head > .lfs-toolbar .lfs-toggle + .lfs-seg {
		margin-left: auto;
	}
}

/* WordPress administratoriaus juosta < 600px nėra prilipusi – antraštė prilimpa prie 0 */
@media screen and (max-width: 600px) {
	.lfs-sticky-head .lfs-header {
		top: 0;
	}
}

/* modalas: visas ekranas, išblukimas per .is-open (assets/menu.js) */
.lfs-menu {
	position: fixed;
	inset: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--lfs-bg);
	color: var(--lfs-text);
	overflow-y: auto;
	overscroll-behavior: contain;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.lfs-menu.is-open {
	opacity: 1;
}

/* stulpelis: juosta, logotipas, navigacija */
.lfs-menu[open] {
	display: flex;
	flex-direction: column;
}

.lfs-menu-logo {
	flex: none;
	border-bottom: 0.0625rem solid var(--lfs-divider);
}

.lfs-menu::backdrop {
	background: transparent;
}

/* fono puslapis neslenka, kol meniu atidarytas */
.lfs-menu-open,
.lfs-menu-open body {
	overflow: hidden;
}

.lfs-menu-head {
	display: flex;
	flex: none;
	align-items: center;
	gap: var(--lfs-s4);
	padding: var(--lfs-s1) var(--lfs-gutter);
	background: var(--lfs-black);
	color: var(--lfs-white);
}

/* kalbų perjungiklis juodoje juostoje: tekstinė nuoroda, kaip „Uždaryti“, šviesesnis akcentas (≈ 6:1 juodame) */
.lfs-menu-head .lfs-langs a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	margin: 0 0 0 calc(var(--lfs-s2) * -1);
	padding: 0 var(--lfs-s2);
	border: 0;
	background: transparent;
	color: var(--lfs-accent-400);
	font: 600 var(--step-0) / 1.71 var(--lfs-body);
	letter-spacing: 0.02em;
	text-transform: none;
}

.lfs-menu-head .lfs-langs a:hover {
	background: transparent;
	color: var(--lfs-white);
}

.lfs-menu-close {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
	min-height: 2.75rem;
	margin-right: calc(var(--lfs-s2) * -1);
	margin-left: auto; /* dešinėje, net jei kalbų perjungiklio nėra */
	padding: 0 var(--lfs-s2);
	border: 0;
	background: transparent;
	color: var(--lfs-white);
	font: 600 var(--step-0) / 1.71 var(--lfs-body);
	letter-spacing: 0.02em;
	cursor: pointer;
}

.lfs-menu-close svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

.lfs-menu-nav {
	display: flex;
	flex: none;
	flex-direction: column;
	padding: var(--lfs-s2) var(--lfs-gutter) var(--lfs-s8);
}

.lfs-menu-nav a {
	display: block;
	padding-block: var(--lfs-s3);
	border-bottom: 0.0625rem solid var(--lfs-divider2);
	color: var(--lfs-text);
	font: 600 var(--step-2) / 1.6 var(--lfs-body);
	letter-spacing: 0.01em;
}

.lfs-menu-nav a:hover {
	color: var(--lfs-accent);
	text-decoration: none;
}

.lfs-menu-nav a[aria-current] {
	color: var(--lfs-accent);
}

.lfs-menu-nav .lfs-search {
	display: flex;
	align-items: center;
	gap: var(--lfs-s2);
	color: var(--lfs-accent);
}

.lfs-menu-nav .lfs-search-icon {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

@media (prefers-reduced-motion: reduce) {
	.lfs-menu {
		transition: none;
	}
}

/* ==========================================================================
6. Komponentai
========================================================================== */

/* --- etiketės ir meta --- */
.lfs-eyebrow {
	margin-bottom: var(--lfs-s3);
	color: var(--lfs-accent);
	font: 600 var(--step--1) / 1.45 var(--lfs-body);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.lfs-sectitle {
	margin: var(--lfs-s6) 0 var(--lfs-s2);
	border-bottom: 0.0625rem solid var(--lfs-divider);
	font-family: var(--lfs-heading);
	font-size: var(--step-2);
	font-weight: 600;
	line-height: 1.1;
	line-height: round(up, 1.1em, var(--lfs-u));
}

.lfs-byline {
	color: var(--lfs-muted);
	font-size: var(--step--1);
	line-height: 1.43;
}

.lfs-tag {
	display: inline-block;
	padding: var(--lfs-s2) var(--lfs-s3);
	border: 0.0625rem solid var(--lfs-divider);
	background: var(--lfs-accent-100);
	color: var(--lfs-accent-800);
	font: 600 var(--step--1) / 1.33 var(--lfs-body);
}

.lfs-empty {
	padding: var(--lfs-s6) 0;
	color: var(--lfs-muted);
}

/* --- viršelis --- */
.lfs-cover {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 0.0625rem solid var(--lfs-divider);
	background: var(--lfs-surface);
}

/* viršelis rodomas savo proporcijomis – niekur nei ištempiamas, nei apkerpamas */
.lfs-cover img {
	display: block;
	width: 100%;
	height: auto;
}

/* tik tuščias viršelis (be nuotraukos) gauna žurnalo formato rėmelį */
.lfs-cover:has(> .lfs-cover-empty) {
	aspect-ratio: 340 / 462;
}

.lfs-cover-empty {
	padding: var(--lfs-s4);
	color: var(--lfs-muted);
	font: 600 var(--step--1) / 1.45 var(--lfs-body);
	letter-spacing: 0.14em;
	text-align: center;
	text-transform: uppercase;
}

/* --- kortelių tinklelis --- */
.lfs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
	gap: var(--lfs-gap);
}

/* Kortelės aukštis ≤ --lfs-card-max: trūkstant vietos traukiasi nuotrauka, ne tekstas. */
.lfs-card {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	max-height: var(--lfs-card-max);
	overflow: hidden;
}

.lfs-card > a:first-child {
	flex: 0 1 9.5rem;
	min-height: 0;
}

/* tekstas nesitraukia (overflow: hidden jam leistų) – traukiasi tik nuotrauka */
.lfs-card > :not(:first-child),
.lfs-mcard-body > * {
	flex-shrink: 0;
}

.lfs-card img,
.lfs-card .lfs-thumb-empty {
	display: block;
	height: 100%;
	min-height: 0;
}

.lfs-card .lfs-ct {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}

.lfs-card img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.lfs-card .lfs-thumb-empty {
	background: var(--lfs-surface);
}

.lfs-card .lfs-ct {
	margin-top: var(--lfs-s3);
	/* color: var(--lfs-text); */
	font: 600 var(--step-1) / 1.33 var(--lfs-heading);
	text-wrap: pretty;
}

.lfs-card .lfs-ct:hover,
.lfs-card .lfs-ct:focus-visible {
	color: var(--lfs-accent);
	text-decoration: none;
}

/* --- mozaika („Taip pat šiame numeryje“): eilutės 2 + 3 + 1 --- */
.lfs-mosaic {
	display: flex;
	flex-direction: column;
	gap: var(--lfs-gap);
	margin-top: var(--lfs-s4);
}

.lfs-mosaic-row {
	--lfs-switch: 0rem;

	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-gap);
}

/* „switcher“: kol eilutė platesnė už --lfs-switch, visos kortelės vienoje eilutėje;
siauresnėje – kiekviena per visą plotį. Jokių tarpinių 2 + 1 išdėstymų. */
.lfs-mosaic-row > * {
	flex-grow: 1;
	flex-basis: calc((var(--lfs-switch) - 100%) * 999);
}

.lfs-mosaic-row--2 {
	--lfs-switch: 40rem;
}

.lfs-mosaic-row--3 {
	--lfs-switch: 52rem;
}

/* Kortelės aukštis ≤ --lfs-card-max (60vw ir 60 % lango aukščio) visuose puslapiuose. Vietos trūkstant traukiasi
nuotrauka; ilgi tekstai apkerpami iki kelių eilučių (žr. line-clamp žemiau). */
.lfs-mcard {
	position: relative;
	display: flex;
	box-sizing: border-box;
	max-height: var(--lfs-card-max);
	overflow: hidden;
	border: 0.0625rem solid var(--lfs-divider);
	background: var(--lfs-bg);
}

/* visa kortelė – viena nuoroda į įrašą */
.lfs-mcard-link {
	display: flex;
	flex: 1;
	flex-direction: column;
	color: inherit;
}

.lfs-mcard-link:hover {
	color: inherit;
	text-decoration: none;
}

.lfs-mcard-media {
	display: block;
	flex: 0 1 auto;
	min-height: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--lfs-surface);
}

.lfs-mcard-media img,
.lfs-mcard-media .lfs-thumb-empty {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.lfs-mcard:hover .lfs-mcard-media img,
.lfs-mcard-link:focus-visible .lfs-mcard-media img {
	transform: scale(1.03);
}

.lfs-mcard-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: var(--lfs-s4) var(--lfs-s4) var(--lfs-s4);
}

.lfs-mcard-title {
	margin: 0;
	/* kaip sąraše: pavadinimas – step-2, SemiBold (600) */
	font: 600 var(--step-2) / 1.15 var(--lfs-heading);
	line-height: round(up, 1.15em, var(--lfs-s1));
	letter-spacing: -0.015em;
	text-wrap: pretty;
}

.lfs-mcard-title {
	color: var(--lfs-text);
}

.lfs-mcard-link:hover .lfs-mcard-title,
.lfs-mcard-link:focus-visible .lfs-mcard-title {
	color: var(--lfs-accent);
}

.lfs-mcard-link:hover .lfs-mcard-subtitle,
.lfs-mcard-link:focus-visible .lfs-mcard-subtitle {
	color: var(--lfs-accent);
}

/* paantraštė – kaip sąraše: step-1, Medium (500), pavadinimo šriftu */
.lfs-mcard-subtitle {
	margin: var(--lfs-s1) 0 0;
	color: var(--lfs-text);
	font: 500 var(--step-1) / 1.35 var(--lfs-heading);
	line-height: round(up, 1.35em, var(--lfs-s1));
	letter-spacing: -0.01em;
	text-wrap: pretty;
}

/* autorius – kaip sąraše: step-0, Medium (500) */
.lfs-mcard-authors {
	margin: 0 0 var(--lfs-s1);
	color: var(--lfs-text); /* autorius visur juodas (tamsiose kortelėse – šviesus, žr. .lfs-mcard--dark) */
	font-size: var(--step--1);
	font-weight: 500;  
	line-height: 1.43;
}



/* ilgų tekstų apkirpimas, kad tilptų į ribotą kortelės aukštį */
.lfs-mcard-title,
.lfs-mcard-subtitle,
.lfs-mcard-lead {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lfs-mcard-title {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.lfs-mcard-subtitle {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.lfs-mcard-lead {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.lfs-mcard-lead {
	margin: var(--lfs-s2) 0 0;
	color: var(--lfs-lead);
	font-size: var(--step-0); /* ištrauka – step-0 */
	line-height: 1.5;
	text-wrap: pretty;
}

.lfs-mcard-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-s2) var(--lfs-s3);
	align-items: center;
	margin-top: auto;
	padding-top: var(--lfs-s3);
	color: var(--lfs-muted);
	/* kaip sąrašo apatinė eilutė: step-0, Regular (400) */
	font-size: var(--step--1);
	font-weight: 400;
	line-height: 1.43;
}

.lfs-mcard-meta .lfs-type--rubric {
	font-weight: 400;
}

/* „tipas • skaitymo laikas“: skirtukas eina po elementu, todėl lūžus eilutei
nauja eilutė neprasideda „•“ */
.lfs-mcard-meta > :not(:last-child)::after {
	content: "•";
	margin-inline-start: var(--lfs-s3);
	color: currentColor;
}

/* tamsios kortelės: tekstas ant nuotraukos */
.lfs-mcard--dark .lfs-mcard-link {
	/* safe: jei tekstas netelpa, apkerpama apačia, o ne pavadinimas */
	justify-content: flex-end;
	justify-content: safe flex-end;
}

.lfs-mcard--dark {
	min-height: min(round(clamp(24rem, 40vw, 28.5rem), var(--lfs-s2)), var(--lfs-card-max));
	background: var(--lfs-text);
	color: var(--lfs-white);
}

.lfs-mcard--dark .lfs-mcard-media {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
}

.lfs-mcard--dark .lfs-mcard-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgb(0 0 0 / 0) 30%, rgb(0 0 0 / 0.82) 100%);
}

.lfs-mcard--dark .lfs-mcard-body {
	position: relative;
	flex: 0 0 auto;
	/* tamsus fonas po pačiu tekstu: įskaitomas net kai tekstas užpildo visą kortelę */
	background: linear-gradient(to bottom, rgb(0 0 0 / 0), rgb(0 0 0 / 0.55) var(--lfs-s8));
	padding: var(--lfs-card-pad);
}

/* tamsiose kortelėse dydžiai tokie patys kaip šviesiose (žr. .lfs-mcard-title / -subtitle) */

.lfs-mcard--dark .lfs-mcard-title {
	font-weight: 600;
}

.lfs-mcard--dark .lfs-mcard-subtitle,
.lfs-mcard--dark .lfs-mcard-link:hover .lfs-mcard-subtitle,
.lfs-mcard--dark .lfs-mcard-link:focus-visible .lfs-mcard-subtitle {
	color: var(--lfs-white);
}

.lfs-mcard--dark .lfs-mcard-title,
.lfs-mcard--dark .lfs-mcard-link:hover .lfs-mcard-title,
.lfs-mcard--dark .lfs-mcard-link:focus-visible .lfs-mcard-title {
	color: var(--lfs-white);
}

.lfs-mcard--dark .lfs-mcard-link:hover .lfs-mcard-title,
.lfs-mcard--dark .lfs-mcard-link:focus-visible .lfs-mcard-title {
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
}

.lfs-mcard--dark .lfs-mcard-lead {
	color: rgb(255 255 255 / 0.88);
}

.lfs-mcard--dark .lfs-mcard-meta,
.lfs-mcard--dark .lfs-mcard-authors {
	color: rgb(255 255 255 / 0.78);
}

/* didelė kortelė */
.lfs-mcard--hero {
	min-height: min(clamp(27rem, 48vw, 42.5rem), var(--lfs-card-max));
	text-align: center;
}

.lfs-mcard--hero .lfs-mcard-body {
	/* stretch, ne center: kitaip apkerpamas tekstas gali išlįsti už kortelės krašto;
	centruoja text-align */
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	padding: round(clamp(var(--lfs-s4), 3.5vw, var(--lfs-s10)), var(--lfs-s2))
		round(clamp(var(--lfs-s4), 3vw, var(--lfs-s8)), var(--lfs-s2))
		round(clamp(var(--lfs-s4), 3vw, var(--lfs-s8)), var(--lfs-s2));
}

/* tamsus fonas per visą kortelės plotį, tekstas – ne platesnis nei 53.75rem */
.lfs-mcard--hero .lfs-mcard-body > * {
	box-sizing: border-box;
	width: min(100%, 53.75rem);
	margin-inline: auto;
}

/* didelės kortelės šriftai – tie patys žingsniai kaip sąraše (pavadinimas step-2,
poantraštė step-1; žr. .lfs-mcard-title / -subtitle) */

.lfs-mcard--hero .lfs-mcard-lead {
	margin-top: var(--lfs-s3);
}

.lfs-mcard--hero .lfs-mcard-meta {
	justify-content: center;
}

/* Vienodo aukščio mozaika (parodos): visų eilučių kortelės tokio pat aukščio.
Kortelėse su nuotrauka viršuje nuotrauka užima visą likusią vietą. */
/* parodų kortelės: ≤ 40vw ir ≤ 60 % lango aukščio */
.lfs-mcard--exhibition {
	max-height: var(--lfs-card-max-exh);
}

.lfs-mcard--exhibition.lfs-mcard--dark {
	min-height: min(round(clamp(24rem, 40vw, 28.5rem), var(--lfs-s2)), var(--lfs-card-max-exh));
}

.lfs-mosaic--uniform .lfs-mcard {
	/* bendra riba; parodų kortelėms griežtesnę ribą taiko .lfs-mcard--exhibition max-height */
	height: min(var(--lfs-card-h, round(clamp(22rem, 34vw, 28rem), var(--lfs-s2))), var(--lfs-card-max));
	min-height: 0;
}

.lfs-mosaic--uniform .lfs-mcard--stack .lfs-mcard-media {
	flex: 1 1 0;
	aspect-ratio: auto;
}

.lfs-mosaic--uniform .lfs-mcard--stack .lfs-mcard-body {
	flex: 0 0 auto;
}

/* viena kortelė eilutėje: tekstas ant nuotraukos, aukštis iki 80 % matomo lango
aukščio (vietoj bendros 60 % ribos); parodų kortelėms lieka ir 40vw riba */
.lfs-mosaic-row--single {
	--lfs-card-max: 80svh;
	--lfs-card-max-exh: min(40vw, 80svh);
}

/* Mobiliajame (ne kompiuterio išdėstymas, kaip antraštėje) kortelės eina viena po kitos
(žr. „switcher“ .lfs-mosaic-row), o jų aukštis priklauso nuo turinio:
 - eilutė po 3 (`stack`, nuotrauka viršuje): nuotrauka ne žemesnė nei 20 % lango aukščio;
 - eilutė po 2 (`overlay`, tekstas ant nuotraukos): kortelė = teksto aukštis + 30 % lango aukščio;
 - viena kortelė (`hero`): kortelė = teksto aukštis + 40 % lango aukščio.
Tekstas ant nuotraukos: nuotrauka užima visą kortelę, virš teksto – tuščias tarpas
(::before) 30 / 40 % lango aukščio. Bendros aukščio ribos (--lfs-card-max, parodų ir
vienodo aukščio mozaikos) mobiliajame netaikomos, kad tekstas nebūtų apkerpamas. */
@media not all and (min-width: 64em) and (hover: hover) {
	.lfs-mosaic .lfs-mosaic-row .lfs-mcard {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.lfs-mosaic .lfs-mosaic-row .lfs-mcard--stack .lfs-mcard-media {
		flex: none;
		aspect-ratio: 3 / 2;
		min-height: 20vh;
		min-height: 20svh;
	}

	.lfs-mosaic .lfs-mcard--overlay .lfs-mcard-link::before,
	.lfs-mosaic .lfs-mcard--hero .lfs-mcard-link::before {
		content: "";
		flex: none;
		height: 30vh;
		height: 30svh;
	}

	.lfs-mosaic .lfs-mcard--hero .lfs-mcard-link::before {
		height: 40vh;
		height: 40svh;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lfs-mcard-media img {
		transition: none;
	}

	.lfs-mcard:hover .lfs-mcard-media img,
.lfs-mcard-link:focus-visible .lfs-mcard-media img {
		transform: none;
	}
}

/* --- straipsnio puslapis: „Kituose šio numerio straipsniuose“, „Numeryje minimos
parodos“. Linija virš antraštės, nuo jos ≥ 24px; virš bloko ≥ 48px, po antrašte 24px. */
.lfs-issue-block {
	margin-top: var(--lfs-issue-gap);
	padding-top: var(--lfs-s6);
	border-top: 0.0625rem solid var(--lfs-divider);
}

.lfs-issue-block + .lfs-issue-block {
	margin-top: var(--lfs-s12);
}

.lfs-issue-block-title {
	margin: 0 0 var(--lfs-s6);
	font: 600 var(--step-2) / 1.2 var(--lfs-heading);
	line-height: round(up, 1.2em, var(--lfs-u));
	text-align: center;
}

.lfs-issue-block-title a {
	color: var(--lfs-text);
}

.lfs-issue-block-title a:hover {
	color: var(--lfs-accent);
	text-decoration: none;
}

.lfs-issue-block .lfs-mosaic {
	margin-top: 0;
}

/* To paties numerio blokas: straipsniai, parodos, portfolio – juodame fone,
vidiniai tarpai 16px (2 ritmo žingsniai). Kortelės su tekstu lieka baltos. */
/* virš juodo bloko 48–64px; antraštė „Dar numeryje“ + numerio pavadinimas + poantraštė – bloko viduje, balta */
.lfs-issue-pack-wrap {
	margin-top: var(--lfs-issue-gap);
}

/* bloko padding 16px + 16px = 32px iki antraštės; po ja 8px + 16px tarpas = 24px */
.lfs-issue-pack-title {
	margin: var(--lfs-s4) 0 var(--lfs-s2);
}

/* „Dar numeryje“ – metaduomenų dydžiu (0.875rem, Inter Light);
numerio pavadinimas – bloko antraštės dydžiu; poantraštė (numerio tema, jei yra) –
kaip straipsnio paantraštė sąraše (pavadinimo šriftu, Inter Light) */
.lfs-issue-pack-kicker,
.lfs-issue-pack-name,
.lfs-issue-pack-theme {
	display: block;
}

.lfs-issue-pack-kicker {
	font: 300 var(--step--1) / 1.43 var(--lfs-body);
}

.lfs-issue-pack-theme {
	margin-top: var(--lfs-s1);
	font: 200 var(--step-1) / 1.35 var(--lfs-heading); /* kaip numerio tema visur */
	letter-spacing: -0.01em;
}

.lfs-issue-pack-title {
	color: var(--lfs-white);
}

/* numerio pavadinimas ir poantraštė juodame fone – šviesesnis akcentas (≈ 6:1) */
.lfs-issue-pack-title a,
.lfs-issue-pack-title a:hover {
	color: var(--lfs-accent-400);
}

.lfs-issue-pack-name {
	/* kaip numerio žymė visur: step-2, Regular (400) */
	font: 400 var(--step-2) / 1.15 var(--lfs-heading);
}

.lfs-issue-pack-title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 0.125rem;
	text-underline-offset: 0.12em;
}

.lfs-issue-pack {
	display: flex;
	flex-direction: column;
	gap: var(--lfs-s4);
	/* per visą .lfs-pad (main) plotį: išeina už šoninių paraščių */
	margin-inline: calc(var(--lfs-gutter) * -1);
	padding: var(--lfs-s4);
	background: var(--lfs-black);
}

.lfs-issue-pack .lfs-mosaic,
.lfs-issue-pack .lfs-mosaic-row {
	gap: var(--lfs-s4);
	margin-top: 0;
}

.lfs-issue-pack .lfs-mcard {
	/* pilkas rėmelis, 20 % nepermatomumo */
	border-color: rgb(128 128 128 / 0.2);
}

/* paslėpta antraštė („Kituose šio numerio straipsniuose“): linija lieka, tarpas
iki kortelių – kaip nuo linijos iki antraštės */
.lfs-issue-block > .screen-reader-text:first-child {
	margin: 0;
}

/* susiję blokai – ne platesni už pagrindinio teksto stulpelį; siauresniame
plote kortelės eilutėje išsidėsto anksčiau, aukštis vienodas */
.lfs-related-block {
	--lfs-card-h: 24rem;

	/* susijusiuose blokuose antraštė paslėpta, todėl linijos virš jos nereikia */
	padding-top: 0;
	border-top: 0;

	box-sizing: border-box;
	width: min(var(--lfs-measure), 100%);
	margin-inline: auto;
}

.lfs-related-block .lfs-mosaic-row--2 {
	--lfs-switch: 26rem;
}

.lfs-related-block .lfs-mosaic-row--3 {
	--lfs-switch: 34rem;
}


/* --- archyvas pagal numerius (straipsniai, portfolio, parodos) ---
Be skiriamosios linijos: numerio antraštę atskiria tarpai – virš jos 48–64px
(ir virš pirmosios), po ja 24px. */
.lfs-archive-issue {
	margin-top: var(--lfs-issue-gap);
}

.lfs-archive-issue-head {
	margin-bottom: var(--lfs-s6);
}

/* Numerio antraštė – vienoda visur: numerio puslapis (.lfs-issue-header), numerių,
parodų ir kitų archyvų tinklelio bei sąrašo vaizdai (.lfs-archive-issue-head, žr.
template-parts/issue-groups.php). Keičiant – keisti tik čia. */
/* „Numeris“ – step--1, prigesinta */
.lfs-issue-kicker {
	margin: 0 0 var(--lfs-s1);
	color: var(--lfs-muted);
	font: 400 var(--step--1) / 1.43 var(--lfs-body);
}

/* žymė „2026: 2 (48)“ – step-2, Regular (400), akcentas */
.lfs-archive-issue-head h2,
.lfs-issue-header h1,
.lfs-issue-header h2 {
	margin: 0;
	color: var(--lfs-accent);
	font: 400 var(--step-2) / 1.15 var(--lfs-heading);
	letter-spacing: -0.015em;
}

/* tema – step-1, ExtraLight (200), akcentas */
.lfs-archive-issue-theme,
.lfs-issue-header .lfs-issue-theme {
	margin: var(--lfs-s1) 0 0;
	color: var(--lfs-accent);
	font: 200 var(--step-1) / 1.35 var(--lfs-heading);
}

/* Numerio žymė ir tema – visur akcento spalva ir nuorodos į numerį. Užvedus – tamsesnis akcentas, be pabraukimo. */
.lfs-archive-issue-head a,
.lfs-issue-header a,
.lfs-issue-list .lfs-il-label,
.lfs-issue-list .lfs-il-theme {
	color: var(--lfs-accent);
	text-decoration: none;
}

.lfs-archive-issue-head a:hover,
.lfs-issue-header a:hover,
.lfs-issue-list .lfs-il-label:hover,
.lfs-issue-list .lfs-il-theme:hover {
	color: var(--lfs-accent-800);
	text-decoration: none;
}

/* numerio antraštė (pavadinimas – nuoroda, tema – tekstas): visada pagal kairę –
ir tinklelyje (kortelės), ir sąraše; tas pats ir „Ankstesnis numeris“ įkeltiems numeriams */
.lfs-archive-issue-head {
	text-align: start;
}


/* tarpą po antrašte valdo .lfs-archive-issue-head */
.lfs-archive-issue > .lfs-mosaic,
.lfs-archive-issue > .lfs-rows {
	margin-top: 0;
}

/* --- straipsnių eilutės --- */
.lfs-rows {
	display: flex;
	flex-direction: column;
}

/* Sąrašo eilutė – vienoda straipsniams, parodoms ir portfolio (template-parts/card-list.php).
Viršuje per visą plotį: autorius, pavadinimas, poantraštė. Apačioje (.lfs-row-foot):
kairėje „Minima: …“ / parodos būsena, dešinėje tipas + trukmė (dvi eilutės) / miestas. */
.lfs-row {
	display: flex;
	flex-direction: column;
	padding: var(--lfs-s6) 0;
	border-bottom: 0.0625rem solid var(--lfs-divider2);
}

.lfs-row:first-child {
	border-top: 0.0625rem solid var(--lfs-divider2);
}

/* tiesiai po puslapio antraštės juodos linijos papildomos pilkos nereikia */
.lfs-page-head + .lfs-rows > .lfs-row:first-child {
	border-top: 0;
}

.lfs-row:last-of-type {
	border-bottom: 0;
}

/* autorius – step-0, Inter Medium (500), juodas; straipsnio tipas – tos pačios eilutės
dešinėje (step-0, Regular 400, prigesintas, kaip apatinė eilutė) */
.lfs-row-byline-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--lfs-s4);
	margin-bottom: var(--lfs-s1);
	font: 500 var(--step--1) / 1.43 var(--lfs-body);
}

.lfs-row-byline-top .lfs-row-type {
	flex: none;
	margin-inline-start: auto;
	color: var(--lfs-muted);
	font-weight: 400;
}

.lfs-row-author {
	color: var(--lfs-text);
	font-weight: 500;
}

/* pavadinimas – step-2, SemiBold (600) */
.lfs-row .lfs-rt {
	display: block;
	margin-bottom: 0;
	color: var(--lfs-text);
	font: 600 var(--step-2) / 1.15 var(--lfs-heading);
	line-height: round(up, 1.15em, var(--lfs-s1)); /* 4px žingsnis: 8px telefone duotų per retas eilutes */
	letter-spacing: -0.015em;
	text-wrap: pretty;
}

/* poantraštė (tik straipsniams) – step-1, Medium (500) */
.lfs-row .lfs-row-subtitle {
	display: block;
	margin: var(--lfs-s1) 0 0;
	color: var(--lfs-text);
	font: 500 var(--step-1) / 1.35 var(--lfs-heading);
	line-height: round(up, 1.35em, var(--lfs-s1));
	letter-spacing: -0.01em;
	text-wrap: pretty;
}

a.lfs-row:hover .lfs-row-subtitle {
	color: var(--lfs-accent);
}

/* apatinė eilutė – step-0, Regular (400), prigesinta: kairė ir dešinė vienoje eilutėje */
.lfs-row-foot {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--lfs-s4);
	margin-top: var(--lfs-s3);
	color: var(--lfs-muted);
	font: 400 var(--step--1) / 1.43 var(--lfs-body);
}

.lfs-row-foot-left {
	flex: 1 1 auto;
	min-inline-size: 0;
}

/* dešinė: skaitymo trukmė (straipsniai) arba miestas (parodos) */
.lfs-row-foot .lfs-row-side {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: flex-end;
	text-align: end;
	font-weight: 400;
}

/* visa eilutė – nuoroda: be nuorodos spalvos ir pabraukimo, užvedus paryškinamas pavadinimas */
a.lfs-row {
	color: inherit;
	text-decoration: none;
}

a.lfs-row:hover {
	color: inherit;
	text-decoration: none;
}

a.lfs-row:hover .lfs-rt,
a.lfs-row:focus-visible .lfs-rt {
	color: var(--lfs-accent);
}



/* --- parodos būsena (po .lfs-ct/.lfs-rt :hover, kad perrašytų jų text-decoration) --- */
.lfs-exhibition-title,
.lfs-card .lfs-exhibition-title:hover,
.lfs-card .lfs-exhibition-title:focus-visible,
a.lfs-row:hover .lfs-exhibition-title,
a.lfs-row:focus-visible .lfs-exhibition-title {
	/* text-decoration-line: line-through; */
	color: var(--lfs-muted);
	font-weight: 400;
}

/* Straipsnių, parodų ir portfolio pavadinimai-nuorodos (tinklelio ir mozaikos kortelės,
sąrašo eilutės – visur): užvedus pabraukiama kaip nuoroda straipsnio tekste
(.lfs-body a: 1px, 0.15em), pabraukimas – pavadinimo teksto spalvos. */
.lfs-card .lfs-ct:hover,
.lfs-card .lfs-ct:focus-visible,
.lfs-mcard-link:hover .lfs-mcard-title,
.lfs-mcard-link:focus-visible .lfs-mcard-title,
a.lfs-row:hover .lfs-rt,
a.lfs-row:focus-visible .lfs-rt {
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
}

.lfs-exhibition-city {
	margin: var(--lfs-s3) 0 var(--lfs-s2);
	color: var(--lfs-muted);
	font-size: var(--step--1);
	line-height: 1.33;
}

/* parodos ženklelis (lfs_exhibition_badge()): kalendoriaus piktograma + tekstas.
Spalvą turi tik piktograma: vyksta / būsima – akcentas, pasibaigusi – prigesinta.
Tekstas paveldi aplinkos šriftą ir spalvą – toks pat kaip miesto (sąraše .lfs-row-side,
kortelėse .lfs-mcard-meta). */
.lfs-exhibition-ended,
.lfs-exhibition-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s1);
}

.lfs-exh-icon {
	display: block;
	flex: none;
	width: 1rem;
	height: 1rem;
	fill: currentColor;
}

.lfs-exhibition-badge .lfs-exh-icon {
	color: var(--lfs-accent);
}

.lfs-exhibition-ended .lfs-exh-icon {
	color: var(--lfs-muted);
}

/* tamsiose kortelėse (tekstas ant nuotraukos) – šviesūs piktogramų atitikmenys */
.lfs-mcard--dark .lfs-exhibition-badge .lfs-exh-icon {
	color: var(--lfs-accent-400);
}

.lfs-mcard--dark .lfs-exhibition-ended .lfs-exh-icon {
	color: rgb(255 255 255 / 0.78);
}

/* --- mygtukų grupės (rodyklė, vaizdo perjungiklis) --- */
.lfs-seg {
	display: flex;
	margin-left: auto;
}

.lfs-seg a {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
	margin-left: -0.0625rem;
	padding: var(--lfs-s2); /* tik piktograma: kvadratas 32 × 32px */
	border: 0.0625rem solid var(--lfs-divider);
	color: var(--lfs-text);
	font: 600 var(--step--1) / 1.33 var(--lfs-body);
}

/* perjungiklio piktogramos – linijinės, kaip paieškos; spalva iš teksto
(currentColor), todėl keičiasi kartu su juo (hover – akcentas, aktyvus – baltas) */
.lfs-seg-icon {
	flex: none;
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* „Rodyti ir pasibaigusias“ – šalia vaizdo perjungiklio */
.lfs-toggle {
	display: flex;
	align-items: center;
	gap: var(--lfs-s2);
	margin: 0;
	font: 600 var(--step--1) / 1.33 var(--lfs-body);
}

.lfs-toggle label {
	display: flex;
	align-items: center;
	gap: var(--lfs-s3);
	cursor: pointer;
}

/* Žymimasis langelis – kaip GOV.UK Design System „small checkboxes“:
24 × 24px kvadratas su 2px juodu rėmeliu, baltas fonas, stora varnelė;
užvedus – pilkas 10px „halo“ (#b1b4b6); fokusas – 4px rėmelis ir 3px geltonas žiedas. */
.lfs-toggle input {
	flex: none;
	box-sizing: border-box;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	border: 0.125rem solid var(--lfs-focus-text);
	border-radius: 0;
	background: var(--lfs-white) no-repeat center / 1.125rem;
	background-origin: border-box;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.lfs-toggle input:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%230b0c0c' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E");
}

.lfs-toggle label:hover input:not(:disabled),
.lfs-toggle input:hover:not(:disabled) {
	box-shadow: 0 0 0 0.625rem #b1b4b6;
}

.lfs-toggle input:focus-visible {
	outline: 0.1875rem solid transparent; /* matomas Windows didelio kontrasto režime */
	outline-offset: 0.0625rem;
	border-width: 0.25rem;
	box-shadow: 0 0 0 var(--lfs-focus-w) var(--lfs-focus);
}

.lfs-toggle label:hover input:focus-visible,
.lfs-toggle input:focus-visible:hover {
	/* GOV.UK: fokusas ir užvedimas kartu – geltonas žiedas, pilkas halo už jo */
	box-shadow: 0 0 0 var(--lfs-focus-w) var(--lfs-focus), 0 0 0 0.625rem #b1b4b6;
}

.lfs-toggle + .lfs-seg {
	margin-left: var(--lfs-s4);
}

.lfs-page-head > .lfs-toolbar .lfs-toggle {
	margin-left: auto;
}

.lfs-alpha {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 var(--lfs-s8);
}

.lfs-alpha a {
	/* raidės langelis – ne mažesnis nei 35 × 35px */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-inline-size: 2.1875rem;
	min-block-size: 2.1875rem;
	margin: 0 -0.0625rem -0.0625rem 0;
	padding: 0 var(--lfs-s2);
	border: 0.0625rem solid var(--lfs-divider);
	color: var(--lfs-text);
	font: 600 var(--step-0) / 1.2 var(--lfs-body);
}

.lfs-alpha a:hover {
	background: var(--lfs-surface);
	text-decoration: none;
}

/* vaizdo perjungiklis: užvedus keičiasi tik teksto spalva (akcentas) */
.lfs-seg a:not([aria-current]):hover {
	color: var(--lfs-accent);
	text-decoration: none;
}

.lfs-seg a[aria-current] {
	background: var(--lfs-text);
	color: var(--lfs-white);
	text-decoration: none;
}

/* --- paieška --- */
.lfs-search-form {
	display: flex;
	max-width: 32.5rem;
}

.lfs-search-input {
	flex: 1;
	padding: var(--lfs-s3) var(--lfs-s3);
	border: 0.0625rem solid var(--lfs-divider);
	background: var(--lfs-white);
	font: 400 var(--step-0) / 1.6 var(--lfs-body);
}

.lfs-search-submit {
	margin-left: -0.0625rem;
	padding: var(--lfs-s3) var(--lfs-s4);
	border: 0.0625rem solid var(--lfs-divider);
	background: var(--lfs-text);
	color: var(--lfs-white);
	cursor: pointer;
	font: 600 var(--step-0) / 1.54 var(--lfs-body);
}

/* paieškos puslapis: paaiškinimas ir laukas per visą plotį po pavadinimu */
.lfs-search-panel {
	margin: 0 0 var(--lfs-s8);
}

.lfs-search-intro {
	margin: 0 0 var(--lfs-s3);
	color: var(--lfs-muted);
	font-size: var(--step-0);
	line-height: 1.6;
}

.lfs-search-intro a {
	color: var(--lfs-text);
	text-decoration: underline;
	text-decoration-color: var(--lfs-accent);
	text-underline-offset: 0.15em;
}

.lfs-search-panel .lfs-search-form {
	max-width: none;
}

.lfs-search-suggestions {
	margin-top: var(--lfs-s8);
	padding-top: var(--lfs-s4);
	border-top: 0.0625rem solid var(--lfs-divider);
}

.lfs-search-suggestions p {
	margin: 0 0 var(--lfs-s4);
	color: var(--lfs-muted);
	font-size: var(--step-0);
	line-height: 1.6;
}

.lfs-search-suggestions ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-s3) var(--lfs-s6);
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfs-search-suggestions a {
	font-weight: 600;
}

/* --- puslapiavimas (žymėjimą generuoja WordPress) --- */
.lfs-pagination {
	margin-top: var(--lfs-s8);
	padding-top: var(--lfs-s4);
}

.lfs-pagination .page-numbers {
	display: flex;
	margin-right: -0.0625rem;
	padding: var(--lfs-s2) var(--lfs-s3);
	list-style-type: none;
}

.lfs-pagination .page-numbers.current {
	background: var(--lfs-text);
	color: var(--lfs-white);
}

/* --- lightbox --- */
.lfs-lb {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	margin: 0;
	background: var(--lfs-text);
}

.lfs-lb.is-open {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lfs-lb img {
	max-width: 92vw;
	max-height: 82vh;
	object-fit: contain;
}

.lfs-lb figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: var(--lfs-s4) var(--lfs-s6);
	background: rgba(20, 18, 16, 0.9);
	color: var(--lfs-white); /* tamsiame fone – šviesus (prigesinta būtų neįskaitoma) */
	font-size: var(--step--1);
	font-style: italic;
	line-height: 1.2;
}

.lfs-lb button {
	position: absolute;
	padding: var(--lfs-s3) var(--lfs-s4);
	border: 0.0625rem solid #3a3631;
	background: transparent;
	color: var(--lfs-white);
	cursor: pointer;
	font: 600 var(--step-0) / 1.43 var(--lfs-body);
}

.lfs-lb .lfs-lb-close {
	top: 1.125rem;
	right: 1.125rem;
}

.lfs-lb .lfs-lb-prev,
.lfs-lb .lfs-lb-next {
	top: 50%;
	transform: translateY(-50%);
}

.lfs-lb .lfs-lb-prev {
	left: 1.125rem;
}

.lfs-lb .lfs-lb-next {
	right: 1.125rem;
}

/* ==========================================================================
7. Puslapiai
========================================================================== */

/* --- puslapio antraštė, įrankių juosta, antraščių dydžiai --- */
.lfs-page-title,
.lfs-hero-title,
.lfs-page-head > h1 {
	font-size: var(--lfs-fs-display);
}

.lfs-page-title {
	margin: 0 0 var(--lfs-s6);
}

.lfs-hero-title {
	margin: 0 0 var(--lfs-s4);
}

/* Vienodas visų sąrašų ir puslapių antraštės blokas: pavadinimas kairėje,
perjungikliai / filtrai dešinėje – visada vienoje eilutėje. Apačioje juoda
linija, po ja ne mažiau kaip 24px iki turinio. */
.lfs-page-head {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--lfs-s6);
	margin-bottom: var(--lfs-s6);
	padding-bottom: var(--lfs-s4);
	border-bottom: 0.0625rem solid var(--lfs-divider);
}

/* pavadinimas užima likusią vietą; lūžta tik tarp žodžių (minimalus plotis –
ilgiausias žodis), todėl siaurame ekrane traukiasi valdikliai, ne pavadinimas */
.lfs-page-head > h1 {
	flex: 1 1 auto;
	margin: 0;
}

/* visų puslapių (archyvų, temų, „Apie“, paieškos, 404) pavadinimas vienodas –
maždaug perjungiklio mygtukų aukščio (2rem eilutė ≈ 2.125rem mygtukas) */
.lfs-page-head {
	align-items: center;
}

.lfs-page-head > h1 {
	font-size: var(--step-3);
	line-height: 1.14;
	letter-spacing: -0.02em;
}

/* valdikliai lieka dešinėje; jei vietos maža, jų turinys lūžta viduje */
.lfs-page-head > :not(h1) {
	flex: 0 1 auto;
	min-inline-size: 0;
}

/* Asmenų rodyklė antraštėje: šalia pavadinimo – tik jei eilutėje telpa bent 7 raidės
(7 × 35px); kitaip visa rodyklė perkeliama po pavadinimu ir išdėstoma per eilutes. */
.lfs-page-head:has(> .lfs-alpha) {
	flex-wrap: wrap;
}

.lfs-page-head > .lfs-alpha {
	/* pagrindas – 7 langeliai: jei tiek telpa šalia pavadinimo, rodyklė lieka šalia
	ir užima likusį plotį (raidės lūžta per eilutes); jei ne – visa nukeliama po
	pavadinimu per visą plotį. Raidės visada iš kairės. */
	flex: 1 1 calc(7 * 2.1875rem);
	justify-content: flex-start;
	min-inline-size: calc(7 * 2.1875rem);
	max-inline-size: 100%;
	margin: 0;
}


.lfs-page-head > .lfs-search-form {
	flex: 0 1 20rem;
}

.lfs-page-head .lfs-search-input {
	min-inline-size: 0;
}

.lfs-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--lfs-s3);
	padding: 0 0 var(--lfs-s4);
}

.lfs-page-head > .lfs-toolbar {
	justify-content: flex-end;
	padding-bottom: 0;
}

/* --- numeris: turinys ir viršelis šalia, siaurame plotyje viršelis viršuje ---
DOM tvarka: viršelis, turinys. row-reverse deda viršelį dešinėje; kai abu netelpa,
viršelis lieka pirmoje eilutėje, t. y. virš turinio. */
.lfs-issue-top {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--lfs-s8) var(--lfs-s14);
	margin-top: var(--lfs-s8);
}

.lfs-issue-top > aside {
	flex: 1 1 18.75rem;
}

.lfs-issue-top > .lfs-issue-main {
	flex: 999 1 0;
	min-inline-size: 60%;
}

.lfs-issue-main > .lfs-issue-section:first-child {
	margin-top: 0;
}

/* numerio pavadinimas – bendra taisyklė prie .lfs-archive-issue-head h2 */

/* poantraštė (numerio tema) – bendra taisyklė prie .lfs-archive-issue-theme */

.lfs-issue-header-no-theme h1,
.lfs-issue-header-no-theme h2 {
	margin-bottom: var(--lfs-s4);
}

/* „Ankstesnis numeris“ numerio puslapyje: numerius skiria linija ir tas pats tarpas
kaip archyvuose (nuorodų spalva – bendra taisyklė prie .lfs-archive-issue-head a) */

.lfs-feed > .lfs-issue-page + .lfs-issue-page,
.lfs-feed--entry > .lfs-issue-page {
	margin-top: var(--lfs-issue-gap);
	padding-top: var(--lfs-issue-gap);
	border-top: 0.0625rem solid var(--lfs-divider);
}

/* --- numeris: hero (viršelis + aprašas) --- */
.lfs-hero {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-s6) var(--lfs-s14);
	align-items: flex-start;
	padding-bottom: var(--lfs-s8);
}

.lfs-hero > :first-child {
	flex: 1 1 21.25rem;
}

.lfs-hero > :last-child:not(:first-child) {
	flex: 999 1 0;
	min-inline-size: 50%;
}

.lfs-hero.lfs-cover-only {
	display: block;
	padding-bottom: 0;
}

.lfs-cover-only .lfs-cover {
	width: 100%;
}

/* viršelis – <figure>: <picture class="lfs-cover"> ir <figcaption> po juo */
.lfs-cover-figure {
	margin: 0;
}

picture.lfs-cover {
	display: flex;
}

/* viršelio aprašas po nuotrauka – kaip kiti aprašai, sulygiuotas su viršelio kraštu */
.lfs-cover-caption {
	margin: var(--lfs-s2) 0 0;
	padding: 0;
	font-weight: 300;
}

.lfs-hero-lead,
.lfs-person-content {
	max-width: var(--lfs-measure);
}

.lfs-hero-lead {
	text-wrap: pretty;
}

.lfs-hero-actions {
	display: flex;
	flex-direction: column;
	gap: var(--lfs-s2);
	margin-top: var(--lfs-s3);
}

/* numerio puslapis: susiję asmenys po viršeliu – metaduomenų dydžiu (0.875rem, Inter Light),
rolė – paprasto storio; rodoma tik kai viršelis stovi šalia turinio (kompiuteryje) */
.lfs-issue-people {
	margin-top: var(--lfs-s8);
	color: var(--lfs-muted);
	font: 300 var(--step--1) / 1.43 var(--lfs-body);
}

.lfs-issue-people-title {
	margin: 0 0 var(--lfs-s4);
	color: var(--lfs-text);
	font: 600 var(--step-0) / 1.43 var(--lfs-body);
}

.lfs-issue-people dl {
	margin: 0;
}

.lfs-issue-people dt {
	margin-top: var(--lfs-s3);
	color: var(--lfs-text);
	font-weight: 400;
}

.lfs-issue-people dt:first-child {
	margin-top: 0;
}

.lfs-issue-people dd {
	margin: 0;
}

/* .lfs-issue-top persiskirsto į vieną stulpelį, kai plotis < ~56rem
(18.75rem viršelis + 3.5rem tarpas + 60 % turinio) */
@media (width < 56em) {
	.lfs-issue-people {
		display: none;
	}
}

/* --- numerių archyvas --- */
/* Numerių archyvas: eilutėje 2–4 numeriai pagal ekrano plotį. Stulpelio plotis siekia
~12rem, bet ne mažiau kaip 1/4 (≤ 4 stulpeliai) ir ne daugiau kaip 1/2 (≥ 2 stulpeliai)
eilutės pločio (atėmus tarpus). */
.lfs-issue-list {
	--lfs-il-col-gap: var(--lfs-gap);

	display: grid;
	grid-template-columns: repeat(
		auto-fill,
		minmax(
			clamp(
				calc((100% - 3 * var(--lfs-il-col-gap)) / 4),
				12rem,
				calc((100% - var(--lfs-il-col-gap)) / 2)
			),
			1fr
		)
	);
	gap: var(--lfs-s8) var(--lfs-il-col-gap);
}

.lfs-issue-list .lfs-il-label {
	display: block;
	margin-top: var(--lfs-s3);
	font: 600 var(--step-1) / 1.2 var(--lfs-heading);
}

.lfs-issue-list .lfs-il-label:focus-visible {
	color: var(--lfs-accent-700);
	text-decoration: underline;
}

.lfs-issue-list .lfs-il-theme {
	display: block;
	margin-top: var(--lfs-s1);
	font-weight: 300;
	font-size: var(--step-0);
	line-height: 1.54;
}

/* --- straipsnis --- */
.lfs-article-layout {
	display: block;
}

.lfs-article {
	max-width: none;
}

.lfs-article-main {
	width: 100%;
}

/* Turinio pločio tinklelis: leidžia blokams (pvz. Kadence Advanced Gallery)
naudoti standartinius WordPress pločio nustatymus – content/wide/full/left/right. */
.lfs-article-main .lfs-body {
	display: grid;
	grid-template-columns: var(--lfs-align-cols);
}

.lfs-article-main .lfs-body > * {
	grid-column: content;
}

.lfs-article-main .lfs-body > .alignwide {
	grid-column: wide;
	width: auto;
	max-width: none;
}

.lfs-article-main .lfs-body > .alignfull {
	/* grid-column: full siekia tik lfs-shell rėmų – tikram "iki ekrano kraštų"
	išsiveržimui reikia atskiro triuko, nepriklausančio nuo tinklelio pločio.
	100vw įskaito vertikalią slankjuostę, todėl body turi overflow-x: clip
	(žr. „2. Bazė“) – kitaip atsirastų horizontalus slankiojimas. */
	grid-column: full;
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: 100vw;
	transform: translateX(-50%);
}

.lfs-article-main .lfs-body > .alignleft {
	grid-column: content;
	float: left;
	width: auto;
	max-width: max(50%, min(100%, 20rem));
	margin: var(--lfs-s2) var(--lfs-s6) var(--lfs-s4) 0;
}

.lfs-article-main .lfs-body > .alignright {
	grid-column: content;
	float: right;
	width: auto;
	max-width: max(50%, min(100%, 20rem));
	margin: var(--lfs-s2) 0 var(--lfs-s4) var(--lfs-s6);
}

/* Turinio stulpelis (.lfs-body p/ul/ol) jau ribojamas 60–80ch tinklelio "content"
stulpelio pločio (--lfs-measure), todėl atskiras apribojimas čia nebereikalingas – jis
trukdė tekstui užpildyti ir centruotis stulpelyje. */
.lfs-article-main .lfs-body p,
.lfs-article-main .lfs-body ul,
.lfs-article-main .lfs-body ol {
	max-width: none;
}

/* Straipsnio išdėstyme paragrafai ir antraštės turi tik margin-bottom: 1rem. */
.lfs-article-main .lfs-body p,
.lfs-article-main .lfs-body h2,
.lfs-article-main .lfs-body h3,
.lfs-article-main .lfs-body h4,
.lfs-article-main .lfs-body h5,
.lfs-article-main .lfs-body h6 {
	margin: 0 0 var(--lfs-s4);
}

.lfs-article h1 {
	margin: 0 0 var(--lfs-s4);
	font-size: var(--step-3); /* straipsnio pavadinimas – step-3 */
	text-wrap: pretty;
}

.lfs-article-layout .lfs-pf-grid {
	display: grid;
	gap: var(--lfs-s6);
}

.lfs-lead {
	margin-bottom: var(--lfs-s6);
	color: var(--lfs-lead);
	font-size: var(--step-1); /* „lead“ tekstai (ir iš duomenų bazės) – step-1, kaip preset „large“ */
	line-height: 1.52;
	text-wrap: pretty;
}

/* Straipsnio, portfolio ir parodos antraštė: pavadinimas, paantraštė, juoda
linija, metaduomenų eilutės. Viskas centruota teksto stulpelio pločiu. */
.lfs-entry-head {
	width: min(var(--lfs-measure), 100%);
	margin: 0 auto var(--lfs-s8);
	text-align: center;
}

.lfs-entry-kicker,
.lfs-entry-meta {
	color: var(--lfs-muted);
	font-size: var(--step--1);
	line-height: 1.43;
}

.lfs-entry-kicker {
	justify-content: center;
	align-items: baseline;
	margin: 0 0 var(--lfs-s4);
}

/* Šriftai: pavadinimai – Inter SemiBold (600), tekstas – Inter Regular (400),
metaduomenys – Inter Light (300). Tipo žymė lieka paryškinta (žr. žemiau). */
.lfs-byline,
.lfs-entry-kicker,
.lfs-entry-meta,
.lfs-entry-foot,
.lfs-row-side,
.lfs-exhibition-city,
.lfs-issue-list .lfs-il-theme,
.lfs-topics .lfs-tc,
figcaption {
	font-weight: 300;
}

/* tipas (straipsnio tipas, „Paroda“, „Portfolio“) visur – įrašo antraštėje,
kortelėse, sąrašo eilutėse: to paties dydžio kaip metaduomenys, tik paryškintas
ir didžiosiomis */
.lfs-entry-type,
.lfs-type {
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* įrašo pabaiga: (parodos datos ir vieta), logotipo ženklas (≤ 32px) vietoj
linijos, po juo „tipas • numeris“ */
.lfs-entry-foot {
	width: min(var(--lfs-measure), 100%);
	margin: var(--lfs-s8) auto 0;
	color: var(--lfs-muted);
	font-weight: 300;
	text-align: center;
}

.lfs-entry-foot-meta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--lfs-s1);
	/* juoda linija virš autoriaus */
	padding-top: var(--lfs-s6);
	border-top: 0.0625rem solid var(--lfs-divider);
}

/* parodos datos ir vieta po tekstu, virš juodos linijos: tokiu pat šriftu kaip
įrašo antraštės metaduomenys (.lfs-entry-meta) */
.lfs-entry-facts {
	width: min(var(--lfs-measure), 100%);
	margin: var(--lfs-s8) auto 0;
	color: var(--lfs-muted);
	font-size: var(--step--1);
	font-weight: 300;
	line-height: 1.43;
	text-align: center;
}

.lfs-entry-facts + .lfs-entry-foot {
	margin-top: var(--lfs-s4);
}

.lfs-entry-facts p {
	margin: 0;
}

/* „a • b“ eilutė yra flex – centruojama per justify-content */
.lfs-entry-facts .lfs-dot-list {
	justify-content: center;
}

/* šrifto dydis – eilutėms, ne blokui: kitaip 65ch plotis būtų skaičiuojamas
mažesniu šriftu ir linija būtų trumpesnė nei viršuje */
.lfs-entry-foot p {
	margin-top: 0;
	font-size: var(--step--1);
	line-height: 1.43;
}

.lfs-entry-foot-meta p {
	margin-bottom: 0;
}

.lfs-entry-foot .lfs-dot-list {
	justify-content: center;
}

.lfs-end-mark {
	display: block;
	width: auto;
	height: auto;
	max-width: 2rem;
	max-height: 2rem;
	margin: var(--lfs-s4) 0 0; /* ženklas – paskutinis, po paminėtais */
}

/* autorius virš pavadinimo (įrašo antraštė) */
.lfs-entry-authors {
	margin: 0 0 var(--lfs-s4);
	color: var(--lfs-text);
	font-size: var(--step--1);
	font-weight: 300;
	line-height: 1.43;
}

.lfs-article .lfs-entry-head h1 {
	margin: 0 0 var(--lfs-s6);
}

.lfs-entry-head .lfs-subtitle {
	margin-bottom: var(--lfs-s6);
}

.lfs-entry-meta {
	display: flex;
	flex-direction: column;
	gap: var(--lfs-s1);
	/* linijos po pavadinimu / paantrašte nėra; tarpą duoda h1 / paantraštės paraštė */
	color: var(--lfs-muted);
	font-size: var(--step--1);
	line-height: 1.43;
}

.lfs-entry-meta p {
	margin: 0;
}

.lfs-entry-meta .lfs-dot-list {
	justify-content: center;
}

/* Paantraštė (ACF laukas `subtitle`) po h1: h2 stilius, tik prigesinta spalva. */
.lfs-subtitle {
	width: min(var(--lfs-measure), 100%);
	margin: 0 auto var(--lfs-s4);
	color: var(--lfs-muted);
	font-family: var(--lfs-heading);
	font-size: var(--step-2);
	font-weight: 600;
	line-height: 1.52;
	text-align: center;
	text-wrap: pretty;
}

/* --- „a • b • c“: skirtukas po elementu, todėl nauja eilutė neprasideda „•“ --- */
.lfs-dot-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--lfs-s3);
}

.lfs-dot-list > :not(:last-child)::after {
	content: "•";
	margin-inline-start: var(--lfs-s3);
}

/* --- straipsnio tekstas (įskaitant importuotą turinį) --- */
.lfs-body p {
	max-width: var(--lfs-measure);
	text-wrap: pretty;
}

.lfs-body h2,
.lfs-body h3 {
	margin-top: var(--lfs-s8);
}

.lfs-body h2 {
	font-size: var(--step-2);
	line-height: 1.52;
}

.lfs-body ul,
.lfs-body ol {
	max-width: var(--lfs-measure);
}

.lfs-body figure {
	margin: var(--lfs-s6) 0;
}

.lfs-body figcaption {
	margin-top: var(--lfs-s2);
}

.lfs-body .fc-footnotes {
	max-width: var(--lfs-measure);
	padding-left: 0;
	color: var(--lfs-muted);
	font-size: var(--step-0);
	line-height: 1.54;
	list-style: none;
}

.lfs-body .fc-footnotes li {
	margin-bottom: var(--lfs-s2);
}

.lfs-figure {
	margin: 0 0 var(--lfs-s8);
}

/* --- portfolio --- */
.lfs-pf-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.25rem), 1fr));
	gap: var(--lfs-s3);
}

.lfs-pf-grid figure {
	display: flex;
	flex-direction: column;
	margin: 0;
	background: var(--lfs-bg);
}

.lfs-pf-grid img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	cursor: zoom-in;
}

/* --- nuorodos pagrindiniame tekste ---
Teksto spalvos, pabraukimas – akcento spalvos (taip pat ir automatinės nuorodos į personas). */
.lfs-body a:where(:not(.wp-element-button)) {
	color: inherit;
	text-decoration-line: underline;
	text-decoration-color: var(--lfs-accent);
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
	transition: text-decoration-thickness 0.15s;
}

.lfs-body a:where(:not(.wp-element-button)):hover,
.lfs-body a:where(:not(.wp-element-button)):focus-visible {
	color: inherit;
	text-decoration-color: var(--lfs-accent-700);
	text-decoration-thickness: 0.125rem;
}

/* Nuotraukos su nuoroda – be pabraukimo (nuorodos nuotraukų aprašuose lieka pabrauktos). */
.lfs-body a:has(> img) {
	text-decoration: none;
}

/* --- galerijos ir nuotraukos tekste (Gutenberg) ---
Galerija, perkelta iš ACF lauko (klasė lfs-pf-grid), atrodo kaip ankstesnė galerija:
WordPress galerijos flex išdėstymas ir aprašų perdanga pakeičiami tinkleliu. */
.lfs-body .wp-block-gallery.lfs-pf-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.25rem), 1fr));
	gap: var(--lfs-s3);
	margin: var(--lfs-s12) 0 0;
}

.lfs-body .wp-block-gallery.lfs-pf-grid figure.wp-block-image:not(#individual-image) {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
}

.lfs-body .wp-block-gallery.lfs-pf-grid figure.wp-block-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.lfs-body .wp-block-gallery.lfs-pf-grid figure.wp-block-image figcaption {
	position: static;
	max-height: none;
	overflow: visible;
	padding: var(--lfs-s2) 0 0;
	background: none;
	color: var(--lfs-muted);
	text-align: left;
	text-shadow: none;
}

.lfs-body .wp-block-image img {
	cursor: zoom-in;
}

/* --- paroda --- */
.lfs-map-link {
	font-size: var(--step--1);
}

/* --- asmenys --- */
.lfs-person-head {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-s4) var(--lfs-s8);
	align-items: flex-start;
	padding-bottom: var(--lfs-s8);
	border-bottom: 0.0625rem solid var(--lfs-divider);
}

.lfs-person-head > :first-child {
	flex: 1 1 12.5rem;
}

.lfs-person-head > :last-child {
	flex: 999 1 0;
	min-inline-size: 60%;
}

.lfs-person-head img {
	display: block;
	width: 100%;
	border: 0.0625rem solid var(--lfs-divider);
}

.lfs-works h2 {
	margin: var(--lfs-s6) 0 0;
	color: var(--lfs-accent);
	font: 600 var(--step-0) / 1.54 var(--lfs-body);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.lfs-letter {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-s2) var(--lfs-s6);
	align-items: flex-start;
	padding: var(--lfs-s4) 0;
	border-bottom: 0.0625rem solid var(--lfs-divider2);
	scroll-margin-top: var(--lfs-s4);
}

.lfs-letter:last-of-type {
	border-bottom: 0;
}

.lfs-letter > h2 {
	flex: 1 1 3.75rem;
}

.lfs-letter > ul {
	flex: 999 1 0;
	min-inline-size: 80%;
}

.lfs-letter h2 {
	margin: 0;
	color: var(--lfs-muted);
	font: 600 var(--step-3) / 1.14 var(--lfs-heading);
}

.lfs-letter ul {
	/* stulpelių skaičius pagal plotį: iki 3 po ≥ 12rem */
	columns: 12rem 3;
	column-gap: var(--lfs-s8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfs-letter li {
	margin-bottom: var(--lfs-s2);
	break-inside: avoid;
}

/* --- rubrikų sąrašas --- */
/* temų sąrašas: eilutėje 2–4 temos pagal ekrano plotį (stulpelis ~15rem, bet ne
siauresnis nei 1/4 ir ne platesnis nei 1/2 eilutės, atėmus tarpus) */
.lfs-topics {
	--lfs-tp-col-gap: var(--lfs-gap);

	display: grid;
	grid-template-columns: repeat(
		auto-fill,
		minmax(
			clamp(
				calc((100% - 3 * var(--lfs-tp-col-gap)) / 4),
				15rem,
				calc((100% - var(--lfs-tp-col-gap)) / 2)
			),
			1fr
		)
	);
	column-gap: var(--lfs-tp-col-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfs-topics li {
	padding: var(--lfs-s4) 0;
	/* skiriamoji linija – po tema, ne virš jos */
	border-bottom: 0.0625rem solid var(--lfs-divider2);
}

.lfs-topics .lfs-tn {
	/* kaip asmenų sąraše: pagrindinio teksto šriftas ir dydis (step-1), akcento spalva */
	font: inherit;
}

/* asmenų ir temų sąrašų nuorodos – Inter Regular (400) */
.lfs-letter li a,
.lfs-topics .lfs-tn {
	font-weight: 400;
}

/* įrašų skaičius – vienu žingsniu mažesnis nei anksčiau (step-0 → step--1) */
.lfs-topics .lfs-tc {
	color: var(--lfs-muted);
	font-size: var(--step--1);
	line-height: 1.43;
}

/* ==========================================================================
8. Poraštė
========================================================================== */
/* laikinas ženklas prieš poraštę */
#logo-bottom {
	width: 100%;
	height: 6rem;
	background: red;
}

.lfs-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--lfs-s2) var(--lfs-s8);
	padding: var(--lfs-s4) var(--lfs-gutter);
	border-top: 0.0625rem solid #fff;
	border-bottom: 0.0625rem solid #fff;
	color: white;
	background: black;
	font-size: var(--step--1); /* kaip ISSN eilutės viršuje */
	font-weight: 300;
	line-height: 1.33;

	a {
		color: #fff;
	}
}

/* juoda poraštė su navigacijos stulpeliais (virš .lfs-footer eilutės) */
.lfs-site-foot {
	color: var(--lfs-white);
	background: var(--lfs-black);
}

/* viršuje ir apačioje vienodai: virš „Žurnalas“ ir po „Temos“ – po 32px + 16px (stulpelio) */
.lfs-footnav {
	padding: var(--lfs-s8) var(--lfs-gutter);
}

/* kiekviena sekcija – viena eilutė: antraštė kairėje, nuorodos viena šalia kitos */
.lfs-footnav-col {
	display: grid;
	grid-template-columns: minmax(0, 9rem) minmax(0, 1fr);
	gap: var(--lfs-s2) var(--lfs-s8);
	align-items: baseline;
	padding: var(--lfs-s4) 0;
	border-top: 0.0625rem solid rgb(255 255 255 / 0.15);
}

.lfs-footnav-col:first-child {
	border-top: 0;
}

.lfs-footnav-title {
	margin: 0;
	color: var(--lfs-accent-400);
	font: 600 var(--step--1) / 1.33 var(--lfs-body);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lfs-footnav ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lfs-s1) var(--lfs-s6);
	margin: 0;
	padding: 0;
	list-style: none;
}

.lfs-footnav li {
	margin: 0;
	font-size: var(--step--1); /* kaip ISSN eilutės viršuje */
	font-weight: 300; /* Inter Light – balti tekstai juodame fone */
	line-height: 1.33;
}

.lfs-footnav a {
	color: var(--lfs-white);
	text-decoration: none;
}

/* pabraukimas užvedus – tokio pat storio ir atstumo kaip nuorodos pagrindiniame
tekste (.lfs-body a: 1px, 0.15em); galioja ir apatinės eilutės nuorodoms */
.lfs-footnav a:hover,
.lfs-site-foot .lfs-footer a:hover {
	color: var(--lfs-white);
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.15em;
}

/* sekcijų pavadinimai – nuorodos, bet išlaiko pavadinimo (akcento) spalvą;
užvedus – toks pat pabraukimas kaip kitų poraštės nuorodų (teksto spalvos) */
.lfs-footnav-title a,
.lfs-footnav-title a:hover {
	color: inherit;
}


/* apatinė eilutė poraštės viduje: pilka skiriamoji linija; tekstai ir nuorodos –
Inter Thin (100), balta spalva */
.lfs-site-foot .lfs-footer {
	border-top-color: rgb(255 255 255 / 0.25);
	border-bottom: 0;
	color: var(--lfs-white);
	font-weight: 100;
}

.lfs-site-foot .lfs-footer a {
	color: inherit;
}

/* Mobiliajame (< 600px): sekcijos viena po kitos, pavadinimas virš turinio. */
@media (width < 37.5em) {
	.lfs-footnav-col {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--lfs-s2);
	}
}

/* Mobiliajame (ne kompiuterio išdėstymas, kaip antraštėje):
 - „Žurnalas“ ir „Temos“ – centruoti;
 - nuorodos – su tarpais aplink, kad patogu spausti pirštu (≥ 44px aukščio);
 - apatinė eilutė – trys eilutės per vidurį, 1em vertikalūs tarpai. */
@media not all and (min-width: 64em) and (hover: hover) {
	/* „Žurnalas“ ir „Temos“ – centruoti (tarpai tarp blokų – kaip buvo) */
	.lfs-footnav-col {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		text-align: center;
	}

	.lfs-footnav ul {
		justify-content: center;
		gap: 0 var(--lfs-s4);
	}

	.lfs-footnav li a {
		display: inline-flex;
		align-items: center;
		min-block-size: 2.75rem;
		padding: 0 var(--lfs-s2);
	}

	.lfs-site-foot .lfs-footer {
		flex-direction: column;
		align-items: center;
		gap: var(--lfs-s3);
		padding-block: 1em;
		text-align: center;
	}
}


/* metai su svetainės ženklu (favicon) vietoj „©“ */
.lfs-footer-year {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
}

.lfs-footer-mark {
	display: block;
	flex: none;
	width: 1rem;
	height: 1rem;
	object-fit: contain;
}

/* poraštės logotipas – viršutinis poraštės blokas: juodos raidės baltame fone,
virš jo juoda linija (atskiria nuo turinio); apačioje – balta linija, kad nukirptos
raidės nesusilietų su juodu bloku po jomis (kaip viršutinio logotipo linija po juo) */
.lfs-logo--foot {
	border-top: 0.0625rem solid var(--lfs-divider);
	border-bottom: 0.0625rem solid var(--lfs-white);
	background: var(--lfs-white);

	a span {
		color: var(--lfs-black);
	}
}

/* Įrašų pavadinimai – Inter Regular (400): kortelės (ir tamsios), sąrašo eilutės,
tinklelio kortelės, straipsnio / parodos / portfolio puslapio pavadinimas.
Faile po visų šių elementų taisyklių, kad perrašytų jų storį. */
.lfs-mcard .lfs-mcard-title,
.lfs-row .lfs-rt,
.lfs-card .lfs-ct,
.lfs-article h1 {
	font-weight: 400;
}

/* Poantraštės – Inter ExtraLight (200): kortelės, sąrašo eilutės, įrašo antraštė */
.lfs-mcard .lfs-mcard-subtitle,
.lfs-row .lfs-row-subtitle,
.lfs-entry-head .lfs-subtitle,
.lfs-subtitle {
	font-weight: 200;
}

/* ==========================================================================
9. Pagalbinės klasės (tarpai) – turi likti failo gale, kad perrašytų komponentus.
Skaičius = 4px žingsnių kiekis: .lfs-mt-6 = 1.5rem (24px).
========================================================================== */
.lfs-eyebrow--card {
	margin: var(--lfs-s3) 0 0;
}

.lfs-mt-2 {
	margin-top: var(--lfs-s2);
}

.lfs-mt-3 {
	margin-top: var(--lfs-s3);
}

.lfs-mt-4 {
	margin-top: var(--lfs-s4);
}

.lfs-mt-6 {
	margin-top: var(--lfs-s6);
}

.lfs-mt-8 {
	margin-top: var(--lfs-s8);
}

.lfs-mt-12 {
	margin-top: var(--lfs-s12);
}

.lfs-mb-6 {
	margin-bottom: var(--lfs-s6);
}


/* Išskirta citata (core/pullquote) – vienoda visuose įrašuose. Įrašų inline stiliai
ir lygiuotė išvalomi komanda `wp fotografija clean-pullquotes`; čia – vienintelis šaltinis.
Nuo kitų elementų 1rem, viduje 1rem; tarp pastraipų ir iki cite – 1rem;
tekstas – pagrindinio teksto dydžio, kursyvu (400); cite – 80 %, normalus, 300. */
.lfs-body .wp-block-pullquote {
	box-sizing: border-box;
	margin: 1rem 0;
	padding: 1rem;
	font-size: var(--lfs-fs-body);
	text-align: inherit;
}

.lfs-body .wp-block-pullquote blockquote {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	border-left: 1px solid var(--lfs-accent);
	font-size: inherit;
	font-style: italic;
	font-weight: 400;
}

.lfs-body .wp-block-pullquote blockquote > p {
	margin: 0;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

.lfs-body .wp-block-pullquote blockquote > p + p {
	margin-top: 1rem;
}

.lfs-body .wp-block-pullquote cite {
	display: block;
	margin-top: 1rem;
	font-size: 0.8em;
	font-style: normal;
	font-weight: 300;
	text-transform: none;
	color: var(--lfs-muted);
}

/* --- „Ankstesnis numeris“ (archyvai po vieną numerį) --- */
.lfs-more {
	display: flex;
	justify-content: center;
	margin-top: var(--lfs-issue-gap);
}

.lfs-more-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--lfs-s2);
	padding: var(--lfs-s3) var(--lfs-s6);
	border: 0.0625rem solid var(--lfs-divider);
	color: var(--lfs-text);
	font: 600 var(--step-0) / 1.54 var(--lfs-body);
}

/* logotipo ženklas – kaip pabaigos ženklas po straipsniu, tik teksto eilutės (1.25rem) aukščio */
.lfs-more-mark {
	display: block;
	flex: none;
	width: auto;
	height: auto;
	max-width: 1.25rem;
	max-height: 1.25rem;
}

.lfs-more-btn:hover,
.lfs-more-btn:focus-visible {
	background: var(--lfs-text);
	color: var(--lfs-white);
	text-decoration: none;
}

.lfs-more-btn[aria-busy="true"] {
	cursor: progress;
	opacity: 0.6;
}

/* --- straipsnio (ir portfolio autorių) formatavimas įrašo viduje ---
tipas (straipsnio rubrika, „Portfolio“) – paprastas tekstas: be didžiųjų raidžių,
išretinimo ir paryškinimo; autoriai (viršuje ir apačioje) – didžiosiomis, be
išretinimo, įprasto storio. Galioja straipsniams, portfolio ir parodoms. */
.single-article .lfs-entry-type,
.single-portfolio .lfs-entry-type,
.single-exhibition .lfs-entry-type {
	font-weight: inherit;
	letter-spacing: normal;
	text-transform: none;
}

/* straipsnio tipas (rubrika) kortelėse ir sąrašo eilutėse (titulinis, numerio
puslapiai, archyvai, rubrikos) – tuo pačiu principu: be didžiųjų raidžių,
išretinimo ir paryškinimo. Tas pats – „Portfolio“ žymei kortelėse;
„Paroda“ žymė nekeičiama. */
.lfs-type--rubric {
	font-weight: 300;
	letter-spacing: normal;
	text-transform: none;
}

.single-article .lfs-entry-authors,
.single-article .lfs-entry-foot-authors,
.single-portfolio .lfs-entry-authors,
.single-portfolio .lfs-entry-foot-authors,
.single-exhibition .lfs-entry-authors,
.single-exhibition .lfs-entry-foot-authors {
	text-transform: uppercase;
}

/* titulinis ir numerio puslapiai: sąrašo eilutės autorius – kaip visur (.lfs-row-author) */

/* Straipsnio, parodos ir portfolio puslapiuose autoriai (antraštėje ir įrašo pabaigoje) –
nuorodos: vienodai akcento spalva (ir kableliai tarp vardų), step-0, Inter Regular (400),
didžiosiomis; užvedus – tamsesnis akcentas */
.lfs-entry-authors,
.lfs-entry-foot-authors,
.lfs-entry-authors a,
.lfs-entry-foot-authors a {
	color: var(--lfs-accent);
}

.lfs-entry-foot-authors {
	font-size: var(--step--1);
	line-height: 1.43;
}

/* autoriai – Inter Regular (400) */
.lfs-entry-authors,
.lfs-entry-foot-authors {
	font-weight: 400;
}

.lfs-entry-authors a:hover,
.lfs-entry-foot-authors a:hover {
	color: var(--lfs-accent-700);
}

/* ==========================================================================
10. Klaviatūros fokusas
========================================================================== */
/* Pagal GOV.UK Design System: geltona #ffdd00 visada kartu su juoda. Vien geltona
baltame fone turi tik ≈ 1.35:1 kontrastą (WCAG 1.4.11 reikalauja ≥ 3:1), todėl
juoda dalis būtina – ji matoma baltame fone, geltona – juodame (poraštė, lightbox)
ir ant nuotraukų. Rodoma tik naršant klaviatūra (:focus-visible), ne spustelėjus.

Skyrius failo gale ir su !important tekstinėms nuorodoms sąmoningai: komponentų
taisyklės (poraštė, navigacija, mygtukai) nustato nuorodų spalvą ir foną, o
fokuso būsena turi jas nugalėti visur. */

/* Bendras žiedas (mygtukai, žymimieji langeliai, blokinės nuorodos): 3px geltona
prie pat elemento + 3px juoda už jos. */
:focus-visible {
	outline: var(--lfs-focus-w) solid var(--lfs-focus);
	outline-offset: 0;
	box-shadow: 0 0 0 calc(var(--lfs-focus-w) * 2) var(--lfs-focus-text);
}

/* Teksto laukai: geltonas kontūras + juodas vidinis kraštas (GOV.UK laukai). */
input:not([type="checkbox"], [type="radio"]):focus-visible,
select:focus-visible,
textarea:focus-visible {
	box-shadow: inset 0 0 0 0.125rem var(--lfs-focus-text);
}

/* Tekstinės nuorodos (taip pat nuorodos-mygtukai: žymos, perjungikliai, puslapiai,
„Ankstesnis numeris“): geltonas fonas, juodas tekstas, juoda juosta apačioje.
Permatomas kontūras lieka matomas Windows didelio kontrasto režime. */
:root a:focus-visible:not(.lfs-mcard-link, .lfs-row, .lfs-card a, .lfs-issue-list a, .logo-top, .logo-bottom, :has(img, picture)) {
	outline: var(--lfs-focus-w) solid transparent !important;
	outline-offset: 0 !important;
	color: var(--lfs-focus-text) !important;
	background-color: var(--lfs-focus) !important;
	box-shadow: 0 -0.125rem var(--lfs-focus), 0 0.25rem var(--lfs-focus-text) !important;
	text-decoration: none !important;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* Kortelės: žiedas aplink VISĄ kortelę, ne ant nuotraukos. Kortelės turi
overflow: hidden, bet elemento kontūro ir šešėlio jo paties overflow neapkerpa.
Kartu kortelė pakeičia išvaizdą kaip užvedus pelę (žr. :focus-visible kortelių
skyriuje), kad fokusas nebūtų atpažįstamas vien iš žiedo. */
@supports selector(:has(a)) {
	.lfs-mcard:has(.lfs-mcard-link:focus-visible),
	.lfs-card:has(.lfs-ct:focus-visible),
	.lfs-issue-list > :has(.lfs-il-label:focus-visible) {
		outline: var(--lfs-focus-w) solid var(--lfs-focus);
		outline-offset: 0;
		box-shadow: 0 0 0 calc(var(--lfs-focus-w) * 2) var(--lfs-focus-text);
	}

	.lfs-mcard-link:focus-visible,
	.lfs-card .lfs-ct:focus-visible,
	.lfs-issue-list .lfs-il-label:focus-visible {
		outline: none;
		box-shadow: none;
	}
}

/* Be :has() palaikymo: žiedas kortelės nuorodos viduje, nes išorinį apkirptų
.lfs-mcard overflow: hidden. */
.lfs-mcard-link:focus-visible {
	outline-offset: calc(var(--lfs-focus-w) * -1);
}

/* Programiškai fokusuojami ne interaktyvūs elementai (pvz., antraštė po „Daugiau“) –
be žiedo, nes jų nepasiekia Tab klavišas. */
[tabindex="-1"]:focus {
	outline: none;
	box-shadow: none;
}