/* Q-lit CSS */

*, *::before, *::after { box-sizing: border-box; }
body, h1, h2, h3, h4, p, ul, ol, figure, blockquote { margin: 0; }
img { max-width: 100%; display: block; }

.container { max-width: 65ch; margin: 0 auto; padding: 0 1rem; }
main { padding: 2rem 0; }

/* Navigation */
.nav-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.site-name { margin-right: auto; }
.nav-toggle { display: none; }
.nav-toggle-label { display: none; cursor: pointer; }
.nav-links { list-style: none; padding: 0; display: flex; gap: 1rem; }

@media (max-width: 600px) {
  .nav-toggle-label { display: block; }
  .nav-links { display: none; flex-basis: 100%; flex-direction: column; }
  .nav-toggle:checked ~ .nav-links { display: flex; }
}

/* Footer */
.site-footer { margin-top: 4rem; padding: 2rem 0; }

/* Poetry */
.poem-body {
  font: inherit;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

/* Author grid */
.author-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 2rem; }
.author-photo { max-width: 200px; object-fit: cover; }
.author-card-photo { width: 80px; height: 80px; object-fit: cover; flex-shrink: 0; }
.author-card-photo-placeholder { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* Utilities */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
[data-pagefind-filter] { display: none; }

/* Pagefind */
.pagefind-ui { --pagefind-ui-scale: 0.9; }