.breadcrumbs{padding-top:20px;padding-bottom:4px;font-size:12px;line-height:1.6;color:var(--sub,#66636d)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:0}
.breadcrumbs li{display:flex;align-items:baseline;gap:10px;min-width:0;overflow-wrap:anywhere}
.breadcrumbs li+li:before{content:'/';color:#aaa6b0}
.breadcrumbs a{color:inherit;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.breadcrumbs a:focus-visible{outline:2px solid var(--accent,#7042c1);outline-offset:3px}
.story-filter[aria-current=page]{background:var(--ink);color:#fff}
a.story-filter,a.page-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.page-button[aria-disabled=true]{color:#77737e;cursor:default;opacity:.6}
.resource-reading{padding:36px 0;border-top:1px solid var(--line,#e5e3e9)}
.resource-reading h2{font-size:22px;line-height:1.3;margin:0 0 16px}
.resource-reading ul{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0;padding-left:20px}
.resource-reading li{max-width:100%;overflow-wrap:anywhere}
.resource-reading a{color:var(--accent,#7042c1);text-decoration:underline;text-underline-offset:4px}
.resource-reading a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.story-topic button,.page-jump button{font:inherit;background:white;border:1px solid var(--line);padding:9px 12px;border-radius:3px;min-height:44px;color:var(--ink);cursor:pointer}
@media(max-width:600px){.breadcrumbs{padding-top:15px;font-size:11px}.story-topic{flex-wrap:wrap}.story-topic select{max-width:190px}}