/* ==========================================================================
   SCMH concept demonstration — print.css
   Loaded as <link rel="stylesheet" href="assets/print.css" media="print">.

   Rules (plan §2.8): hide the navigation, the controls, the strip and the
   footer chrome; KEEP the demonstration banner; set a serif body; force the
   light tokens whatever the screen theme is; expand every <details>; print
   link targets after inline links in prose only.
   ========================================================================== */
@media print{

  /* Force the light palette. A dark theme on paper is a black rectangle. */
  :root,:root[data-theme="dark"],:root[data-theme="night"],:root[data-theme="auto"]{
    --cream:#FFFFFF; --band:#FFFFFF; --paper:#FFFFFF;
    --pub-ground:#FFFFFF; --pub-band:#FFFFFF; --pub-card:#FFFFFF;
    --app-band:#FFFFFF; --surface-0:#FFFFFF; --surface-1:#FFFFFF; --surface-2:#FFFFFF;
    --ink:#000000; --ink-2:#3A3833;
    --line:#B9B2A4; --line-2:#8C8477; --pub-line:#B9B2A4; --pub-line-2:#8C8477;
    --line-mean:#6E6658; --line-mean-cream:#6E6658; --line-mean-2:#6E6658;
    --brand:#023A72; --brand-2:#011F3D; --brand-3:#024C96;
    --accent:#8B0206; --pub-accent:#8B0206; --gold:#4C360B;
    --link:#0B3F80; --draft-fill:#FFFFFF; --accent-soft:#FFFFFF;
    --e1:none; --e2:none; --shadow:none;
    --s0-fill:#FFFFFF; --s1-fill:#FBEFD0; --s2-fill:#EFD285;
    --s3-fill:#F5AAAA; --s4-fill:#AE0000; --s5-fill:#E7ECF3;
    --s0-ink:#16222D; --s1-ink:#4C360B; --s2-ink:#332406;
    --s3-ink:#48050A; --s4-ink:#FFFFFF; --s5-ink:#334252;
  }

  body{ background:#FFFFFF; color:#000000;
    font-family:Georgia,"Times New Roman",serif; font-size:11pt; line-height:1.45; }
  h1,h2,h3{ font-family:Georgia,"Times New Roman",serif; }

  /* The demonstration banner survives. Everything else that is chrome does not. */
  .skip,.strip,.nav,.prefs,.mast-actions,.foot .fgrid,.nav-toggle{ display:none !important; }
  .site-head{ position:static !important; box-shadow:none; }
  .mast{ border-bottom:1px solid #8C8477; }
  .brand img{ width:56px; height:56px; }

  .demo{ background:#FFFFFF !important; color:#000000 !important;
    border:2px solid #000000; padding:.4rem .6rem; margin:0 0 .5rem;
    font-size:10pt; }
  .demo a{ color:#000000 !important; }
  .demo b{ color:#000000 !important; }

  .foot{ background:#FFFFFF !important; color:#000000 !important;
    border-top:1px solid #8C8477; margin-top:1.5rem; padding:.75rem 0 0; }
  .foot a,.foot h2,.foot-bottom{ color:#000000 !important; }

  /* Cards and panels: outline, never fill. Toner is not a design token. */
  .card,.note,.callout,.refusal,.figs li,.signin-card,.disclosure,.tablewrap{
    border:1px solid #8C8477 !important; box-shadow:none !important;
    background:#FFFFFF !important; break-inside:avoid;
  }
  .card{ border-left:3px solid #024C96 !important; }

  /* Nothing is hidden behind a twisty on paper. */
  details{ display:block; }
  details>summary{ font-weight:700; list-style:none; }
  details:not([open])>*:not(summary){ display:revert; }
  details::details-content{ content-visibility:visible !important; block-size:auto !important; }
  details[open],details{ break-inside:avoid; }

  /* Link targets, in prose only — not on every navigation chrome link. */
  .prose a[href^="http"]::after,.prose a[href^="https"]::after{
    content:" (" attr(href) ")"; font-size:9pt; word-break:break-all;
  }

  h1,h2,h3{ break-after:avoid; }
  p,li,tr{ break-inside:avoid; }
  section{ padding:.5rem 0; }
  a{ text-decoration:underline; }
  @page{ margin:14mm; }
}
