.learning-back-to-questions{margin:1.25rem 0 0;font-size:.82rem}
.learning-back-to-questions a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:768px){
  .learning-layout{display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem)}
  .learning-index{position:sticky;top:4.75rem;max-height:calc(100vh - 5rem);overflow-y:auto;margin:1.5rem 0;padding:0 1rem 0 0;border-block:0;border-right:1px solid var(--sidebar-border)}
  .learning-index-desktop{display:block}
  .learning-index-mobile{display:none}
  .learning-index ol{grid-template-columns:1fr}
  .learning-index a{padding:.45rem 0}
  .learning-index a[aria-current="location"]{color:var(--foreground);font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
  .learning-content{min-width:0}
  .learning-content>.learning-section:first-child{margin-top:0}
}
@media(max-width:767px){
  .learning-layout{display:block}
  .learning-index{position:sticky;top:calc(6.25rem + env(safe-area-inset-top));z-index:30;margin:0 0 1.5rem;padding:.25rem .85rem;border:1px solid var(--sidebar-border);border-radius:8px;background:var(--background);box-shadow:0 8px 22px rgba(0,0,0,.22)}
  .learning-index-desktop{display:none}
  .learning-index-mobile{display:block}
  .learning-index-mobile summary{min-height:44px;display:flex;align-items:center;font-weight:650}
  .learning-index-mobile ol{display:grid;grid-template-columns:1fr;max-height:min(52vh,24rem);overflow-y:auto;padding:0 0 .5rem}
  .learning-index-mobile a{min-height:44px;display:flex;align-items:center}
  .learning-index-mobile a[aria-current="location"]{color:var(--foreground);font-weight:650;text-decoration:underline;text-underline-offset:.25em}
  .learning-content>.learning-section:first-child{margin-top:1.5rem}
}

.learning-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.25rem;font-size:.9rem}.learning-actions a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:768px) and (max-width:1023px){.learning-index{top:6.75rem;max-height:calc(100vh - 7rem)}}
@media(max-width:767px){.learning-index{top:calc(7rem + env(safe-area-inset-top))}.learning-content>.learning-section{scroll-margin-top:11rem}}

.learning-shell table th:first-child{min-width:8rem;overflow-wrap:normal}.learning-shell table td{min-width:12rem}.learning-section>.learning-table-hint{font-size:.82rem;margin-bottom:1rem}

/* Nested navigation stays scrollable without bright native scrollbar chrome. */
.learning-index,.learning-index-mobile ol,.learning-table-scroll{scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent}
.learning-index:hover,.learning-index:focus-within,.learning-index-mobile ol:hover,.learning-table-scroll:hover,.learning-table-scroll:focus-visible{scrollbar-color:var(--muted-foreground) transparent}
.learning-index::-webkit-scrollbar,.learning-index-mobile ol::-webkit-scrollbar,.learning-table-scroll::-webkit-scrollbar{width:6px;height:6px}
.learning-index::-webkit-scrollbar-track,.learning-index-mobile ol::-webkit-scrollbar-track,.learning-table-scroll::-webkit-scrollbar-track{background:transparent}
.learning-index::-webkit-scrollbar-thumb,.learning-index-mobile ol::-webkit-scrollbar-thumb,.learning-table-scroll::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:6px}
@media(forced-colors:active){.learning-index,.learning-index-mobile ol,.learning-table-scroll{scrollbar-color:auto}}