.word-catalog-start { margin-top: 20px; }
.word-catalog-start .button-row { align-items: center; flex-wrap: wrap; }
.word-print-help { margin-top: 16px; max-width: 760px; }
.word-print-help summary, .word-card-preview summary { cursor: pointer; padding: 10px 0; font-weight: 700; }
.word-print-help p { margin: 8px 0; color: var(--muted); }
.word-search-listing { scroll-margin-top: 24px; }
.word-search-listing .content-cards { align-items: start; }
.word-preview-meta { color: var(--muted); font-size: 14px; }
.word-card-preview { border-top: 1px solid var(--line); margin: 12px 0; }
.word-preview-grid { display: grid; grid-template-columns: repeat(var(--word-grid-size), minmax(0, 1fr)); width: 100%; max-width: 340px; aspect-ratio: 1; border: 1px solid var(--ink); background: #fff; margin: 8px auto; }
.word-preview-grid span { display: grid; place-items: center; min-width: 0; color: var(--ink); font-size: clamp(10px, 1.1vw, 14px); font-weight: 600; border: 1px solid var(--line); }
.word-search-listing .word-preview-words { font-size: 14px; line-height: 1.7; margin: 12px 0; }
.word-card-preview summary:focus-visible, .word-print-help summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 600px) {
  .word-catalog-start .button { white-space: normal; }
  .word-preview-grid span { font-size: clamp(11px, 3.5vw, 16px); }
}