/* Risk Assessment — authored in Claude Design, extracted from the
   unit's <helmet> at build time. Do not edit by hand. */

* { box-sizing: border-box; }
  html, body { margin: 0; overflow-x: hidden; }
  body { font-family: 'Tenor Sans', system-ui, sans-serif; color: #2d2d2d; background: #f5f2f0; -webkit-font-smoothing: antialiased; }
  a { color: #C8102E; text-decoration: none; }
  a:hover { color: #a50e26; }
  @page { margin: 12mm; }
  :root { --bleed: clamp(0px, calc((100vw - 784px) / 2), 78px); }
  @media (max-width: 850px) { #unit-rail { display: none !important; } }
  @media (max-width: 760px) {
    :root { --bleed: 0px; }
    .col { padding-left: 20px !important; padding-right: 20px !important; }
    .mblock { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 24px 0 26px !important; }
    .row2 { grid-template-columns: minmax(0,1fr) !important; }
    .row2 > .c2 { border-left: 0 !important; border-top: 1px solid #e4ded7 !important; }
    .vocab { grid-template-columns: minmax(0,1fr) !important; }
    .vocab .vd { border-left: 0 !important; padding-top: 2px !important; }
    .emerg { grid-template-columns: minmax(0,1fr) !important; }
    .emerg .ed { border-left: 0 !important; padding-top: 4px !important; }
    .argue { padding: 26px 22px 28px !important; }
  }
  @media print {
    :root { --bleed: 0px; }
    html, body { background: #fff !important; }
    #unit-rail { display: none !important; }
    .mblock { float: none !important; width: 100% !important; max-width: 100% !important; margin: 18px 0 20px !important; }
    .mblock, .frag, .idea, .note, .argue, .vocabbox, .emergbox { break-inside: avoid; page-break-inside: avoid; }
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  }