/* =========================================================================
   print.css - turn the page into a clean, printable CV
   ========================================================================= */
@media print {
  /* The attribute selector is needed so a manually chosen dark theme does not
     survive into the printout - it has to outweigh :root[data-theme="dark"]. */
  :root,
  :root[data-theme] {
    --bg: #fff;
    --bg-alt: #fff;
    --surface: #fff;
    --surface-sunken: #fff;
    --text: #000;
    --text-soft: #222;
    --text-muted: #555;
    --border: #ccc;
    --border-strong: #999;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --logo-filter: none;

    color-scheme: light;
  }

  body {
    font-size: 10.5pt;
    line-height: 1.45;
  }

  .site-header,
  .theme-toggle,
  .progress,
  .hero__aurora,
  .hero__art,
  .section__art,
  .hero__grid,
  .hero__actions,
  .site-footer__links,
  .skip-link {
    display: none !important;
  }

  .section {
    padding-block: 12pt;
    border: 0;
  }

  .hero {
    padding-block: 0 12pt;
  }

  .card,
  .entry,
  .stat,
  .skillgroup {
    break-inside: avoid;
    border: 1px solid #ddd;
    box-shadow: none;
  }

  .entry:hover,
  .card:hover {
    transform: none;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .meter__fill {
    transform: scaleX(1) !important;
  }

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: #666;
  }
}