/* calculator-salariu-net.com — the look: a visual-story explainer (the owner's choice, 6 Nov 2026;
   docs/DESIGN.md). Editorial calm in the type and the paper, personality in the drawings.
   An editorial serif with optical sizes (Newsreader) for headlines and reading, Archivo for labels,
   Fluturas Mono for figures, a handwriting face (Caveat) only for notes on graphics. One accent per
   page, the colour of a leu banknote; a highlighter and a red pencil shared by every page.
   Every word sits on a plain surface with strong contrast; nothing is printed over a pattern or a
   gradient. Never a state look: no tricolour, no coat of arms, no "oficial". */

:root {
	--paper: #fffdf8;
	--paper-2: #f6f1e7;
	--paper-3: #ece5d6;
	--card: #ffffff;
	--ink: #1b1d22;
	--ink-2: #3d414a;
	--ink-3: #5c616c;
	--line: #e4ddcf;
	--line-2: #c8bea9;
	--rule: #1b1d22;
	--hl: #ffe36e;
	--pencil: #c8442b;
	--shadow: 0 1px 0 rgba(27, 29, 34, .05), 0 12px 28px -22px rgba(27, 29, 34, .45);

	/* The banknotes: 100 lei blue, 50 lei ochre, 10 lei red, 5 lei violet, 1 leu green, 200 lei brown. */
	--blue: #2a5aa6; --blue-pale: #e4ebf6; --blue-deep: #1b3d75;
	--ochre: #8a5d00; --ochre-pale: #f6ecd0; --ochre-deep: #5e3f00; --ochre-fill: #d6a12a;
	--red: #b0303c; --red-pale: #f7e3e1; --red-deep: #7c1d27;
	--violet: #634a9b; --violet-pale: #ede7f5; --violet-deep: #43306f;
	--green: #2d6d44; --green-pale: #e1efe5; --green-deep: #1d4a2d;
	--brown: #8b4c20; --brown-pale: #f3e6d9; --brown-deep: #5f3212;

	/* The parts of a payslip, the same on every page. */
	--cas: #59606f;
	--cass: #7f8798;
	--tax: #a68f5f;

	--serif: "Newsreader RO", Georgia, "Times New Roman", serif;
	--sans: "Archivo RO", "Helvetica Neue", Arial, sans-serif;
	--mono: "Fluturas Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	--hand: "Caveat RO", "Archivo RO", "Helvetica Neue", Arial, sans-serif;
	/* Kept for the plugin's older rules: labels and interface. */
	--head: var(--sans);
	--body: var(--sans);

	--radius: 4px;
	--gutter: 16px;
	--measure: 34rem;
	--wide: 1120px;
}
.acc-blue { --acc: var(--blue); --acc-pale: var(--blue-pale); --acc-deep: var(--blue-deep); --on-acc: #fff; }
.acc-ochre { --acc: var(--ochre); --acc-pale: var(--ochre-pale); --acc-deep: var(--ochre-deep); --on-acc: #fff; }
.acc-red { --acc: var(--red); --acc-pale: var(--red-pale); --acc-deep: var(--red-deep); --on-acc: #fff; }
.acc-violet { --acc: var(--violet); --acc-pale: var(--violet-pale); --acc-deep: var(--violet-deep); --on-acc: #fff; }
.acc-green { --acc: var(--green); --acc-pale: var(--green-pale); --acc-deep: var(--green-deep); --on-acc: #fff; }
.acc-brown { --acc: var(--brown); --acc-pale: var(--brown-pale); --acc-deep: var(--brown-deep); --on-acc: #fff; }

@media (prefers-color-scheme: dark) {
	:root {
		--paper: #121418;
		--paper-2: #191c22;
		--paper-3: #22262e;
		--card: #1c1f26;
		--ink: #ece8e0;
		--ink-2: #c9c4ba;
		--ink-3: #a29d93;
		--line: #2c3039;
		--line-2: #474d59;
		--rule: #ece8e0;
		--hl: #5d511c;
		--pencil: #f08d72;
		--shadow: 0 12px 28px -20px rgba(0, 0, 0, .9);
		--blue: #93b4ee; --blue-pale: #1d2a42; --blue-deep: #c6d7f6;
		--ochre: #e4b652; --ochre-pale: #30270f; --ochre-deep: #f3d48f; --ochre-fill: #c99628;
		--red: #f08f96; --red-pale: #3b2023; --red-deep: #f8c1c5;
		--violet: #b9a5e8; --violet-pale: #2a2440; --violet-deep: #d9cdf5;
		--green: #8acd9f; --green-pale: #1b3125; --green-deep: #bfe5cb;
		--brown: #e2a378; --brown-pale: #34251a; --brown-deep: #f1cdb2;
		--cas: #9ca3b3;
		--cass: #687083;
		--tax: #a8946c;
	}
	.acc-blue, .acc-ochre, .acc-red, .acc-violet, .acc-green, .acc-brown { --on-acc: #101216; }
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--paper); color: var(--ink); font: 400 19px/1.6 var(--serif); font-optical-sizing: auto; font-kerning: normal; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (min-width: 700px) { html { font-size: 20px; } :root { --gutter: 28px; } }
body { margin: 0; background: var(--paper); color: var(--ink); }
img, svg { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: underline; text-decoration-color: var(--acc); text-decoration-thickness: 1.5px; text-underline-offset: .18em; }
a:hover { color: var(--acc); }
:focus-visible { outline: 3px solid var(--acc); outline-offset: 2px; border-radius: 2px; }
::selection { background: var(--hl); color: var(--ink); }
.wrap { width: 100%; max-width: calc(var(--wide) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.skip { position: absolute; left: -9999px; top: 0; }
.skip:focus { left: 12px; top: 12px; background: var(--card); color: var(--ink); padding: 8px 12px; z-index: 30; font-family: var(--sans); }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tnum { font-variant-numeric: tabular-nums lining-nums; }

/* ---- The line that says what the site is not (trust rule: near the top of every page) ---- */
.indep { background: var(--paper-2); color: var(--ink); border-bottom: 1px solid var(--line); font: 500 13.5px/1.4 var(--sans); padding: 7px 0 6px; }
.indep b { font-weight: 750; }
@media (max-width: 560px) { .indep { font-size: 13px; } .indep__more { display: none; } }

/* ---- Masthead: the name set like a nameplate, the menu under a double rule ---- */
.site-head { background: var(--paper); }
.site-head__row { display: flex; align-items: center; gap: 4px 28px; flex-wrap: wrap; padding-top: 14px; border-bottom: 1px solid var(--rule); box-shadow: 0 3px 0 -2px var(--paper), 0 4px 0 -2px var(--rule); margin-bottom: 4px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--ink); text-decoration: none; padding: 2px 0 12px; }
.brand:hover { color: var(--ink); }
.brand__mark { width: 34px; height: 34px; flex: none; }
.brand__name { font: 400 25px/1 var(--serif); letter-spacing: -.012em; color: var(--ink-2); white-space: nowrap; }
.brand__name b { font-weight: 650; color: var(--ink); }
.site-nav { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--gutter)); padding: 0 var(--gutter); }
.site-nav::-webkit-scrollbar { display: none; }
.site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; white-space: nowrap; }
.site-nav a { display: block; padding: 8px 10px 11px; color: var(--ink); text-decoration: none; font: 600 15px/1.2 var(--sans); letter-spacing: .005em; border-bottom: 3px solid transparent; }
.site-nav li:first-child a { padding-left: 0; }
.site-nav a:hover { color: var(--ink); border-bottom-color: var(--line-2); }
.site-nav a[aria-current="page"] { border-bottom-color: var(--acc); }
.site-nav a:focus-visible { outline-offset: -3px; }
.site-nav li a::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 1px; margin: 0 7px 1px 0; background: var(--acc); vertical-align: 1px; }
@media (min-width: 1000px) { .site-nav { margin: 0; padding: 0; } .site-nav ul { justify-content: flex-end; } .site-nav li:first-child a { padding-left: 10px; } }

/* ---- Page head: kicker, headline, deck, the featured picture right under them, the byline ---- */
.page-head { padding: 26px 0 6px; }
/* The head shares the left edge of the text under it: the text with its reading map (1.020 px), or the text alone. */
.wrap--head { max-width: calc(1020px + 2 * var(--gutter)); }
.page:not(.page--map) .wrap--head { max-width: calc(var(--measure) + 2 * var(--gutter)); }
.kicker, .crumbs ol { font: 750 13px/1.3 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--acc); margin: 0 0 14px; }
.kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.kicker::before { content: ""; width: 22px; height: 3px; background: var(--acc); }
.kicker span { color: var(--ink-3); letter-spacing: .08em; }
@media (max-width: 480px) { .kicker, .crumbs ol { font-size: 12px; letter-spacing: .06em; } .kicker::before, .crumbs li:first-child::before { width: 16px; } .kicker { gap: 4px 8px; } }
.crumbs ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; }
.crumbs li { display: flex; align-items: center; }
.crumbs li:first-child::before { content: ""; width: 22px; height: 3px; background: var(--acc); margin-right: 10px; }
.crumbs li + li::before { content: "/"; margin: 0 9px; color: var(--line-2); font-weight: 500; }
.crumbs a { color: var(--ink-3); text-decoration: none; }
.crumbs a:hover { color: var(--ink); }
.crumbs li[aria-current] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* A page with no part of the site over it (the pages about the site): its own name, so the line is not just "Acasă". */
.crumbs li[aria-current]:nth-child(2) { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; color: var(--acc); }
.page-head__title { font: 640 clamp(32px, 7.4vw, 58px)/1.04 var(--serif); letter-spacing: -.018em; margin: 0; max-width: 21em; text-wrap: balance; color: var(--ink); }
.page-head__sub { font-weight: 380; color: var(--ink-2); letter-spacing: -.012em; }
.lede { font: 400 clamp(19px, 2.4vw, 22.5px)/1.45 var(--serif); color: var(--ink-2); margin: 16px 0 0; max-width: 40em; text-wrap: pretty; }
.lead-pic { margin: 26px 0 0; }
.lead-pic img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 2px; background: var(--paper-2); outline: 1px solid var(--line); outline-offset: -1px; }
.lead-pic figcaption { font: 500 13.5px/1.45 var(--sans); color: var(--ink-3); margin-top: 8px; max-width: 70ch; }
.page-head .page-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 0; margin: 16px 0 0; padding: 12px 0 0; border-top: 1px solid var(--line); font: 500 14px/1.5 var(--sans); color: var(--ink-3); }
.page-meta .by { color: var(--ink); font-weight: 700; }
.page-meta .by a { text-decoration-color: var(--line-2); }
.page-meta > span + span::before { content: "·"; margin: 0 9px; color: var(--line-2); }
.page-meta time { color: var(--ink-2); font-weight: 600; }
@media (max-width: 559px) { .page-head .page-meta { flex-direction: column; gap: 2px; } .page-meta > span + span::before { content: none; } }
@media (min-width: 900px) {
	.page-head { padding-top: 40px; }
	.lead-pic { max-width: 820px; }
	.page-head .page-meta { max-width: 820px; }
}

/* ---- The band that holds a calculator: the instrument, on its own tinted ground ---- */
.tool-band { background: var(--paper-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px 0 30px; margin: 30px 0 10px; }
.tool-band__label { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 16px; margin: 0 0 14px; font: 750 13px/1.3 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.tool-band__label span { font-weight: 500; letter-spacing: .01em; text-transform: none; color: var(--ink-3); font-size: 14px; }
@media (min-width: 900px) { .tool-band { padding: 30px 0 40px; margin-top: 40px; } }

/* ---- Reading: the story column, with the reading map beside it on wide screens ---- */
.prose { max-width: var(--measure); margin: 0 auto; padding: 22px 0 48px; }
@media (min-width: 1100px) {
	.with-map { display: grid; grid-template-columns: minmax(0, var(--measure)) 260px; gap: 80px; justify-content: center; }
	.with-map .prose { margin: 0; }
	.with-map__side { padding-top: 34px; }
	.with-map__side .toc { position: sticky; top: 22px; transition: opacity .3s ease, visibility .3s; }
	.with-map__side .toc.is-away { opacity: 0; visibility: hidden; }
}
@media (max-width: 1099px) { .with-map__side { display: none; } }
.prose > p, .prose > ul, .prose > ol { margin: 0 0 1.05em; text-wrap: pretty; }
/* Lists in the text (not the lists drawings are built of). */
.prose > ul, .prose > ol, .scrolly__step > ul, .scrolly__step > ol { padding-left: 1.3em; }
.prose > ul > li, .prose > ol > li, .scrolly__step > ul > li, .scrolly__step > ol > li { margin-bottom: .35em; padding-left: .2em; }
.prose > ul > li::marker, .prose > ol > li::marker { color: var(--acc); font-family: var(--sans); font-weight: 700; font-size: .85em; }
.prose h2 { font: 620 clamp(27px, 4.4vw, 36px)/1.12 var(--serif); letter-spacing: -.014em; margin: 2.2em 0 .55em; padding-top: .7em; border-top: 1px solid var(--rule); scroll-margin-top: 16px; text-wrap: balance; }
.prose h3 { font: 640 22px/1.3 var(--serif); letter-spacing: -.006em; margin: 1.6em 0 .45em; scroll-margin-top: 16px; text-wrap: balance; }
.prose strong, .prose b { font-weight: 650; }
.prose code { font: .8em var(--mono); background: var(--paper-2); padding: 1px 5px; border-radius: 3px; }
.prose hr { border: 0; border-top: 1px solid var(--line-2); margin: 2.2em 0; }
.prose sup { line-height: 0; }
.prose > p:first-child { margin-top: .3em; }
/* The answer under the calculator: the first paragraph, a little larger. */
.page--tool .prose > p:first-child, .page--home .prose > p:first-child { font-size: 1.08em; line-height: 1.55; }

/* A question readers ask, and its answer. */
.prose h3.qa__q { font-size: 21px; margin-top: 1.4em; padding-top: 1em; border-top: 1px dotted var(--line-2); }
.prose h2 + h3.qa__q { border-top: 0; padding-top: 0; }

/* The last line: the day the figures were checked, with a pencil tick. */
.prose .checked { display: flex; align-items: center; gap: 10px; margin-top: 2em; font: 700 13.5px/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.prose .checked svg { flex: none; width: 34px; height: 30px; overflow: visible; }

/* Notes, warnings and the source line under a figure. */
.note { background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--acc); border-radius: 2px; padding: 14px 16px; margin: 0 0 18px; font-size: 17px; }
.note--warn { border-left-color: var(--red); }
.src { font: 500 13.5px/1.45 var(--sans); color: var(--ink-3); margin: 6px 0 18px; }
.src a { color: var(--ink-2); text-decoration-color: var(--line-2); }

/* Tables of figures. */
.tbl-wrap { overflow-x: auto; margin: 0 0 20px; border-top: 2px solid var(--rule); border-bottom: 1px solid var(--rule); background: var(--card); }
.tbl { width: 100%; border-collapse: collapse; font: 500 15.5px/1.35 var(--sans); }
.tbl caption { text-align: left; font: 700 14px/1.4 var(--sans); padding: 10px 12px 6px; color: var(--ink-2); }
.tbl th, .tbl td { padding: 8px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.tbl thead th { font: 750 12px/1.3 var(--sans); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-3); background: var(--paper-2); border-bottom: 1px solid var(--rule); }
.tbl td.r, .tbl th.r { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tbl tbody tr:last-child td, .tbl tbody tr:last-child th { border-bottom: 0; }
.tbl tr.is-hl td, .tbl tr.is-hl th { background: var(--acc-pale); font-weight: 700; }

/* ---- The reading map: the page's sections as a line with stops (a small map of the page) ---- */
.toc { font: 500 14.5px/1.35 var(--sans); }
.toc__h { font: 750 12px/1.2 var(--sans); text-transform: uppercase; letter-spacing: .1em; color: var(--ink-3); margin: 0 0 12px; }
.toc ol { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.toc li { counter-increment: toc; position: relative; }
.toc a { display: grid; grid-template-columns: 2.1em 1fr; gap: 0 4px; padding: 6px 0; color: var(--ink-2); text-decoration: none; }
.toc a::before { content: counter(toc, decimal-leading-zero); font: 600 12px/1.6 var(--mono); color: var(--ink-3); }
.toc a:hover { color: var(--ink); }
.toc a.is-here { color: var(--ink); font-weight: 700; }
.toc a.is-here::before { color: var(--acc); }
.toc--side { position: relative; padding-left: 16px; }
.toc--side::before { content: ""; position: absolute; left: 0; top: 30px; bottom: 6px; width: 2px; background: var(--line); }
.toc--side::after { content: ""; position: absolute; left: 0; top: 30px; width: 2px; height: calc((100% - 36px) * var(--read, 0)); background: var(--acc); transition: height .2s linear; }
.prose .toc--inline { margin: 6px 0 28px; padding: 14px 0 6px; border-top: 2px solid var(--rule); border-bottom: 1px solid var(--line); }
.toc--inline li + li a { border-top: 1px dotted var(--line); }
@media (min-width: 1100px) { .prose .toc--inline { display: none; } }

/* ---- Cards to the other pages: a contents block, not boxes ---- */
.cards { border-top: 1px solid var(--rule); box-shadow: inset 0 3px 0 -2px var(--paper), inset 0 4px 0 -2px var(--rule); padding: 30px 0 52px; background: var(--paper); }
.cards__h { font: 620 30px/1.15 var(--serif); letter-spacing: -.012em; margin: 0 0 18px; }
.cards__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0 28px; }
.card a { position: relative; display: block; height: 100%; padding: 14px 0 16px; border-top: 1px solid var(--line-2); color: var(--ink); text-decoration: none; }
.card a::before { content: ""; position: absolute; left: 0; top: -1px; width: 34px; height: 3px; background: var(--acc); transition: width .25s ease; }
.card a:hover::before { width: 100%; }
.card__part { display: block; font: 750 12px/1.2 var(--sans); text-transform: uppercase; letter-spacing: .1em; color: var(--acc); margin-bottom: 6px; }
.card__name { font: 560 20px/1.25 var(--serif); letter-spacing: -.006em; }
@media (max-width: 559px) {
	.cards__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
	.card a { padding: 12px 0 14px; }
	.card__name { font-size: 17.5px; line-height: 1.25; }
	.card__part { font-size: 12px; letter-spacing: .08em; }
}
.card a:hover .card__name { text-decoration: underline; text-decoration-color: var(--acc); text-decoration-thickness: 1.5px; text-underline-offset: .16em; }

/* ---- Footer ---- */
.site-foot { --f-bg: #1b1d22; --f-ink: #f2eee6; --f-ink-2: #cdc8bd; --f-ink-3: #a9a397; --f-line: #3a3e48; background: var(--f-bg); color: var(--f-ink); padding: 40px 0 22px; font: 500 15px/1.5 var(--sans); }
@media (prefers-color-scheme: dark) { .site-foot { --f-bg: #0b0c0f; --f-line: #2a2e36; border-top: 1px solid var(--line); } .lead-pic img { filter: brightness(.9); } }
.site-foot a { color: var(--f-ink); text-decoration: none; }
.site-foot :focus-visible { outline-color: var(--f-ink); }
.site-foot a:hover { text-decoration: underline; text-decoration-color: currentColor; }
.site-foot .brand { color: var(--f-ink); padding-bottom: 0; }
.site-foot .brand__name { color: var(--f-ink-2); font-size: 27px; }
.site-foot .brand__name b { color: var(--f-ink); }
.site-foot .brand__mark { --acc: #93b4ee; --on-acc: #1b1d22; }
.site-foot__grid { display: grid; gap: 30px 32px; grid-template-columns: minmax(0, 1fr); }
.site-foot__about p { margin: 14px 0 0; color: var(--f-ink-2); max-width: 44ch; font: 400 17px/1.55 var(--serif); }
.site-foot__about .site-foot__small { font: 500 13.5px/1.5 var(--sans); color: var(--f-ink-3); }
.site-foot__h { font: 750 12px/1.2 var(--sans); text-transform: uppercase; letter-spacing: .12em; color: var(--f-ink-3); margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--f-line); }
.site-foot__nav ul { list-style: none; margin: 0; padding: 0; }
.site-foot__nav li { margin: 0 0 9px; break-inside: avoid; }
/* Phones: the about text, the salary calculators in two columns, then pension, benefits, taxes and the
   site pages two by two. Tablets: about across, then four columns. Wide: about, the salary
   calculators in two columns, pension over taxes, benefits over the site pages. */
@media (min-width: 340px) {
	.site-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; }
	.site-foot__about, .site-foot__nav--salariu { grid-column: 1 / -1; }
	.site-foot__nav--salariu ul { columns: 2; column-gap: 20px; }
}
@media (min-width: 560px) { .site-foot__grid { gap: 30px 32px; } }
@media (min-width: 820px) {
	.site-foot__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.site-foot__nav--salariu { grid-column: span 2; }
	.site-foot__nav--salariu ul { columns: 2; column-gap: 32px; }
}
@media (min-width: 1100px) {
	.site-foot__grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.7fr) minmax(0, .9fr) minmax(0, .9fr); grid-template-areas: "about salariu pensie despre" "about salariu impozite despre"; grid-template-rows: auto 1fr; }
	/* Once a benefits page is live, its part takes the top of the last column, the site pages under it. */
	.site-foot__grid:has(.site-foot__nav--ajutoare-si-familie) { grid-template-areas: "about salariu pensie ajutoare" "about salariu impozite despre"; }
	.site-foot__about { grid-column: auto; grid-area: about; }
	.site-foot__nav--salariu { grid-column: auto; grid-area: salariu; }
	.site-foot__nav--pensie { grid-area: pensie; }
	.site-foot__nav--ajutoare-si-familie { grid-area: ajutoare; }
	.site-foot__nav--impozite { grid-area: impozite; }
	.site-foot__nav--despre-site { grid-area: despre; }
}
.site-foot__base { display: flex; flex-wrap: wrap; gap: 4px 18px; justify-content: space-between; border-top: 1px solid var(--f-line); margin-top: 34px; padding-top: 16px; font-size: 13.5px; color: var(--f-ink-3); }
.site-foot__base a { color: var(--f-ink-2); text-decoration: underline; text-decoration-color: var(--f-line); }
.site-foot__base button { font: inherit; color: var(--f-ink-2); background: none; border: 0; padding: 0; text-decoration: underline; text-decoration-color: var(--f-line); cursor: pointer; }

.post-list { padding-left: 20px; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Hyphen-joined Romanian words ("într-o", "n-am") stay on one line (functions.php, csn_keep_hyphen_pairs). */
.nw { white-space: nowrap; }