/* PSS Plasma — reduced data, and paper. Pro Steel Solutions Ltd. No italics.
 *
 * Reduced data: a phone on a metered connection, or one the person has put in data-saver mode,
 * asks for less. The decorative background, the glow behind the buttons and the blur on the
 * glass panels are the first things to go — they cost paint time and bytes and carry no
 * meaning. The page is still the page.
 *
 * Paper: a quote or a setup sheet that comes out of a printer should be the document, not a
 * screenshot of a website. The navigation, the floating buttons and the chrome come off, the
 * ink goes black on white, and links that carry meaning print their address after them.
 */
@media (prefers-reduced-data:reduce){
  .pss-bgfx{display:none}
  .pss-hero__glow,.pss-shape__glow,[class*="__glow"]{display:none}
  *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .pss-shelf__track{scroll-snap-type:none}
  img[loading="lazy"]{content-visibility:auto}
}

@media print{
  /* everything that is the site rather than the document */
  .pss-nav,.pss-drawer-nav,.pss-wa,.pss-totop,.pss-mbar,.pss-ag,.pss-ag-launch,.pss-toasts,
  .pss-bgfx,.pss-skip,.pss-progress,.pss-install,.pss-update,.pss-announce,.pss-st-mob,
  .pss-nav__tools,.pss-footer__keys,.pss-crumbs,.pss-toc{display:none!important}

  html,body{background:#fff!important;color:#000!important;font-size:11pt}
  .pss-main{padding:0!important;margin:0!important}
  .pss-container{max-width:none!important;padding:0!important}
  *{box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}
  .pss-card,.pss-panel,.pss-tool,.pss-st-card{border:1px solid #999!important;background:#fff!important;
    break-inside:avoid;page-break-inside:avoid}
  h1,h2,h3{break-after:avoid;page-break-after:avoid;color:#000!important}
  table{break-inside:auto}
  tr,.pss-st-setup__list li{break-inside:avoid;page-break-inside:avoid}
  thead{display:table-header-group}            /* the column headings repeat on every page */
  a{color:#000!important;text-decoration:underline}
  /* a printed link is useless without its address -- except the ones that only move you
     around this page, or are a button whose address says nothing */
  .pss-prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
  .pss-btn::after,.pss-nav a::after{content:none!important}

  /* the company details belong on the paper, whichever page it came from */
  .pss-footer{border-top:1px solid #000;padding-top:8pt;margin-top:12pt}
  .pss-footer__links,.pss-footer__reach,.pss-footer__util{display:none!important}

  @page{margin:14mm}
}