.prompt-library { margin: 2rem 0; scroll-margin-top: 6rem; }
.prompt-library > h2 { margin-bottom: .5rem; font-size: clamp(1.3rem, 4vw, 1.65rem); }
.prompt-library > p { color: #52525b; line-height: 1.7; }
.prompt-library-nav { display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin: 1rem 0; }
.prompt-library-nav a, .prompt-library-return { color: #6035a3; text-underline-offset: .2em; }
.prompt-library-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.prompt-library details { border-top: 1px solid #ded9e5; padding: .25rem 0; scroll-margin-top: 6rem; }
.prompt-library details:last-child { border-bottom: 1px solid #ded9e5; }
.prompt-library summary { padding: 1rem .25rem; cursor: pointer; }
.prompt-library summary h3 { display: inline; font-size: 1.1rem; }
.prompt-library summary span { color: #62616a; font-size: .9rem; font-weight: 400; margin-left: .35rem; }
.prompt-library-actions:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: 0 .25rem .5rem; }
.prompt-library-actions .play-button { min-height: 44px; padding: .55rem .85rem; font-size: .9rem; }
.prompt-library-actions [role="status"] { color: #52525b; font-size: .9rem; }
.prompt-library-list h4 { margin: 1rem 0 .5rem; font-size: 1rem; }
.prompt-library-list ol { padding-left: 1.8rem; margin: .5rem 0 1.25rem; }
.prompt-library-list li { padding: .3rem .25rem; line-height: 1.7; overflow-wrap: anywhere; break-inside: avoid; }
.prompt-library-return { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: .75rem; }
.prompt-library :is(a, button, summary):focus-visible { outline: 3px solid #6035a3; outline-offset: 3px; }
@media (min-width: 640px) {
  .prompt-library[data-prompt-library="charades-game"] ol { columns: 2; column-gap: 2.5rem; }
}