:root{--ce-ink:#17354a;--ce-teal:#087f8c;--ce-line:#d8e5ec}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
aside nav{display:grid;gap:5px}aside nav a,aside nav button{border-radius:12px!important;padding:12px 14px!important;line-height:1.45!important;font-size:13px!important;transition:background .16s}
aside nav a:hover,aside nav button:hover{background:#ffffff15!important;color:#88e8e1!important}aside nav .active{background:linear-gradient(115deg,#156576,#164b62)!important;color:#fff!important}
.nav16{gap:8px!important}.nav16 a{padding:8px 12px;border:1px solid #dbe7ed;border-radius:10px;background:#fff;color:#185363;white-space:nowrap}.nav16 a:hover{background:#e6f5f2}
button,.button,.btn16{border-radius:10px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #36bbc6;outline-offset:3px}
.groupCards13{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.groupCard13{box-shadow:0 8px 24px #193b4b08;border-radius:18px!important}
.groupTabs13{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff;border:1px solid #dbe7ed;border-radius:16px}.groupTabs13 button.active{background:#0c7884;color:#fff}.ceCall20{border:1px solid #b9dce4;background:linear-gradient(120deg,#e6f6f3,#eef4ff);padding:22px;border-radius:18px;margin-bottom:20px}
#learning20{--bs-primary:#087f8c;--bs-primary-rgb:8,127,140;color:#19394b;max-width:1440px;margin:auto;padding:24px}
#learning20 main{margin:0;padding:0}#learning20 .ceHero20{background:linear-gradient(120deg,#102f49,#087f8c);color:white;border-radius:24px;padding:36px;margin:24px 0}
#learning20 .card{border:1px solid #d9e6ec;border-radius:18px;box-shadow:0 6px 24px #183b4b07}#learning20 .card-body{padding:24px}
#learning20 .btn-primary{background:#087f8c;border-color:#087f8c}#learning20 .formula20{padding:18px;background:#eff7fa;border-left:4px solid #0e939a;border-radius:8px;font:18px/1.8 ui-monospace,monospace;white-space:pre-wrap}
#learning20 pre{white-space:pre-wrap;background:#123045;color:#e2f7ff;padding:20px;border-radius:12px}
#learning20 svg{max-width:100%;height:auto;background:#f8fbfc;border-radius:14px}
#learning20 .topicList20 button{display:block;width:100%;text-align:left;margin-bottom:6px;padding:10px 12px;border:0;background:transparent;color:#21485a}
#learning20 .topicList20 button.active{background:#d9f2ee;color:#0c626e;font-weight:700}
#learning20 .topicList20{max-height:70vh;overflow:auto;position:sticky;top:12px}
#learning20 .network20{min-width:800px;touch-action:none}#learning20 .networkScroll20{overflow:auto;border:1px solid #d9e6ec;border-radius:16px}
#learning20 .node20{cursor:grab}#learning20 .node20.selected rect{stroke:#ef9b15;stroke-width:4}#learning20 .flow20{stroke-dasharray:10 6;animation:packet20 1s linear infinite}@keyframes packet20{to{stroke-dashoffset:-32}}
#learning20 .lessonNav20{display:flex;gap:8px;flex-wrap:wrap}
body.learningMode20{display:block;background:#f1f6fa}body.learningMode20 footer{margin:0!important}
#learning20 input,#learning20 select{width:100%;margin:5px 0 12px}#learning20 button{font-size:14px;letter-spacing:normal;text-transform:none}
@media(max-width:800px){#learning20{padding:10px}#learning20 .ceHero20{padding:24px}.nav16{justify-content:flex-start!important}}
@media(prefers-reduced-motion:reduce){#learning20 .flow20{animation:none}}

aside{overflow-y:auto}aside nav a{display:block;text-decoration:none}.groupDetailHead13{gap:12px;flex-wrap:wrap}#bulkResult20{max-height:260px;overflow:auto;padding:10px}#bulkResult20 p{padding:7px;border-bottom:1px solid #e1ebef}