/* The exam-room poster (design 8e/8f). The design sheet is 595×842 px = A4 at 72 dpi, so its
   px are pt here. Print from the browser: File → Print → Save as PDF, A4, no margins. */
@page { size: A4; margin: 0; }
@font-face { font-family: 'Newsreader'; font-weight: 500; font-display: swap; src: url('/assets/fonts/Newsreader-500.ttf') format('truetype'); }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { background: #EFEBE4; font-family: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, sans-serif; color: #1F1A16; padding: 24px 0 48px; }
.sheet { width: 210mm; height: 297mm; background: #fff; margin: 0 auto; padding: 22.6mm 19.8mm 15.5mm; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 20px 60px rgba(31,26,22,.18); }
.wordmark { display: inline-flex; align-items: center; gap: .04em; font-family: 'Newsreader', Georgia, serif; font-weight: 500; font-size: 64pt; line-height: 1; }
.ring { width: .65em; height: .65em; margin-top: .17em; color: #2E6B5E; }
h1 { margin: 36pt 0 0; font-family: 'Newsreader', Georgia, serif; font-weight: 500; font-size: 38pt; line-height: 1.18; letter-spacing: -.005em; text-wrap: pretty; }
html[lang="pl"] h1 { font-size: 36pt; line-height: 1.2; }
p.sub { margin: 16pt 0 0; font-size: 17pt; line-height: 1.5; color: #6B615A; max-width: 380pt; }
html[lang="pl"] p.sub { max-width: 400pt; }
.qr { width: 250pt; height: 250pt; border: 1px solid rgba(0,0,0,.12); padding: 14pt; margin-top: 36pt; }
html[lang="pl"] .qr { width: 240pt; height: 240pt; margin-top: 32pt; }
.qr img { display: block; width: 100%; height: 100%; }
.url { font-size: 19pt; font-weight: 600; margin-top: 14pt; }
.spacer { flex: 1; }
.slot { width: 100%; border: 1.5pt dashed rgba(0,0,0,.28); border-radius: 8pt; height: 84pt; display: flex; align-items: center; justify-content: center; font-size: 14pt; color: #8A7E72; }
.legal { font-size: 10.5pt; color: #8A7E72; margin: 18pt 0 0; line-height: 1.5; }
.tools { position: fixed; top: 16px; right: 16px; display: flex; gap: 10px; }
.tools a, .tools button { font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; height: 44px; padding: 0 20px; border-radius: 999px; border: 1.5px solid #2E6B5E; background: #F7F4EF; color: #2E6B5E; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.tools button { background: #2E6B5E; color: #fff; }
:focus-visible { outline: 2px solid #2E6B5E; outline-offset: 3px; }
@media print {
  body { background: #fff; padding: 0; }
  .sheet { box-shadow: none; margin: 0; }
  .tools { display: none; }
}