/* Print and "save as PDF". Loaded with media="print", so the screen never
 * sees these rules. Main use: /organisations as a one-pager for HR teams.
 */

@page { margin: 12mm 15mm; }

body { background: #fff; color: #000; font-size: 9.5pt; line-height: 1.4; }

.skip, .nav, .nav-mobile, .header-cta, .cta-band, .site-footer, .btn, .no-print,
.hero__art, .split__art { display: none !important; }

.site-header { position: static; background: none; backdrop-filter: none; border-bottom: 1px solid #999; }
.site-header__inner { min-height: 0; padding-bottom: 4mm; }

.wrap { max-width: none; padding: 0; }
.section, .page-head, .hero { padding: 3mm 0; background: none; }
.section--flush-top { padding-top: 0; }

h1 { font-size: 18pt; margin-bottom: 2mm; }
h2, .section-title { font-size: 13pt; margin-bottom: 2mm; text-align: left; }
h3, .card__title { font-size: 11pt; margin: 0 0 1mm; }
.lead { font-size: 11pt; max-width: none; }
p { margin-bottom: 2mm; }

.card, .tile, .service, .price-box {
  background: #fff; box-shadow: none; border: 1px solid #ccc; border-radius: 6px; padding: 2.5mm 3.5mm; break-inside: avoid;
}
.service__price span { font-size: 13pt; }
.grid { gap: 3mm; }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.steps { grid-template-columns: repeat(3, 1fr); gap: 3mm; margin-bottom: 3mm; }
.steps li { padding-top: 0; }
.steps li::before { display: none; }
.steps, #contact-organisations { break-inside: avoid; }
.ticks { margin-bottom: 0; }

a { color: #000; text-decoration: none; }