/* Fonty hostowane lokalnie, jak na stronie zapowiedzi (bez CDN) */
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Lora;font-weight:600;font-display:swap;src:url(/fonts/lora-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Lora;font-weight:600;font-display:swap;src:url(/fonts/lora-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF}
:root { --deep:#1E4A35; --green:#2B6347; --cream:#FBF5E8; --ink:#1D2420; --muted:#4B5650; --amber:#FFF1CC; --amber-line:#E0A526; --line:#D9D2C0; --th:#EFE7D2; --head-ink:#FBF5E8; color-scheme:light; }
@media (prefers-color-scheme: dark){
  :root { --deep:#12271C; --green:#8FD0AB; --cream:#0F1411; --ink:#E6EBE7; --muted:#B3BDB5; --amber:#3B2C06; --amber-line:#F0C14B; --line:#3A453D; --th:#1A211C; --head-ink:#F1EDE2; color-scheme:dark; }
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { background: var(--cream); color: var(--ink); font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.6; font-size: 1.1875rem; }
header { background: var(--deep); color: var(--head-ink); padding: 1.25rem 1.5rem; }
header .in, main { max-width: 48rem; margin: 0 auto; }
header .in { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
header b { font-weight: 700; } header .brand span { font-weight: 400; }
header .brand { display:inline-flex; align-items:center; gap:.55rem; font-size: 1.75rem; letter-spacing: -0.02em; color:inherit; text-decoration:none; }
header .brand svg { width:1.1em; height:1.1em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
header .back { display:inline-flex; align-items:center; min-height:3rem; padding:.25rem 1rem; border-radius:999px; border:2px solid currentColor; color:inherit; font-weight:700; text-decoration:none; font-size:1.0625rem; }
header .back:hover { background: rgb(255 255 255 / .1); }
:focus-visible { outline:3px solid #FFC857; outline-offset:3px; border-radius:8px; }
main :focus-visible { outline-color: var(--green); }
main { padding: 2rem 1.5rem 4rem; }
h1 { font-family: Lora, Georgia, serif; font-weight: 600; font-size: clamp(1.9rem, 1.4rem + 2.4vw, 2.5rem); line-height: 1.15; margin-bottom: .5rem; }
h2 { font-family: Lora, Georgia, serif; font-weight: 600; font-size: 1.55rem; color: var(--green); margin: 2.25rem 0 .6rem; }
p, ul { margin-bottom: .75rem; } ul { padding-left: 1.5rem; } li { margin-bottom: .4rem; }
.meta { color: var(--muted); font-size: 1.0625rem; }
.box { background: var(--amber); border-left: 6px solid var(--amber-line); border-radius: 12px; padding: 1.1rem 1.25rem; margin: 1.25rem 0; }
.box strong { display: block; margin-bottom: .4rem; }
table { width: 100%; border-collapse: collapse; font-size: 1.0625rem; margin: .5rem 0 1rem; }
th, td { text-align: left; vertical-align: top; padding: .6rem .75rem; border-bottom: 1px solid var(--line); }
th { background: var(--th); }
a { color: var(--green); }
  .tm{font-size:.38em;font-weight:400;vertical-align:super;margin-left:.15em;line-height:0}
.mt32{margin-top:32px}
