.printableSpells {
  display: none;
}

@media print {
  :root {
    --color-text: #000;
  }

  body {
    background: #fff;
  }

  main {
    padding: 0;
  }

  section {
    margin: 0;
  }

  .parchment {
    box-shadow: none;
    background: #fff;
  }

  :not(:is(:has(.printableSpells), .printableSpells, .printableSpells *)) {
    display: none !important;
  }

  :not(:is(:has(.printableSpells), .printableSpells, .printableSpells *)) {
    display: none !important;
  }

  .printableSpells {
    display: block;
  }

  .printableSpells h2 {
    break-before: page;
    margin: 16px 8px 8px;
    font-size: 16px;
  }

  .printableSpells ul {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px;
    margin: 8px;
    padding: 0;
    display: grid;
  }
}
/*# sourceMappingURL=index.204c04f7.css.map */