/* print.css — what the site looks like on paper. Loaded by the three legal pages
   (/policies, /terms, /privacy), which are the ones people actually print or save
   to PDF and attach to an email thread. Nothing here affects the screen.

   The first rule is not cosmetic. Reveal-on-scroll leaves every un-scrolled block at
   opacity 0 (animations.css, armed by animations.js), so printing the page today
   yields the sections you happened to have scrolled past and blank space where the
   rest of the document should be. On a document whose whole purpose is to be the
   record of what was agreed, that is a defect, not a rough edge. */
@media print{
  html.reveal-armed .reveal,html.reveal-armed .reveal.in{opacity:1!important;transform:none!important}
  /* and instantly: a transition still in flight prints whatever frame it was on. */
  *,*::before,*::after{transition:none!important;animation:none!important}

  /* Ink on paper: the dark surface is a screen treatment and costs a cartridge. */
  html,body{background:#fff!important;color:#000!important}
  body::before,body::after,.wrap::before,.wrap::after{display:none!important}
  h1,h2,h3,.sec-title,.eyebrow,.group-label,.num,.updated,b,strong{color:#000!important}
  p,li,.block p,.fine,.lead{color:#1a1a1a!important}

  /* Chrome, controls and anything that only makes sense on screen. */
  nav.site-nav,.mob-menu,footer,.to-top,.toc,.clause-link,#toast{display:none!important}

  .container{max-width:none!important;padding:0!important}
  header{padding:0 0 18pt!important;text-align:left!important}

  /* A clause is the unit of this document, so it does not get split across a sheet;
     the group label stays with the clauses it introduces. */
  .block,.contact-box,.callout{break-inside:avoid;page-break-inside:avoid}
  .group-label{break-after:avoid;page-break-after:avoid;border-bottom:1px solid #999!important;
    margin:18pt 0 10pt!important}
  h2{break-after:avoid;page-break-after:avoid;border-bottom-color:#999!important}

  /* A printed link is only useful if you can read where it goes. Same-page fragments
     and mail/phone links are left alone - the visible text already says it. */
  a{color:#000!important;text-decoration:underline}
  a[href^="/"]::after{content:" (elysiumsolutions.org" attr(href) ")";font-size:9pt;color:#444}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444}

  /* The document must say which edition was printed, on paper, without the reader
     having to trust the browser's header. */
  .updated{border:1px solid #999!important;padding:6pt 9pt!important;display:inline-block}

  @page{margin:16mm 14mm}
}
