/* ──────────────────────────────────────────────────────────────
   Strony prawne przy stronie przerwy. Ten sam zestaw tokenów co
   landing, ale nastawiony na czytanie: węższa kolumna, większa
   interlinia, bez animacji i bez szumu.
   ────────────────────────────────────────────────────────────── */

@font-face {
	font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; font-display: swap;
	src: url(fonts/cormorant-garamond-latin-ext-300-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; font-display: swap;
	src: url(fonts/cormorant-garamond-latin-300-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
	font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap;
	src: url(fonts/space-mono-latin-ext-400-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap;
	src: url(fonts/space-mono-latin-400-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
	--gold: #e0d5c4;
	--gold-dim: #8a7d6e;
	--red: #9b2020;
	--line: #242220;
	--font-serif: 'Cormorant Garamond', Georgia, serif;
	--font-mono: 'Space Mono', 'Courier New', monospace;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow-x: hidden; }
body {
	background: #050505;
	color: #bdb3a4;
	font-family: var(--font-serif);
	font-size: 18px;
	line-height: 1.7;
	padding: clamp(28px, 6vw, 72px) clamp(20px, 5vw, 40px) clamp(60px, 12vh, 120px);
}
::selection { background: rgba(155, 32, 32, 0.35); color: #fff; }

.wrap { max-width: 46rem; margin: 0 auto; }

.back {
	display: inline-block;
	font-family: var(--font-mono); font-size: 10.5px;
	letter-spacing: 0.22em; text-transform: uppercase;
	color: #554e46; margin-bottom: clamp(26px, 5vh, 44px);
	text-decoration: none; transition: color 0.3s;
}
.back:hover { color: var(--gold-dim); }

h1 {
	font-weight: 300; font-size: clamp(30px, 5.5vw, 46px);
	color: var(--gold); line-height: 1.15; margin-bottom: 8px;
}
.lead {
	font-family: var(--font-mono); font-size: 11px;
	letter-spacing: 0.18em; text-transform: uppercase;
	color: #6f655a; margin-bottom: clamp(30px, 5vh, 46px);
}
h2 {
	font-weight: 300; font-size: clamp(21px, 3vw, 27px);
	color: var(--gold); margin: clamp(32px, 5vh, 48px) 0 12px;
	padding-top: clamp(14px, 2vh, 20px); border-top: 1px solid var(--line);
}
p { margin-bottom: 14px; }
ul { margin: 0 0 14px 20px; }
li { margin-bottom: 7px; }
li::marker { color: var(--red); }
strong { color: var(--gold); font-weight: 400; }
a { color: var(--gold); text-decoration: none; border-bottom: 1px solid var(--red); }
a:hover { color: #fff; }

dl { margin-bottom: 14px; }
dt {
	font-family: var(--font-mono); font-size: 10.5px;
	letter-spacing: 0.2em; text-transform: uppercase;
	color: #6f655a; margin-top: 14px;
}
dd { margin: 2px 0 0; color: var(--gold); }

.note {
	border-left: 2px solid var(--red); padding: 2px 0 2px 16px;
	margin: clamp(26px, 4vh, 38px) 0; color: var(--gold-dim); font-style: italic;
}
footer {
	margin-top: clamp(44px, 8vh, 72px); padding-top: 18px; border-top: 1px solid var(--line);
	font-family: var(--font-mono); font-size: 10.5px;
	letter-spacing: 0.16em; text-transform: uppercase; color: #4a443e;
	display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between;
}
footer a { color: #554e46; border: none; }
footer a:hover { color: var(--gold-dim); }