[data-library-card][hidden], [data-library-group][hidden], [data-library-era][hidden], .library-empty[hidden] { display: none !important; }
.library-era { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 1px solid #dce3e8; border-radius: 16px; background: #fff; padding: 0; overflow: hidden; }
.library-era > summary { cursor: pointer; font-weight: 700; font-size: 1.1rem; padding: 1.25rem 1.5rem; color: #18323d; }
.library-era[open] > summary { border-bottom: 1px solid #e7edf0; }
.library-era-body { padding: 1.5rem; }
.library-era-body > p { max-width: 68ch; margin-top: 0; margin-bottom: 1.5rem; }
[data-library-group] + [data-library-group] { margin-top: 2rem; }
.library-search { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.library-search label { display: block; font-weight: 700; margin-bottom: .5rem; }
.library-search input { width: 100%; max-width: 40rem; padding: .85rem; border: 1px solid #cbd5dd; border-radius: 10px; font: inherit; }
.library-empty { padding-top: 2rem; padding-bottom: 2rem; }
@media (max-width: 600px) { .library-era > summary, .library-era-body { padding: 1rem; } }