.reader-library-index{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #d6e2df;border-radius:22px;background:#f8fbfa;color:#173e43}
.reader-library-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}
.reader-library-heading h2{margin:.35rem 0;font-size:clamp(1.35rem,3vw,1.8rem)}
.reader-library-heading p{margin:.4rem 0 0;max-width:58ch;line-height:1.6}
.reader-library-heading>div>span{font-size:.8rem;font-weight:700;letter-spacing:.03em}
.reader-library-count{white-space:nowrap;border-radius:20px;padding:.55rem .85rem;background:#e7efec;font-size:.85rem}
.reader-library-groups{display:grid;gap:.75rem}
.reader-library-group{min-width:0;border:1px solid #d6e2df;border-radius:14px;background:#fff;overflow:hidden}
.reader-library-group summary{cursor:pointer;padding:1rem;display:list-item;list-style-position:inside;line-height:1.5}
.reader-library-group summary>span{float:right;margin-left:.75rem;font-size:.8rem;color:#526b68}
.reader-library-group ul{list-style:none;margin:0;padding:0 1rem .4rem}
.reader-library-group li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 0;border-top:1px solid #e4ece9}
.reader-library-group li>div{min-width:0}
.reader-library-group a{color:#173e43;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-library-group small{display:block;color:#526b68;margin-top:.2rem}
.reader-library-item-note{flex:none;font-size:.8rem;color:#526b68;white-space:nowrap}
.reader-library-index a:focus-visible,.reader-library-index summary:focus-visible{outline:3px solid #227c86;outline-offset:3px}
@media(max-width:520px){.reader-library-heading{display:block}.reader-library-count{display:inline-block;margin-top:.75rem}.reader-library-group li{display:block}.reader-library-item-note{display:block;margin-top:.3rem}.reader-library-group summary>span{float:none;display:inline-block}}