/* Youth Careers Canada — printed job record ("Print / save as PDF"), 2026-10-16.
   Loaded with media="print" from views/public/job.ejs and wrapped in @media print so it never touches the screen.
   On paper ONLY the record sheet (.ycp, views/public/_job-print.ejs) prints; the screen page is hidden. The sheet
   carries Canada Careers' exact field set in Youth's own look: navy record band with an orange rule, a boxed posting
   ID, numbered section heads, a navy key-facts strip and a ruled two-column ledger. Colours print (navy/orange are
   the brand), everything else is black on white. One page for a typical posting. */
@media print {
  @page { size: Letter; margin: 10mm 12mm 10mm; }
  html, body { background: #fff !important; color: #111 !important; }
  body.has-applybar { padding-bottom: 0 !important; }
  .site-main > *:not(.ycp), .site-header, .site-footer, .ycc-header, .ycc-footer, header.site-header, footer, .skip-link, .flash, .applybar { display: none !important; }
  .site-main { padding: 0 !important; margin: 0 !important; }
  a { color: inherit !important; text-decoration: none !important; }

  .ycp { display: block !important; font: 9.2pt/1.3 var(--kds-font-sans, system-ui, sans-serif); color: #111;
         -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .ycp__band { display: flex; align-items: center; gap: 10pt; background: #16283B; color: #fff; padding: 7pt 10pt;
               border-bottom: 3pt solid #FF9317; }
  .ycp__brand { font: 700 11pt/1 var(--kds-font-display, Georgia, serif); letter-spacing: .01em; }
  .ycp__kind { font-size: 7.5pt; text-transform: uppercase; letter-spacing: .14em; opacity: .85; }
  .ycp__pid { margin-left: auto; border: 1.2pt solid #FF9317; padding: 3pt 7pt; font: 700 10.5pt/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .08em; text-align: right; }
  .ycp__pid small { display: block; font: 600 6pt/1.2 var(--kds-font-sans, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: #f9c27a; margin-bottom: 1pt; }

  .ycp__head { padding: 7pt 0 5pt; border-bottom: .6pt solid #16283B; break-inside: avoid; }
  .ycp__title { font: 700 19pt/1.1 var(--kds-font-display, Georgia, serif); color: #16283B; margin: 0 0 3pt; }
  .ycp__co { margin: 0; font-size: 10.5pt; }
  .ycp__legal { margin: 1pt 0 0; font-size: 8.8pt; color: #444; font-style: italic; }
  .ycp__keys { display: flex; flex-wrap: wrap; margin: 5pt 0 4pt; border: .8pt solid #16283B; }
  .ycp__keys > div { flex: 1 1 0; padding: 3pt 7pt; border-left: .8pt solid #16283B; min-width: 0; }
  .ycp__keys > div:first-child { border-left: 0; background: #16283B; color: #fff; }
  .ycp__keys small { display: block; font-size: 6.4pt; text-transform: uppercase; letter-spacing: .13em; color: #FF9317; }
  .ycp__keys b { font-size: 9.4pt; }
  .ycp__dates { margin: 0; font-size: 8.6pt; color: #333; }

  .ycp__sec { margin: 6pt 0 0; }
  .ycp__sec h2 { display: flex; align-items: baseline; gap: 6pt; margin: 0 0 3pt; font: 700 10.4pt/1.2 var(--kds-font-display, Georgia, serif);
                 color: #16283B; break-after: avoid; }
  .ycp__sec h2 span { font: 700 7.5pt/1 ui-monospace, Menlo, monospace; color: #fff; background: #FF9317; padding: 2pt 3pt; }
  .ycp__prose { padding-left: 8pt; border-left: 1.4pt solid #f3c78a; }
  .ycp__prose p { margin: 0 0 1.2pt; orphans: 3; widows: 3; }
  .ycp__locs { margin: 0; padding: 0 0 0 8pt; list-style: none; border-left: 1.4pt solid #f3c78a; }
  .ycp__locs li { margin: 0 0 1pt; font-weight: 600; }
  .ycp__skills { margin: 0; padding-left: 8pt; border-left: 1.4pt solid #f3c78a; }
  .ycp__apply { border: .8pt dashed #16283B; padding: 5pt 8pt; break-inside: avoid; }
  .ycp__apply p { margin: 0 0 1pt; overflow-wrap: anywhere; }

  .ycp__ledger-wrap { break-inside: auto; }
  .ycp__ledger { display: grid; grid-template-columns: 1fr 1fr; column-gap: 14pt; margin: 0; border-top: 1.4pt solid #16283B; }
  .ycp__ledger > div { display: grid; grid-template-columns: 86pt 1fr; gap: 6pt; padding: 1.4pt 0; border-bottom: .5pt solid #b9c2cf; break-inside: avoid; }
  .ycp__ledger dt { font-size: 7.2pt; text-transform: uppercase; letter-spacing: .08em; color: #16283B; font-weight: 700; padding-top: 1pt; }
  .ycp__ledger dd { margin: 0; font-size: 9pt; }
  .ycp__mono { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: .06em; font-weight: 700; }
  .ycp__foot { margin: 9pt 0 0; padding-top: 4pt; border-top: 2pt solid #FF9317; font-size: 7.8pt; color: #333; }
}