/* Learning navigation: distinct surfaces, restrained motion, all site themes. */
:root{--lc-card:#24324d;--lc-card-edge:#52688c;--lc-card-ink:#f3f6ff;--lc-card-muted:#cad4e9;--lc-map:#d0c4ff;--lc-map-ink:#30234e;--lc-tools:#a8e7d8;--lc-tools-ink:#123e36;--lc-dock:#203b45;--lc-tool:#2c505a;--lc-tool-edge:#56868c;--lc-tool-ink:#effffb;--lc-tool-accent:#a8e7d8}
:root[data-academy-theme=light]{--lc-card:#edf3ff;--lc-card-edge:#b6c9e5;--lc-card-ink:#192c4a;--lc-card-muted:#425574;--lc-map:#ded5ff;--lc-map-ink:#3c2866;--lc-tools:#c4eee3;--lc-tools-ink:#164c40;--lc-dock:#e7f4f0;--lc-tool:#fff;--lc-tool-edge:#9cbeb4;--lc-tool-ink:#20473d;--lc-tool-accent:#237b64}
:root[data-academy-theme=warm]{--lc-card:#f1ecdf;--lc-card-edge:#c5bc9d;--lc-card-ink:#293d34;--lc-card-muted:#526258;--lc-map:#e3d9ef;--lc-map-ink:#493457;--lc-tools:#d7e9c5;--lc-tools-ink:#344c25;--lc-dock:#e8eddf;--lc-tool:#fffdf6;--lc-tool-edge:#aab793;--lc-tool-ink:#344c25;--lc-tool-accent:#55773b}
html body .acn-bar .acn-main{background:var(--lc-map)!important;color:var(--lc-map-ink)!important;border:1px solid transparent!important;box-shadow:0 3px 12px #0001!important;font-weight:750}
html body .acn-bar .acn-main span{color:inherit!important}
html body .acn-bar .cc-tools>summary{background:var(--lc-tools)!important;color:var(--lc-tools-ink)!important;border:1px solid transparent!important;box-shadow:0 3px 12px #0001!important;font-weight:750}
html body .acn-bar .cc-tools>summary :is(span,svg){color:inherit!important}
html body .acn-bar :is(.acn-main,.cc-tools>summary){transition:filter .18s,box-shadow .18s}
html body .acn-bar :is(.acn-main:hover,.cc-tools>summary:hover){filter:brightness(1.06);box-shadow:0 4px 16px #0002!important}
html body .acn-bar .cc-tools[open]>summary{box-shadow:0 0 0 3px var(--lc-tool-edge)!important}
html body :is(.cs-tools,.cc-tools-panel){background:var(--lc-dock)!important;border:1px solid var(--lc-tool-edge)!important;color:var(--lc-tool-ink)!important;box-shadow:0 7px 22px #050b1824!important}
html body .cs-tools>b,html body .cs-tools .practice-tools-label b,html body .cc-tools-panel>strong{color:var(--lc-tool-ink)!important}
html body :is(.cs-tools .catalog-tools-grid,.cs-tools .practice-tools-grid,.cc-tools-grid,.cc-tools-extra)>:is(a,button){background:var(--lc-tool)!important;border:1px solid var(--lc-tool-edge)!important;color:var(--lc-tool-ink)!important;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 2px 5px #0001!important}
html body :is(.cs-tools .catalog-tools-grid,.cs-tools .practice-tools-grid,.cc-tools-grid,.cc-tools-extra)>:is(a,button) :is(b,span){color:inherit!important}
html body :is(.cs-tools,.cc-tools-panel) :is(i,svg){color:var(--lc-tool-accent)!important}
html body :is(.cs-tools .catalog-tools-grid,.cs-tools .practice-tools-grid,.cc-tools-grid,.cc-tools-extra)>:is(a,button):hover{border-color:var(--lc-tool-accent)!important;box-shadow:0 4px 12px #0002!important;transform:translateY(-2px)}
html body .catalog-page .catalog-tools.cs-tools,html body #practiceApp .practice-tools.cs-tools{position:sticky;top:var(--lc-sticky-top,112px);z-index:35;isolation:isolate}
html body .cs-tools.lc-static{position:relative!important;top:auto!important}
html body .cl-card,html body .cs-catalog .aw-topic-group,html body .cs-catalog .aw-topics>.aw-topic{background:var(--lc-card)!important;color:var(--lc-card-ink)!important;border:1px solid var(--lc-card-edge)!important;box-shadow:0 7px 20px #02081522!important}
html body .cl-card :is(h2,h2 a,.cl-track),html body .cs-catalog .aw-topic-copy strong{color:var(--lc-card-ink)!important}
html body .cl-card .cl-progress,html body .cs-catalog .aw-topic-copy small{color:var(--lc-card-muted)!important}
html body .cs-catalog .aw-topic-group>.aw-topic{background:transparent!important;border:0!important;box-shadow:none!important}
html body .cl-card .cl-topic-art{opacity:.68}
html body .cl-card .cl-number,html body .cs-catalog .aw-topic-number{background:var(--lc-map)!important;color:var(--lc-map-ink)!important;border-color:transparent!important}
html body .cs-catalog .catalog-subtypes{border-color:var(--lc-card-edge)!important}
html body .cs-catalog .catalog-subtypes summary{color:var(--lc-card-ink)!important}
html body :is(.acn-main,.cc-tools>summary,.cc-tool,.cs-tools a,.cs-tools button,.aw-topic):focus-visible{outline:3px solid var(--theme-accent,#aaa2ff)!important;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .cc-tools>summary>svg,.cs-tools>b>i{animation:lc-tool-cue 4s ease-in-out 2;transform-origin:center}
 @keyframes lc-tool-cue{0%,20%,50%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-5deg)}40%{transform:translateY(-2px) rotate(5deg)}}
}
@media(prefers-reduced-motion:reduce){
 html body :is(.cc-tools>summary>svg,.cs-tools i,.cs-tools svg){animation:none!important}
 html body :is(.acn-main,.cc-tools>summary,.cc-tool,.cs-tools a,.cs-tools button){transition:none!important;transform:none!important}
}
@media(max-width:620px){html body .catalog-page .catalog-tools.cs-tools,html body #practiceApp .practice-tools.cs-tools{padding:9px;margin:14px 0;border-radius:13px}.cs-tools>b,.cs-tools-title{margin-bottom:7px!important}.cs-tools .catalog-tools-grid>a,.cs-tools .catalog-tools-grid>button{min-height:52px!important}}
@media print{html body .cs-tools{display:none!important}}