/* Real-World Mission sample cards (resources/missions). Black-on-white when printed: most home printers are mono. */
.missions-page { max-width: 760px; margin: 0 auto; padding: 48px 20px 80px; }
.missions-hero h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; margin: 8px 0 16px; }
.missions-kicker { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand-teal, #00959c); margin: 0; }
.missions-lede { font-size: 1.0625rem; line-height: 1.55; margin: 0 0 12px; }
.missions-how { font-size: 0.9375rem; line-height: 1.5; color: var(--text-muted, #4b5d5e); margin: 0 0 32px; }

.missions-cards { display: grid; gap: 24px; }
.mission-card { border: 1px solid var(--border, #d9e2e2); border-radius: 12px; padding: 24px; background: #fff; }
.mission-card__meta { font-size: 0.75rem; color: var(--text-muted, #4b5d5e); margin: 0 0 4px; }
.mission-card__title { font-size: 1.5rem; margin: 0 0 12px; line-height: 1.2; }
.mission-card__line { font-size: 1rem; line-height: 1.5; margin: 0 0 6px; }
.mission-card__line--action { font-weight: 700; }
.mission-card h3 { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted, #4b5d5e); margin: 18px 0 6px; }
.mission-card__steps { padding-left: 0; margin: 0; list-style: none; counter-reset: step; }
.mission-card__steps li { position: relative; padding-left: 36px; margin: 8px 0; font-size: 1.0625rem; line-height: 1.4; }
.mission-card__steps li::before { content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 2px solid #1b2d2e; border-radius: 4px; }
.mission-card__look { padding-left: 18px; margin: 0; font-size: 0.9375rem; line-height: 1.5; }
.mission-card__safety { font-weight: 700; margin: 18px 0 6px; padding-top: 14px; border-top: 1px solid var(--border, #d9e2e2); }
.mission-card__foot { font-size: 0.875rem; color: var(--text-muted, #4b5d5e); margin: 0 0 16px; }
.mission-card__print { margin: 0; }

.missions-more { margin-top: 48px; }
.missions-more h2 { font-size: 1.375rem; margin: 0 0 12px; }
.missions-more p { font-size: 1rem; line-height: 1.55; }
.missions-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }

@media print {
  body * { visibility: hidden; }
  .missions-cards, .missions-cards * { visibility: visible; }
  .missions-cards { position: absolute; left: 0; top: 0; width: 100%; display: block; }
  .mission-card { page-break-after: always; border: none; padding: 10mm; color: #1b2d2e; }
  .mission-card__print { display: none; }
  .mission-card__steps li { font-size: 16pt; }
  .mission-card__line, .mission-card__look { font-size: 12pt; }
}