/* SnoutScoop page shell shared by the Learning catalogue and exams. */
.snoutscoop-learning *, .snoutscoop-learning *::before, .snoutscoop-learning *::after { box-sizing: border-box; }
.snoutscoop-learning .lubinik-learning-results-dashboard > *, .snoutscoop-learning .lubinik-results-dashboard-grid > * { min-width: 0; }
.snoutscoop-learning .lubinik-learning-results-dashboard { overflow-wrap: anywhere; }
.snoutscoop-learning-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 auto 2rem; max-width: 100%; }
.snoutscoop-learning-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .55rem .85rem; border: 1px solid var(--line); border-radius: var(--radius-md); color: var(--aqua-deep); background: var(--paper); text-decoration: none; font-weight: 600; }
.snoutscoop-learning-nav a:hover, .snoutscoop-learning-nav a[aria-current] { background: var(--aqua-deep); color: var(--paper); }
@media (max-width: 600px) {
    .snoutscoop-learning-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .75rem; }
    .snoutscoop-learning-nav a { flex: 0 0 auto; }
}
.snoutscoop-learning { background: var(--mist); color: var(--ink); }
.snoutscoop-learning__content { width: min(var(--shell), calc(100% - 2rem)); margin-inline: auto; padding-block: 2rem 4rem; }
.snoutscoop-learning__title { margin: 0 auto 1.5rem; max-width: 880px; font-size: var(--text-2xl); line-height: var(--line-height-heading); }
.snoutscoop-learning__introduction { max-width: 880px; margin: 0 auto 2rem; font-size: 1rem; line-height: 1.7; overflow-wrap: anywhere; }
.snoutscoop-learning__introduction > :first-child { margin-top: 0; }
.snoutscoop-learning__introduction > :last-child { margin-bottom: 0; }
.snoutscoop-learning .lubinik-learning-exam { margin-top: 0; }
.snoutscoop-learning .lubinik-learning-header h2 { font-size: var(--text-xl); }
.snoutscoop-learning .lubinik-learning-choice { min-height: 48px; align-items: center; }
.snoutscoop-learning input { accent-color: var(--aqua-deep); }
.snoutscoop-learning button, .snoutscoop-learning .button { cursor: pointer; font: inherit; }
.snoutscoop-learning .lubinik-learning-submit, .snoutscoop-learning .lubinik-learning-exam-card .button { background: var(--aqua-deep); color: var(--paper); border: 0; border-radius: var(--radius-md); }
.snoutscoop-learning .lubinik-learning-exam-card .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .75rem 1rem; text-decoration: none; font-weight: 700; }
.snoutscoop-learning .lubinik-learning-submit:hover, .snoutscoop-learning .lubinik-learning-exam-card .button:hover { background: var(--orange-dark); }
.snoutscoop-learning :is(a, button, input, summary):focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.snoutscoop-learning .lubinik-learning-context { overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .snoutscoop-learning__content { width: calc(100% - 1.5rem); padding-block: 1.5rem 2.5rem; }
    .snoutscoop-learning .lubinik-learning-question, .snoutscoop-learning .lubinik-learning-correction-item { padding: 1rem; }
    .snoutscoop-learning .lubinik-learning-header { padding: 1.25rem; }
    .snoutscoop-learning .lubinik-learning-submit { width: 100%; }
}
.snoutscoop-learning .lubinik-learning-exam-topics { max-width: 880px; margin: 1.5rem auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lubinik-learning-exam-topics summary { padding: 1rem .5rem; color: var(--aqua-deep); font-weight: 600; cursor: pointer; }
.lubinik-learning-exam-topics summary:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.lubinik-learning-exam-topics ol { margin: 0; padding: 0 1rem 1.25rem 2rem; }
.lubinik-learning-exam-topics li { padding: .5rem 0; line-height: 1.6; }