/* the small pages (/igraj, /privatnost): same Pečat look as the landing page */
:root { --ink: #17140F; --paper: #F4EBD8; --cream: #F7EFDC; --cream-3: #A99C82; --brass: #F2C14E; --brass-d: #B57E14; --red: #C3362B; --violet: #4B3EA6;
  --display: 'Big Shoulders', 'Barlow Semi Condensed', sans-serif; --ui: 'Barlow Semi Condensed', system-ui, sans-serif; --type: 'Courier Prime', monospace; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--ink); color: var(--cream); font: 18px/1.55 var(--ui); -webkit-font-smoothing: antialiased; }
a { color: var(--brass); }
:focus-visible { outline: 3px solid var(--brass); outline-offset: 3px; }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px max(16px, env(safe-area-inset-left)) 64px; }
.back { font: 700 15px var(--type); color: var(--cream-3); text-decoration: none; }
h1 { margin: 28px 0 10px; font: 900 clamp(52px, 9vw, 96px)/.9 var(--display); text-transform: uppercase; }
h2 { margin: 32px 0 8px; font: 900 32px/1 var(--display); text-transform: uppercase; color: var(--brass); }
p, li { color: #E9DFC8; }
.slip { margin-top: 28px; background: var(--paper); color: var(--ink); border-radius: 10px 28px 28px 28px; padding: 28px; position: relative; }
.slip p { color: var(--ink); margin: 0; font: 700 20px/1.4 var(--type); }
.stamp { display: inline-block; margin-top: 18px; font: 900 34px/1 var(--display); letter-spacing: .06em; text-transform: uppercase; color: #2F6A9E; padding: 6px 14px 3px; border: 4px solid currentColor; border-radius: 8px; transform: rotate(-6deg); mix-blend-mode: multiply; }
.meta { font: 700 14px var(--type); color: var(--cream-3); }