.seo-breadcrumbs { padding-top: 1.25rem; font-size: .9rem; }
.seo-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .35rem .65rem; padding: 0; margin: 0; list-style: none; }
.seo-breadcrumbs li { display: inline; overflow-wrap: anywhere; }
.seo-breadcrumbs li + li::before { content: "/"; padding-right: .65rem; color: var(--muted); }
.learning-intro { max-width: 48rem; }
.learning-finder { margin-top: 1.5rem; padding: 1.25rem; max-width: 48rem; border: 1px solid var(--line); border-radius: .35rem; background: var(--sky); }
.learning-finder h2 { margin-top: 0; }
.learning-finder label { display: block; font-weight: 700; }
.learning-finder #learning-query-help { margin: .4rem 0 .8rem; }
.learning-filter-fields { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.learning-filter-fields input { flex: 1 1 18rem; box-sizing: border-box; min-width: 0; max-width: 100%; min-height: 2.75rem; padding: .65rem; font: inherit; color: var(--ink); background: var(--paper); border: 1px solid var(--muted); border-radius: .25rem; }
.learning-filter-fields input:focus-visible { outline: .2rem solid var(--ink); outline-offset: .15rem; }
.learning-filter-fields input[aria-invalid="true"] { border: .15rem solid #a21d27; }
.learning-filter-fields button { min-height: 2.75rem; max-width: 100%; }
.learning-filter-status { margin-bottom: 0; min-height: 2.8rem; }
.learning-finder[hidden], .learning-topic[hidden], .learning-jumps[hidden], .learning-jumps a[hidden] { display: none; }
.learning-jumps { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 1.5rem 0 2rem; }
.learning-jumps a { display: inline-flex; align-items: center; min-width: 2.75rem; min-height: 2.75rem; max-width: 100%; padding: .35rem; overflow-wrap: anywhere; }
.learning-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1.5rem; }
.learning-topic { padding: 1.5rem; border: 1px solid var(--line); border-radius: .35rem; scroll-margin-top: 1.5rem; }
.learning-topic h2 { margin-top: 0; font-size: 1.5rem; }
.learning-topic h3 { margin-top: 1.25rem; font-size: 1.05rem; }
.learning-topic ul { padding-left: 1.2rem; }
.learning-topic li { margin-bottom: .6rem; }
.related-reading { margin-top: 2rem; padding-top: .5rem; border-top: 1px solid var(--line); }
.glossary-entry { padding: 1.25rem 0; border-bottom: 1px solid var(--line); scroll-margin-top: 1rem; }
.glossary-entry dt { font-weight: 700; font-size: 1.2rem; }
.glossary-entry dd { margin: .5rem 0 0; }
.glossary-source { font-size: .9rem; }
@media (prefers-reduced-motion: reduce) { .learning-jumps { scroll-behavior: auto; } }