/* The original Learn sections remain one step away on every page. */
.learning-nav{overflow:visible;white-space:normal;position:relative;z-index:30;gap:16px;min-height:70px;flex-wrap:wrap}
.learning-nav .learning-home{margin-right:auto;padding:8px 0;white-space:nowrap;color:var(--ink)}
.learning-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.learning-links>a,.learning-group>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;border-radius:9px;color:var(--muted);font-size:.85rem;line-height:1.5;white-space:nowrap}
.learning-group{position:relative;border:0;margin:0;padding:0;flex:none}
.learning-group>summary{list-style:none;cursor:pointer;font-weight:500}
.learning-group>summary::-webkit-details-marker{display:none}
.learning-group>div{position:absolute;top:calc(100% + 6px);left:0;width:260px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 14px 40px var(--ui-shadow);max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain}
.learning-group>div>a{min-height:44px;padding:10px 12px;border-radius:7px;white-space:normal;line-height:1.5}
.learning-group[data-active]>summary,.learning-group[open]>summary,.learning-group>summary:hover,.learning-nav a[aria-current=page]{background:var(--accentbg);color:var(--teal)}
.learning-group[open]>summary svg{transform:rotate(180deg)}
.learning-toggle{display:none!important}
.lab-library-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:24px 0 12px}
.lab-library-controls label{display:grid;gap:7px;flex:1 1 200px;min-width:0;font-size:.88rem;color:var(--muted)}
.lab-library-controls .v2-lab-search{flex:2 1 280px;margin:0}.lab-library-controls input,.lab-library-controls select{width:100%;min-height:46px;font-size:1rem}
.lab-library-controls button{min-height:46px;white-space:nowrap;padding:10px 16px}
.lab-empty{padding:24px;border:1px dashed var(--line);border-radius:14px;background:var(--surface);max-width:65ch}.lab-empty h2{font-size:1.35rem}.lab-empty p{color:var(--muted);margin-bottom:0}
.lab-getting-started{padding:18px 22px;border-left:3px solid var(--teal);background:var(--accentbg);border-radius:0 10px 10px 0;font-size:.92rem;max-width:85ch;color:var(--muted)}.lab-getting-started strong{color:var(--ink)}
.translation-note{padding:12px 16px;margin:0 auto 14px;border-left:3px solid var(--teal);background:var(--accentbg);border-radius:0 8px 8px 0;font-size:.82rem;color:var(--muted)}.translation-note a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.study-intro h1,.catalog-section>.section-head h2{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:650}.study-breadcrumb{flex-wrap:wrap}.study-breadcrumb a{min-height:44px;display:inline-flex;align-items:center;white-space:normal}.study-intro p{max-width:70ch}
.study-breadcrumb.breadcrumbs{justify-content:flex-start;gap:8px}.study-intro .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;white-space:normal}html:not(.js) .lab-library-controls,html:not(.js) .system-choices.only-js{display:none}
.prose a,.source-list a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.lesson-content section{scroll-margin-top:100px}.catalog-section[hidden],.study-card[hidden],.lab-empty[hidden]{display:none!important}
.lesson-aside{top:96px}.v2-roadmap .lesson-row{min-width:0}.v2-roadmap .lesson-row>span{min-width:0;overflow-wrap:anywhere}
.lab-focused .learning-nav,.lab-focused .language-bar,.lab-focused .translation-note{display:none}
@media(min-width:768px) and (max-width:1000px){.learning-nav{gap:8px}.learning-links{gap:0}.learning-links>a,.learning-group>summary{padding-inline:9px;font-size:.78rem}}
@media(max-width:767px){.learning-nav{gap:8px;padding-block:10px}.js .learning-toggle{display:flex!important;align-items:center;gap:9px;padding:10px 12px;min-height:44px;font-size:.8rem}.learning-links{flex-basis:100%;align-items:stretch;flex-direction:column;gap:2px;padding:8px 0}.js .learning-links{display:none}.js .learning-open .learning-links{display:flex}.learning-links>a,.learning-group>summary{padding:11px 12px;font-size:.9rem}.learning-group>div{position:static;width:auto;max-height:none;box-shadow:none;margin:2px 8px 5px 16px;border-width:0 0 0 1px;border-radius:0;padding:2px 0 2px 10px}.learning-group>div>a{font-size:.85rem}.learning-group{width:100%}.lab-library-controls{padding:18px;gap:12px}.lab-library-controls label,.lab-library-controls .v2-lab-search{flex-basis:100%}.lab-library-controls button{width:100%}.lab-getting-started{padding:16px}.translation-note{font-size:.8rem}.lesson-aside{top:84px}.system-player{scroll-margin-top:84px}}
@media(prefers-reduced-motion:reduce){.learning-group>summary svg{transition:none}}
@media print{.learning-nav,.lab-library-controls,.translation-note{display:none!important}}

/* Semantic heading levels keep their existing visual sizes. */
.system-caption [data-system-title]{margin:0;letter-spacing:inherit}.component-explainer .component-meaning-title{font-weight:700;line-height:normal;letter-spacing:normal}