/* ════════════════════════════════════════════════════════════════════ Reelax — PDF page templates · pdf-templates.css?v=1 Two templates: editorial (default) + tri-column Swiss (alt). Apply `.pdf-template-editorial` or `.pdf-template-tri` to of the print HTML used by welcome-package, tech-package, etc. ════════════════════════════════════════════════════════════════════ */ @page { size: A4; margin: 0; } .pdf-page { width: 210mm; min-height: 297mm; padding: 18mm 16mm 22mm; background: #FFFFFF; color: #1A1612; font-family: 'DM Sans', system-ui, sans-serif; font-size: 11pt; page-break-after: always; position: relative; display: flex; flex-direction: column; gap: 14mm; } .pdf-page:last-child { page-break-after: avoid; } /* shared footer credit row — every template, every page */ .pdf-credits { position: absolute; left: 16mm; right: 16mm; bottom: 12mm; display: grid; grid-template-columns: auto 1fr 1fr 1fr 1fr; gap: 12mm; align-items: center; padding-top: 6mm; border-top: 0.4pt solid #1A1612; } .pdf-credits-app { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-size: 13pt; line-height: 1; color: #1A1612; } .pdf-credits-app::after { content: '.'; color: #C4673A; } .pdf-credit { display: flex; flex-direction: column; gap: 3pt; } .pdf-credit-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 6.5pt; letter-spacing: .14em; text-transform: uppercase; color: #6E665B; } .pdf-credit-name { font-size: 9.5pt; font-weight: 500; color: #1A1612; } /* ── EDITORIAL MASTHEAD ─────────────────────────────────────────────── */ .pdf-template-editorial .pdf-page {} .pdf-template-editorial .pdf-masthead { border-bottom: 1.5pt solid #1A1612; padding-bottom: 6mm; } .pdf-template-editorial .pdf-masthead-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 7.5pt; letter-spacing: .18em; text-transform: uppercase; color: #6E665B; margin-bottom: 4mm; } .pdf-template-editorial .pdf-masthead-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 38pt; line-height: .92; letter-spacing: -.02em; margin: 0 0 4mm; } .pdf-template-editorial .pdf-masthead-meta { display: flex; gap: 20mm; font-family: 'JetBrains Mono', monospace; font-size: 8pt; color: #3A332B; } .pdf-template-editorial .pdf-masthead-meta span { color: #6E665B; } /* ── TRI-COLUMN · SWISS ─────────────────────────────────────────────── */ .pdf-template-tri .pdf-masthead { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6mm; border-bottom: 0.4pt solid #1A1612; padding-bottom: 5mm; } .pdf-template-tri .pdf-masthead-col { display: flex; flex-direction: column; gap: 2mm; } .pdf-template-tri .pdf-masthead-col-label { font-family: 'JetBrains Mono', monospace; font-size: 6.5pt; letter-spacing: .14em; text-transform: uppercase; color: #6E665B; } .pdf-template-tri .pdf-masthead-col-value { font-size: 12pt; font-weight: 500; line-height: 1.2; } .pdf-template-tri .pdf-page-title { font-family: 'Instrument Serif', Georgia, serif; font-size: 22pt; line-height: 1; letter-spacing: -.01em; margin: 0 0 4mm; } /* ── shared body ────────────────────────────────────────────────────── */ .pdf-body { flex: 1; } .pdf-body h2 { font-family: 'Instrument Serif', Georgia, serif; font-size: 18pt; letter-spacing: -.01em; border-bottom: 0.4pt solid #C8C0B0; padding-bottom: 2mm; margin: 6mm 0 4mm; } .pdf-body h3 { font-family: 'JetBrains Mono', monospace; font-size: 8pt; letter-spacing: .18em; text-transform: uppercase; color: #6E665B; margin: 4mm 0 2mm; } .pdf-body table { width: 100%; border-collapse: collapse; font-size: 9.5pt; } .pdf-body th { text-align: left; padding: 2mm 3mm; border-bottom: 0.6pt solid #1A1612; font-family: 'JetBrains Mono', monospace; font-size: 7.5pt; letter-spacing: .14em; text-transform: uppercase; color: #6E665B; font-weight: 500; } .pdf-body td { padding: 2mm 3mm; border-bottom: 0.3pt solid #D8D2C4; vertical-align: top; }