/* Hub-specific additions only. The homepage's generated stylesheet supplies
   typography, masthead, navigation, story cards, layout, sidebar and footer. */
.collection-heading{margin-bottom:22px}
.collection-title{font-family:var(--font);font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.6px;margin-bottom:13px;color:var(--cream)}
.intro{font-family:var(--font);font-size:14px;line-height:1.65;color:var(--cream2);max-width:635px;text-wrap:pretty}
.collection-tabs{flex:1;min-width:0}.collection-tools{gap:12px}
.collection-picker select{font-family:var(--font);font-size:13px;color:var(--cream);background:var(--black);border:0;padding:10px 0;width:130px;cursor:pointer}
select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:26px}.pagination:empty{display:none}
.pagination a{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid var(--border2);border-radius:6px;font-family:var(--font);font-size:14px;color:var(--accent)}
.pagination a[aria-current]{background:var(--button);color:var(--button-text);border-color:var(--button);font-weight:600}.pagination a:hover{border-color:var(--accent)}
#collection-search-status{font-size:13px;line-height:1.55;color:var(--cream2);padding:14px 0;border-bottom:1px solid var(--border)}
.search-more{font-family:var(--font);font-size:13px;background:none;border:1px solid var(--border2);padding:12px 24px;color:var(--accent);cursor:pointer;margin-top:24px}
.search-more:hover{background:var(--card2);border-color:var(--accent)}
[hidden]{display:none!important}
@media(max-width:960px){.collection-picker select{width:110px}}
@media(max-width:720px){.collection-heading{margin-bottom:22px}.collection-title{font-size:25px;line-height:1.24}.collection-picker{flex:1;min-width:0}.collection-picker select{width:100%}.collection-search{flex:1;min-width:0}.collection-tools{gap:12px}}

.collection-breadcrumbs{font-size:12px;color:var(--dim);margin-bottom:14px}
.collection-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.collection-breadcrumbs li+li::before{content:"›";margin-right:6px}.collection-breadcrumbs a{color:var(--accent)}
.collection-related{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;line-height:1.6;margin-top:14px;color:var(--dim)}
.collection-related a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}