:root{color-scheme:light;--bg:#f8fafc;--panel:#fff;--panel2:#f1f5f9;--glass:rgba(255,255,255,.84);--text:#475569;--muted:#64748b;--ink:#0f172a;--line:#dbe3ee;--line2:#cbd5e1;--blue:#2563eb;--blue2:#dbeafe;--orange:#f97316;--green:#059669;--red:#dc2626;--shadow:0 16px 44px rgba(15,23,42,.07)}
:root[data-theme=dark]{color-scheme:dark;--bg:#020617;--panel:#0f172a;--panel2:#111c30;--glass:rgba(15,23,42,.86);--text:#cbd5e1;--muted:#94a3b8;--ink:#f8fafc;--line:#26364f;--line2:#475569;--blue:#60a5fa;--blue2:#172554;--orange:#fb923c;--green:#34d399;--red:#f87171;--shadow:0 18px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;transition:background .2s,color .2s}a{color:inherit}.page-shell{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white}.main-nav{display:flex;gap:6px;align-items:center}.main-nav a{padding:8px 11px;border-radius:10px;text-decoration:none;font-weight:650;font-size:.93rem}.main-nav a:hover,.main-nav a.active{background:var(--panel2);color:var(--ink)}.theme-picker{display:flex;border:1px solid var(--line);border-radius:12px;padding:3px;background:var(--panel)}.theme-picker button{border:0;background:transparent;color:var(--muted);padding:6px 8px;border-radius:8px;font-size:.82rem;cursor:pointer}.theme-picker button.active{background:var(--blue2);color:var(--blue);font-weight:700}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.88rem}.breadcrumbs a{color:var(--blue);text-decoration:none}.hero{padding:54px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:start}.hero h1,.directory-hero h1{font-size:clamp(2.05rem,5vw,3.55rem);line-height:1.05;margin:12px 0;color:var(--ink);letter-spacing:-.045em}.hero-copy,.directory-copy{font-size:1.08rem;max-width:820px;color:var(--text)}.hero-task{font-weight:700;color:var(--blue);margin:.2rem 0}.tag,.task-tag,.topic-chip,.level-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700;background:var(--panel2);color:var(--text)}.task-classification{background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue)}.task-regression{background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green)}.eyebrow{font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:var(--blue)}h2{font-size:1.45rem;color:var(--ink);line-height:1.25;margin:.35rem 0 .65rem}h3{font-size:1.08rem;color:var(--ink);margin:1rem 0 .35rem}.section-card,.info-card,.topic-card,.search-panel,.control-console{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.section-card{padding:26px}.info-card{padding:22px}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:start;margin-bottom:18px}.section-heading p{margin:.25rem 0;color:var(--muted)}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-7{margin-top:28px}.grid{display:grid}.gap-6{gap:24px}.lg\:grid-cols-2,.lg\:grid-cols-3{grid-template-columns:1fr}.body-copy{margin:0;color:var(--text)}.body-copy+.body-copy{margin-top:1rem}.variant-switch{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.variant-pill{border:1px solid var(--line);border-radius:999px;padding:6px 11px;text-decoration:none;font-size:.84rem;font-weight:700}.variant-pill.active{background:var(--blue);color:white;border-color:var(--blue)}.btn{border:1px solid var(--line);border-radius:11px;padding:9px 13px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-secondary{background:var(--panel2);color:var(--ink)}.btn-outline{background:transparent;color:var(--blue);border-color:color-mix(in srgb,var(--blue) 48%,var(--line))}.btn-warn{background:color-mix(in srgb,var(--orange) 12%,var(--panel));color:var(--orange)}.simulation-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:18px}.plot-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.simulation-plot{height:510px}.concept-stage{min-height:390px;padding:10px;display:grid;place-items:center}.concept-stage svg{width:100%;height:auto;max-height:390px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:12px;border-radius:13px;border:1px solid var(--line);background:var(--panel2)}.metric-card span{display:block;font-size:.76rem;color:var(--muted)}.metric-card strong{display:block;color:var(--ink);font-size:1.02rem;margin-top:3px}.explanation-card{margin-top:12px;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:14px}.explanation-card strong{color:var(--ink)}.explanation-card p{margin:.35rem 0 0}.c-node{fill:var(--panel2);stroke:var(--line2);stroke-width:2}.c-node.active{fill:color-mix(in srgb,var(--blue) 13%,var(--panel));stroke:var(--blue)}.c-text{fill:var(--ink);font-size:15px;font-weight:700}.c-small{fill:var(--muted);font-size:12px}.c-title{fill:var(--ink);font-size:20px;font-weight:800}.c-edge{stroke:var(--line2);stroke-width:2;fill:none}.c-edge.active{stroke:var(--blue);stroke-width:3}.c-dash{stroke-dasharray:7 6}.c-accent{fill:var(--blue)}.c-soft{fill:color-mix(in srgb,var(--blue) 18%,var(--panel));stroke:var(--blue);stroke-width:2}.c-ring{fill:transparent;stroke:var(--orange);stroke-width:3;stroke-dasharray:7 5}.control-console{padding:22px;border-color:color-mix(in srgb,var(--blue) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 6%,var(--panel)),var(--panel))}.console-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.controls-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}.parameter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}.control-block{border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--panel)}.control-label{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;font-weight:700;color:var(--ink)}.control-label output{color:var(--blue)}.range-input{width:100%;margin-top:10px;accent-color:var(--blue)}.button-stack{display:flex;flex-wrap:wrap;gap:8px}.training-status{min-width:210px}.progress-track{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:8px}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,var(--blue),#8b5cf6);transition:width .16s}.view-toggle{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px}.view-btn{border:0;background:transparent;color:var(--muted);padding:6px 11px;border-radius:8px;cursor:pointer}.view-btn.active{background:var(--blue2);color:var(--blue);font-weight:800}.intuition-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.flow-step{min-height:116px;padding:17px 13px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);position:relative;text-align:center}.flow-step .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:var(--blue);color:white;font-weight:800;font-size:.78rem}.flow-step strong{color:var(--ink);font-size:.88rem}.flow-arrow{position:absolute;right:-13px;top:48px;color:var(--blue);font-weight:900;z-index:2}.evaluation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.eval-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel2)}.eval-card b{display:block;color:var(--ink);margin-bottom:5px}.related-grid{display:flex;gap:8px;flex-wrap:wrap}.topic-chip{text-decoration:none}.topic-chip:hover{border-color:var(--blue);color:var(--blue)}.parameter-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--panel2)}.parameter-card code{color:var(--blue);font-weight:800}.code-wrap{border-radius:16px;overflow:auto;border:1px solid var(--line);background:#0d1117;margin-top:12px}.code-wrap pre{margin:0;padding:18px;font-size:.88rem}.output-card{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel2)}.output-card span{font-weight:800;color:var(--ink)}.output-card pre{white-space:pre-wrap;margin:.4rem 0 0}.page-nav{display:flex;justify-content:space-between;gap:12px;margin:28px 0 56px}.site-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.88rem}.directory-hero{padding:58px 0 30px}.search-panel{padding:18px;margin:10px auto 28px}.search-row{display:flex;gap:10px}.search-input{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--ink);font:inherit;padding:12px 14px;outline:none}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 11px;cursor:pointer;font-weight:700;font-size:.82rem}.filter-btn.active{background:var(--blue);color:white;border-color:var(--blue)}.directory-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:start}.accordion{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);margin-bottom:14px}.accordion summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:850;color:var(--ink);display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion-body{border-top:1px solid var(--line);padding:8px 18px 16px}.subcat{padding:10px 0;border-bottom:1px dashed var(--line)}.subcat:last-child{border:0}.subcat h3{font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.model-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;text-decoration:none;padding:9px 10px;border-radius:10px}.model-link:hover{background:var(--panel2)}.model-link strong{color:var(--ink)}.model-link small{display:block;color:var(--muted)}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.topic-card{padding:18px;text-decoration:none;display:block;transition:.15s}.topic-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}.topic-card h3{margin:.4rem 0}.topic-card p{font-size:.9rem;margin:0;color:var(--muted)}.stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stat-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 10px;font-size:.83rem}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.topic-toc{position:sticky;top:88px}.topic-toc a{display:block;text-decoration:none;padding:7px 9px;border-left:2px solid var(--line);font-size:.88rem;color:var(--muted)}.topic-toc a:hover{border-color:var(--blue);color:var(--blue)}.topic-visual{height:440px}.topic-controls{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.topic-controls label{font-size:.84rem;font-weight:700;color:var(--ink)}.topic-controls select,.topic-controls input{margin-left:6px}.takeaway-list{padding-left:1.2rem}.takeaway-list li{margin:.4rem 0}.visual-banner{min-height:260px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 35%),linear-gradient(135deg,var(--panel2),var(--panel));display:grid;place-items:center;overflow:hidden}.visual-banner svg{width:100%;max-height:300px}.hidden{display:none!important}
@media(min-width:900px){.lg\:grid-cols-2{grid-template-columns:1fr 1fr}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.main-nav{display:none}.hero-grid,.simulation-grid,.controls-grid,.console-row,.directory-grid,.topic-layout{grid-template-columns:1fr}.evaluation-grid{grid-template-columns:1fr 1fr}.intuition-flow{grid-template-columns:1fr}.flow-arrow{display:none}.simulation-plot{height:440px}.topic-toc{position:static}.hub-grid{grid-template-columns:1fr}.training-status{min-width:0}}
@media(max-width:600px){body{font-size:15px}.page-shell{width:min(100% - 22px,1180px)}.theme-picker button{padding:6px}.theme-picker .theme-word{display:none}.section-card{padding:18px}.button-stack .btn{flex:1}.metric-grid,.evaluation-grid{grid-template-columns:1fr}.search-row{display:block}.hero h1,.directory-hero h1{font-size:2.25rem}.simulation-plot{height:390px}}

/* V3.2 content-depth and alignment enhancements */
.prose-stack{display:grid;gap:14px}.prose-stack p{margin:0}.model-at-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.glance-card,.detail-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:var(--panel2)}.glance-card span,.detail-card>span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--blue);margin-bottom:7px}.glance-card strong{display:block;color:var(--ink);font-size:.9rem;line-height:1.45}.mini-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.flow-step.compact{min-height:92px;display:grid;align-content:center}.flow-step.compact .flow-arrow{top:34px}.topic-overview-deep .body-copy{font-size:1.01rem}.lesson-callout{border-left:4px solid var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--panel));border-radius:0 14px 14px 0;padding:15px 17px}.lesson-callout strong{color:var(--ink)}.lesson-callout p{margin:.3rem 0 0}.subtopic-deep{border-top:1px dashed var(--line);padding-top:18px}.detail-paragraph{font-size:1rem}.subtopic-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-card p{margin:0;color:var(--text);font-size:.93rem}.detail-card.caution{background:color-mix(in srgb,var(--orange) 7%,var(--panel))}.detail-card.caution>span{color:var(--orange)}.detail-card.formula code{white-space:normal;color:var(--blue);font-weight:800}.micro-infographic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.micro-step{position:relative;min-height:84px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 6%,var(--panel)),var(--panel2));display:flex;align-items:center;gap:10px}.micro-step span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:850}.micro-step b{color:var(--ink);font-size:.88rem}.topic-layout .section-card[id^="s"] h2{font-size:1.55rem}.topic-layout .section-card[id^="s"]>.body-copy{font-size:1.02rem}.search-panel{justify-self:stretch}
@media(max-width:900px){.model-at-glance{grid-template-columns:1fr 1fr}.mini-process{grid-template-columns:1fr}.subtopic-detail-grid{grid-template-columns:1fr}.micro-infographic{grid-template-columns:1fr}}
@media(max-width:600px){.model-at-glance{grid-template-columns:1fr}}


/* V4 workflow hierarchy and full-lesson pages */
.directory-section{padding:28px 0}.directory-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:.9rem}.nested-body{padding:10px 18px 18px}.nested-accordion{border:1px solid var(--line);border-radius:14px;background:var(--panel2);margin:9px 0;overflow:hidden}.nested-accordion>summary{cursor:pointer;list-style:none;padding:13px 14px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink)}.nested-accordion>summary::-webkit-details-marker{display:none}.nested-accordion>summary span:first-child{min-width:0}.nested-accordion>summary strong{display:block}.nested-accordion>summary small{display:block;color:var(--muted);font-weight:500;line-height:1.45;margin-top:3px}.nested-lessons{border-top:1px solid var(--line);padding:8px;background:var(--panel)}.lesson-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;padding:10px 11px;border-radius:11px}.lesson-link:hover,.parent-topic-link:hover{background:var(--panel2)}.lesson-link strong{display:block;color:var(--ink)}.lesson-link small{display:block;color:var(--muted);line-height:1.45}.parent-topic-link{display:block;color:var(--blue);font-weight:800;text-decoration:none;padding:9px 11px;border-radius:10px;border-bottom:1px dashed var(--line);margin-bottom:4px}.stage-index{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue2);color:var(--blue);font-size:.78rem;margin-right:9px}.learning-stage>summary>span:first-child{display:flex;align-items:center}.lesson-visual{height:390px}.directory-section>.section-heading{align-items:center}.directory-section .button-stack{justify-content:flex-end}.accordion .nested-accordion summary{font-weight:760}.accordion .nested-accordion .nested-lessons{padding:7px}.accordion[data-model-acc] .accordion-body{padding-top:10px}.workflow-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--blue2);color:var(--blue);font-weight:800;font-size:.72rem}
@media(max-width:900px){.directory-section>.section-heading{display:block}.directory-section .button-stack{margin-top:12px;justify-content:flex-start}.lesson-link{grid-template-columns:1fr}.nested-accordion>summary{align-items:flex-start}}


/* HumachLearn production styles */
:root{--violet:#7c3aed;--cyan:#0891b2;--gold:#ca8a04;--codebar:#161b22}
.brand-mark{background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#0891b2);font-size:.8rem;letter-spacing:.03em}
.brand-sub{display:block;font-size:.66rem;font-weight:650;color:var(--muted);line-height:1.1}.main-nav{flex-wrap:wrap}.main-nav a{white-space:nowrap}
.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-card{display:block;text-decoration:none;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);transition:.18s}.home-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}.home-card .big-icon{font-size:2rem}.home-card h2{margin:.65rem 0 .35rem}.home-card p{margin:0;color:var(--muted)}
.code-wrap{position:relative;padding-top:42px}.code-toolbar{position:absolute;left:0;right:0;top:0;height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 14px;background:var(--codebar);border-bottom:1px solid #30363d;color:#9ca3af;font-size:.76rem;font-weight:750;z-index:2}.copy-code-btn{border:1px solid #475569;background:#1f2937;color:#e5e7eb;border-radius:8px;padding:5px 9px;cursor:pointer;font:inherit}.copy-code-btn:hover{background:#334155}.copy-code-btn.copied{background:#14532d;border-color:#16a34a;color:#dcfce7}.code-wrap pre{padding-top:16px}.output-card{position:relative}.output-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.output-badge{font-size:.72rem;padding:3px 7px;border-radius:999px;background:var(--blue2);color:var(--blue);font-weight:800}
.rich-description{display:grid;gap:15px}.rich-description p{margin:0}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.concept-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.concept-card .icon{font-size:1.35rem}.concept-card strong{display:block;color:var(--ink);margin:.35rem 0}.concept-card p{margin:0;font-size:.92rem}.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-figure{border:1px solid var(--line);border-radius:17px;padding:16px;background:var(--panel2);min-height:230px;overflow:hidden}.visual-figure svg{width:100%;height:210px}.visual-caption{font-size:.86rem;color:var(--muted);margin:.5rem 0 0}.lesson-plot{height:400px}
.learning-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.map-node{border:1px solid var(--line);background:var(--panel2);border-radius:15px;padding:14px;min-height:98px}.map-node b{display:block;color:var(--ink)}.map-node small{display:block;color:var(--muted);margin-top:5px}.map-node.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--panel))}
.lesson-meta{display:flex;flex-wrap:wrap;gap:8px}.objective-list,.key-list{margin:.6rem 0 0;padding-left:1.25rem}.objective-list li,.key-list li{margin:.38rem 0}.lesson-table{width:100%;border-collapse:collapse;font-size:.88rem}.lesson-table th,.lesson-table td{border:1px solid var(--line);padding:8px 10px;text-align:left}.lesson-table th{background:var(--panel2);color:var(--ink)}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.decision-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:var(--panel2)}.decision-card h3{margin:0 0 .35rem}.decision-card.good{border-left:4px solid var(--green)}.decision-card.warn{border-left:4px solid var(--orange)}
.course-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.course-card-body{padding:22px}.course-card h2{margin:.35rem 0}.course-progress{height:9px;border-radius:999px;background:var(--panel2);overflow:hidden}.course-progress>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));width:0}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:.8rem 0}.course-module{border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:12px 0;overflow:hidden}.course-module>summary{cursor:pointer;list-style:none;padding:15px 17px;display:flex;justify-content:space-between;gap:14px;color:var(--ink);font-weight:800}.course-module>summary::-webkit-details-marker{display:none}.course-lessons{border-top:1px solid var(--line);padding:8px}.course-lesson-link{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;text-decoration:none;padding:10px;border-radius:11px}.course-lesson-link:hover{background:var(--panel2)}.lesson-num{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);font-size:.78rem;font-weight:850}.course-lesson-link strong{display:block;color:var(--ink)}.course-lesson-link small{display:block;color:var(--muted)}.completion-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2)}.course-lesson-link.completed .completion-dot{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 3px var(--panel)}
.course-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.path-stage{position:relative;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--panel2)}.path-stage b{color:var(--ink)}.path-stage:not(:last-child):after{content:'→';position:absolute;right:-11px;top:44%;color:var(--blue);font-weight:900;z-index:2}
.practice-card{border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));background:color-mix(in srgb,var(--violet) 5%,var(--panel));border-radius:16px;padding:18px}.answer-hint{margin-top:10px;padding:12px;border-radius:12px;background:var(--panel2);display:none}.answer-hint.show{display:block}.mark-complete{background:var(--green);border-color:var(--green);color:white}.mark-complete.completed{background:var(--panel2);border-color:var(--line);color:var(--green)}
.hub-stage-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}.stage-badge{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);font-weight:850}.stage-summary-text small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.directory-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 20px}.directory-toolbar .search-input{max-width:680px}
.reference-list{display:grid;gap:8px}.reference-link{display:block;padding:11px 13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--panel2)}.reference-link:hover{border-color:var(--blue);color:var(--blue)}
.course-visual{height:360px}.mini-dataset{overflow:auto}.mini-dataset table{min-width:650px}.callout-blue{border-left:4px solid var(--blue);padding:14px 16px;background:color-mix(in srgb,var(--blue) 6%,var(--panel));border-radius:0 14px 14px 0}.callout-green{border-left:4px solid var(--green);padding:14px 16px;background:color-mix(in srgb,var(--green) 6%,var(--panel));border-radius:0 14px 14px 0}.callout-orange{border-left:4px solid var(--orange);padding:14px 16px;background:color-mix(in srgb,var(--orange) 6%,var(--panel));border-radius:0 14px 14px 0}
@media(max-width:900px){.home-grid,.concept-grid,.visual-pair,.learning-map,.course-path{grid-template-columns:1fr 1fr}.course-lesson-link{grid-template-columns:42px minmax(0,1fr)}.course-lesson-link .completion-dot{display:none}.path-stage:after{display:none}}
@media(max-width:600px){.home-grid,.concept-grid,.visual-pair,.learning-map,.course-path,.decision-grid{grid-template-columns:1fr}.hub-stage-summary{grid-template-columns:38px minmax(0,1fr)}.hub-stage-summary>.tag{display:none}}

/* ===== HumachLearn production design layer ===== */
:root{--brand:#4f46e5;--brand2:#0891b2;--violet:#7c3aed;--success:#047857;--warning:#c2410c;--code:#0b1020;--radius-lg:24px;--radius-md:16px}
:root[data-theme=light]{--bg:#f7f8fc;--panel:#ffffff;--panel2:#f3f5fb;--glass:rgba(255,255,255,.88);--ink:#111827;--text:#46536a;--muted:#6b7280;--line:#e1e5ef;--line2:#cbd3df;--blue:#4f46e5;--blue2:#eef2ff;--shadow:0 18px 55px rgba(35,43,72,.07)}
:root[data-theme=dark]{--bg:#080b14;--panel:#101521;--panel2:#151c2b;--glass:rgba(10,14,24,.9);--ink:#f6f7fb;--text:#c6cede;--muted:#8f9bb0;--line:#273044;--line2:#3b465d;--blue:#8b8ff8;--blue2:#20244b;--shadow:0 22px 62px rgba(0,0,0,.32)}
body{font-size:16px;line-height:1.72;background:radial-gradient(circle at 90% -5%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 24rem),var(--bg)!important}
body::selection{background:color-mix(in srgb,var(--blue) 24%,transparent)}
.page-shell{width:min(1220px,calc(100% - 42px))}.site-header{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 80%,transparent)}
.brand-mark{width:38px;height:38px;background:linear-gradient(145deg,#4f46e5,#0891b2);box-shadow:0 8px 20px rgba(79,70,229,.22);font-size:1rem}.brand-sub{display:block;font-size:.64rem;font-weight:650;letter-spacing:.06em;color:var(--muted);margin-top:-2px}.main-nav a{padding:9px 12px}.main-nav a.active{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}
.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:40px;align-items:center;padding:74px 0 44px}.home-hero h1{font-size:clamp(2.45rem,5.8vw,4.7rem);line-height:.99;letter-spacing:-.057em;margin:12px 0 18px;color:var(--ink);max-width:920px}.home-hero h1 em{font-style:normal;background:linear-gradient(110deg,var(--blue),var(--brand2));-webkit-background-clip:text;color:transparent}.home-hero-copy>p{font-size:1.14rem;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.home-stat-row{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.88rem}.home-stat-row b{color:var(--ink)}
.hero-learning-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,color-mix(in srgb,var(--blue) 6%,var(--panel)),var(--panel));box-shadow:var(--shadow)}.hero-orbit{position:absolute;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--blue) 18%,transparent);border-radius:50%;right:-100px;top:-95px}.hero-method-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.hero-method-step:last-child{border-bottom:0}.hero-method-step>b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--blue2);color:var(--blue);font-size:.76rem}.hero-method-step strong{display:block;color:var(--ink)}.hero-method-step small{display:block;color:var(--muted);margin-top:1px}
.home-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-panel{position:relative;display:block;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);text-decoration:none;box-shadow:var(--shadow);transition:.18s}.product-panel:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 38%,var(--line))}.product-panel.featured{background:linear-gradient(150deg,color-mix(in srgb,var(--blue) 8%,var(--panel)),var(--panel))}.product-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--blue2);color:var(--blue);font-size:1.25rem;margin-bottom:18px}.product-panel h2{font-size:1.35rem}.product-panel strong{color:var(--blue)}
.course-start-map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.course-start-map a{padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--panel);text-decoration:none}.course-start-map a:hover{border-color:var(--blue)}.course-start-map span{font-size:.68rem;letter-spacing:.12em;font-weight:800;color:var(--blue)}.course-start-map b,.course-start-map small{display:block}.course-start-map b{color:var(--ink);margin-top:7px}.course-start-map small{color:var(--muted);margin-top:3px}.home-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-principles>div{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.home-principles b{color:var(--ink)}.home-principles p{font-size:.9rem;margin:.35rem 0 0}.about-panel{padding:34px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--brand2) 6%,var(--panel)))}
.directory-toolbar{display:flex;gap:12px;align-items:center}.directory-toolbar>.search-input{flex:1}.toolbar-actions{display:flex;gap:8px}.search-status{font-size:.85rem;color:var(--muted);margin-top:10px}.hub-directory,.course-modules{display:grid;gap:13px}.hub-stage,.hub-topic,.course-module{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.hub-stage-summary,.course-module>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px 20px;color:var(--ink)}.hub-stage-summary::-webkit-details-marker,.course-module>summary::-webkit-details-marker,.hub-topic>summary::-webkit-details-marker{display:none}.stage-badge,.module-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--blue2);color:var(--blue);font-weight:850;font-size:.76rem}.stage-summary-text strong,.stage-summary-text small,.course-module summary strong,.course-module summary small{display:block}.stage-summary-text small,.course-module summary small{color:var(--muted);font-weight:500;font-size:.82rem}.hub-stage-body,.course-module-body{padding:0 16px 16px}.hub-topic{margin-top:10px;border-radius:14px;box-shadow:none}.hub-topic>summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:15px 16px}.hub-topic>summary strong,.hub-topic>summary small{display:block}.hub-topic>summary small{color:var(--muted);font-weight:400;margin-top:3px}.hub-topic-body{padding:0 15px 15px}.topic-overview-link{display:inline-block;margin:4px 0 12px;color:var(--blue);font-weight:750;text-decoration:none}.hub-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-lesson-link{padding:12px 13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--panel2)}.hub-lesson-link:hover{border-color:var(--blue)}.hub-lesson-link span,.hub-lesson-link small{display:block}.hub-lesson-link span{font-weight:750;color:var(--ink)}.hub-lesson-link small{color:var(--muted);font-size:.78rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-landing-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:32px;align-items:start}.course-landing-hero h1,.lesson-hero h1{font-size:clamp(2.15rem,5vw,3.7rem);line-height:1.04;letter-spacing:-.045em;color:var(--ink);margin:10px 0}.course-outcomes-card{padding:22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--blue) 5%,var(--panel)))}.course-outcomes-card ul{padding-left:20px}.course-meta,.lesson-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.course-meta span,.lesson-meta span{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:.78rem;font-weight:700}.course-lesson-link{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:11px;align-items:center;padding:11px;border-radius:12px;text-decoration:none}.course-lesson-link:hover{background:var(--panel2)}.course-lesson-link .lesson-no{color:var(--blue);font-size:.72rem;font-weight:850}.course-lesson-link strong,.course-lesson-link small{display:block}.course-lesson-link strong{color:var(--ink)}.course-lesson-link small{color:var(--muted);font-size:.78rem}.completion-dot{opacity:.2;color:var(--success)}.course-lesson-link.completed .completion-dot{opacity:1}.hidden-course-links{display:none}
.lesson-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end}.mark-complete.completed{background:color-mix(in srgb,var(--success) 13%,var(--panel));border-color:color-mix(in srgb,var(--success) 35%,var(--line));color:var(--success)}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.lesson-sidebar{position:sticky;top:86px;display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.lesson-sidebar a{padding:8px 9px;border-radius:9px;text-decoration:none;font-size:.85rem}.lesson-sidebar a:hover{background:var(--panel2);color:var(--blue)}.lesson-content{min-width:0}.objective-list,.key-list,.check-list{padding-left:21px}.objective-list li,.key-list li,.check-list li{margin:.45rem 0}.why-matters{margin-top:18px;padding:16px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--blue) 5%,var(--panel))}.rich-description{max-width:840px}.concept-visual-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:18px}.concept-flow{display:grid;gap:7px}.concept-flow-step{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.concept-flow-step>span:first-child{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--blue2);color:var(--blue);font-size:.72rem;font-weight:850}.concept-flow-step strong{color:var(--ink);flex:1}.concept-arrow{color:var(--blue);font-weight:850}.interactive-visual-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.interactive-visual-head{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);font-weight:750;color:var(--ink)}.interactive-visual-head small{font-weight:500;color:var(--muted)}.language-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--blue2);color:var(--blue);font-size:.76rem;font-weight:800}.output-reading{margin-top:12px;padding:14px 16px;border-left:3px solid var(--brand2);background:color-mix(in srgb,var(--brand2) 5%,var(--panel));border-radius:0 12px 12px 0}.practice-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.answer-hint{display:none;margin-top:14px;padding:13px;border-radius:12px;background:var(--blue2);color:var(--text)}.answer-hint.show{display:block}.knowledge-check label{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:12px;margin-top:8px;cursor:pointer}.knowledge-check label:hover{border-color:var(--blue)}.knowledge-question{font-weight:750;color:var(--ink)}.knowledge-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.knowledge-feedback.correct{color:var(--success);font-weight:750}.knowledge-feedback.incorrect{color:var(--warning);font-weight:750}.quick-ref-table{display:grid;gap:7px}.quick-ref-table>div{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.quick-ref-table code{color:var(--blue);font-weight:750}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--panel2)}.resource-card:hover{border-color:var(--blue)}.resource-card strong,.resource-card span,.resource-card small{display:block}.resource-card strong{color:var(--ink)}.resource-card span{font-size:.88rem;margin:4px 0;color:var(--text)}.resource-card small{color:var(--blue)}
.code-wrap{position:relative;background:#0b1020}.code-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#10182a;border-bottom:1px solid #26324b;color:#a9b7d1;font-size:.76rem}.copy-code-btn{border:1px solid #35425d;border-radius:8px;background:#182238;color:#dbeafe;padding:5px 9px;cursor:pointer}.copy-code-btn:hover,.copy-code-btn.copied{background:#263452}.output-label{display:flex;justify-content:space-between;gap:12px}.output-badge{padding:2px 8px;border-radius:999px;background:var(--blue2);color:var(--blue);font-size:.7rem}.generated-figure{margin:16px 0 0}.generated-figure img{width:100%;max-height:520px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:white}.generated-figure figcaption{font-size:.78rem;color:var(--muted);margin-top:6px}.visual-fallback{height:100%;min-height:300px;display:grid;place-items:center;color:var(--muted)}
.topic-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-lesson-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none}.topic-lesson-card:hover{border-color:var(--blue)}.topic-lesson-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--blue2);color:var(--blue);font-size:.72rem;font-weight:850}.topic-lesson-card strong,.topic-lesson-card small{display:block}.topic-lesson-card strong{color:var(--ink)}.topic-lesson-card small{color:var(--muted);font-size:.8rem;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{margin:.2rem 0 0}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--blue)}.hidden{display:none!important}
@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.home-hero,.course-landing-hero,.concept-visual-shell{grid-template-columns:1fr}.home-product-grid{grid-template-columns:1fr}.course-start-map,.home-principles{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static;grid-template-columns:repeat(4,1fr)}.resource-grid-large{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-shell{width:min(100% - 26px,1220px)}.topbar{flex-wrap:wrap}.main-nav{order:3;width:100%;overflow:auto}.theme-word{display:none}.home-hero{padding-top:46px}.home-hero h1{font-size:2.55rem}.hub-lessons,.topic-lesson-grid,.resource-grid,.resource-grid-large{grid-template-columns:1fr}.directory-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.lesson-hero{grid-template-columns:1fr}.lesson-sidebar{grid-template-columns:repeat(2,1fr)}.quick-ref-table>div{grid-template-columns:1fr}.footer-grid{display:grid}.simulation-grid{grid-template-columns:1fr}.console-row,.controls-grid{grid-template-columns:1fr}.intuition-flow,.mini-process,.evaluation-grid,.model-at-glance{grid-template-columns:1fr!important}.flow-arrow{display:none}}
@media(max-width:520px){.course-start-map,.home-principles{grid-template-columns:1fr}.lesson-sidebar{grid-template-columns:1fr}.home-stat-row{display:grid;grid-template-columns:1fr 1fr}}


/* HumachLearn production polish */
:root{--violet:#4f46e5;--cyan:#06b6d4;--soft-cyan:#ecfeff;--soft-violet:#eef2ff;--header-h:72px;--radius-xl:26px;--shadow-lg:0 28px 70px rgba(15,23,42,.10);--shadow-hover:0 28px 70px rgba(79,70,229,.14)}
:root[data-theme=dark]{--soft-cyan:#082f49;--soft-violet:#1e1b4b;--shadow-lg:0 30px 78px rgba(0,0,0,.34);--shadow-hover:0 30px 78px rgba(49,46,129,.38)}
html{scroll-padding-top:92px}body{background:radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 32%),radial-gradient(circle at 95% 16%,color-mix(in srgb,var(--cyan) 5%,transparent),transparent 28%),var(--bg)!important}.page-shell>*{min-width:0}main{min-width:0}h1,h2,h3,h4{overflow-wrap:anywhere;text-wrap:balance}p,li,small,.body-copy{overflow-wrap:anywhere}.section-card,.info-card,.topic-card,.search-panel,.control-console,.course-module,.output-card,.code-wrap{min-width:0}.section-card{padding:clamp(22px,3vw,32px)}.section-card+.section-card{margin-top:28px}.lesson-content>.section-card,.lesson-content>.grid{scroll-margin-top:96px}.lesson-content{min-width:0}.lesson-layout{align-items:start}.lesson-sidebar a{line-height:1.35}.code-wrap{overflow:hidden}.code-wrap pre{max-width:100%;overflow:auto!important}.code-wrap code{white-space:pre;word-break:normal}.output-card pre{overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.rich-description{display:grid;gap:.95rem}.rich-description .body-copy{margin:0!important}.concept-visual-shell>*{min-width:0}.course-visual,.simulation-plot,.lesson-plot{max-width:100%}.plot-card{min-width:0}.section-heading>*{min-width:0}
.site-header{height:auto;background:color-mix(in srgb,var(--glass) 94%,transparent);box-shadow:0 1px 0 rgba(15,23,42,.03);transition:box-shadow .2s,background .2s}.site-header.is-scrolled{box-shadow:0 12px 34px rgba(15,23,42,.09);background:color-mix(in srgb,var(--panel) 94%,transparent)}.topbar{min-height:72px;padding:10px 0;gap:22px}.brand{gap:11px;flex:0 0 auto}.brand-mark{position:relative;width:40px;height:40px;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#4338ca 0%,#4f46e5 48%,#06b6d4 100%);box-shadow:0 10px 26px rgba(79,70,229,.24)}.brand-mark span{position:relative;z-index:2;font-weight:900;font-size:1rem}.brand-mark i,.brand-mark b{position:absolute;border-radius:50%;background:rgba(255,255,255,.26)}.brand-mark i{width:18px;height:18px;right:-4px;top:-3px}.brand-mark b{width:8px;height:8px;left:6px;bottom:7px}.brand-word{display:grid;color:var(--ink);font-size:1rem;line-height:1.05}.brand-word small{font-size:.62rem;color:var(--muted);font-weight:650;letter-spacing:.015em;margin-top:4px}.main-nav{gap:2px;justify-content:center;flex:1}.main-nav .nav-link{position:relative;padding:10px 12px;border-radius:10px;font-weight:680;color:var(--muted)}.main-nav .nav-link:hover{background:var(--panel2);color:var(--ink)}.main-nav .nav-link.active{background:transparent;color:var(--ink)}.main-nav .nav-link.active:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.header-search{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);text-decoration:none;font-size:.82rem}.header-search span:first-child{font-size:1rem;color:var(--ink)}.header-search kbd{font:inherit;font-size:.68rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--panel2)}.header-start{padding:8px 12px;border-radius:10px;background:var(--ink);color:var(--panel);text-decoration:none;font-size:.82rem;font-weight:800;white-space:nowrap}.theme-picker{border-radius:10px;padding:2px}.theme-picker button{width:31px;height:31px;padding:0;display:grid;place-items:center}.theme-picker button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 30%,transparent)}
.home-hero-new{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 80%,transparent),color-mix(in srgb,var(--bg) 92%,transparent))}.hero-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:linear-gradient(color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%)}.home-hero-new-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(40px,6vw,80px);align-items:center;padding:clamp(68px,8vw,108px) 0 clamp(58px,7vw,92px)}.home-hero-copy-new h1{font-size:clamp(3rem,6.4vw,5.55rem);line-height:.96;letter-spacing:-.062em;color:var(--ink);max-width:900px;margin:18px 0 24px}.home-hero-copy-new h1 em{font-style:normal;background:linear-gradient(92deg,#4f46e5,#7c3aed 48%,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero-copy-new>p{font-size:clamp(1.05rem,1.7vw,1.23rem);line-height:1.75;max-width:780px;color:var(--text);margin:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--blue) 7%,var(--panel));letter-spacing:.08em}.hero-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent)}.btn-large{padding:12px 17px;border-radius:13px}.hero-proof-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:.83rem;font-weight:750}.hero-proof-row i{width:3px;height:3px;border-radius:50%;background:var(--line2)}.home-stat-row-new{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-stat-row-new span{display:grid;gap:2px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.home-stat-row-new b{font-size:1.18rem;color:var(--ink)}.home-stat-row-new small{color:var(--muted);font-size:.72rem}.learning-constellation{border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--blue) 5%,var(--panel)));box-shadow:var(--shadow-lg);overflow:hidden}.constellation-head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.constellation-head span{font-weight:800;color:var(--ink)}.constellation-head small{color:var(--muted)}.constellation-canvas{position:relative;padding:8px 12px 0}.constellation-canvas svg{width:100%;height:auto;display:block}.constellation-path{fill:none;stroke:url(#heroLine);stroke-width:3;stroke-dasharray:8 7;animation:pathDash 8s linear infinite}.constellation-path.faint{opacity:.36}.constellation-node circle{fill:color-mix(in srgb,var(--panel) 94%,transparent);stroke:color-mix(in srgb,var(--blue) 42%,var(--line));stroke-width:2}.constellation-node text{fill:var(--ink);font-weight:800;text-anchor:middle;font-size:14px}.constellation-node .tiny{fill:var(--muted);font-size:10px;font-weight:650}.constellation-node{transform-box:fill-box;transform-origin:center;animation:nodeFloat 4.8s ease-in-out infinite}.constellation-node.n2{animation-delay:-1.1s}.constellation-node.n3{animation-delay:-2.2s}.constellation-node.n4{animation-delay:-3.1s}.traveller{fill:#06b6d4;filter:url(#heroGlow);offset-path:path('M110 300 C180 230 190 115 310 130 S450 240 520 118');animation:travel 7s linear infinite}.traveller.t2{fill:#7c3aed;animation-delay:-3.5s}.constellation-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 16px 16px;color:var(--muted);font-size:.78rem}.constellation-caption span{display:flex;align-items:center;gap:7px}.constellation-caption a{color:var(--blue);font-weight:800;text-decoration:none}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent)}@keyframes pathDash{to{stroke-dashoffset:-120}}@keyframes nodeFloat{50%{transform:translateY(-5px)}}@keyframes travel{to{offset-distance:100%}}
.discovery-section,.method-section{padding:84px 0}.section-kicker-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-kicker-row h2{font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.035em;margin:.35rem 0 .6rem}.section-kicker-row p{max-width:760px;margin:0;color:var(--muted)}.text-link{color:var(--blue);font-weight:800;text-decoration:none;white-space:nowrap}.live-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.live-preview-card{position:relative;min-height:330px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 16px 46px rgba(15,23,42,.06);text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.live-preview-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--blue) 38%,var(--line))}.live-preview-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;top:-80px;background:color-mix(in srgb,var(--blue) 8%,transparent)}.live-preview-top{display:flex;justify-content:space-between;align-items:center}.preview-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--panel2);color:var(--blue);font-weight:900}.preview-badge{font-size:.7rem;font-weight:850;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 9px}.live-preview-card h3{font-size:1.45rem;margin:23px 0 7px}.live-preview-card p{color:var(--muted);min-height:78px}.live-preview-card>strong{position:absolute;left:24px;bottom:22px;color:var(--blue)}.mini-viz{height:74px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden;position:relative}.mini-viz.bars{display:flex;align-items:end;gap:8px;padding:12px 18px}.mini-viz.bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#06b6d4,#4f46e5);animation:barDance 3s ease-in-out infinite}.mini-viz.bars i:nth-child(1){height:34%}.mini-viz.bars i:nth-child(2){height:70%;animation-delay:-.4s}.mini-viz.bars i:nth-child(3){height:48%;animation-delay:-.8s}.mini-viz.bars i:nth-child(4){height:85%;animation-delay:-1.2s}.mini-viz.bars i:nth-child(5){height:60%;animation-delay:-1.6s}@keyframes barDance{50%{transform:scaleY(.78);transform-origin:bottom}}.mini-viz.nodes i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 10%,transparent)}.mini-viz.nodes:before,.mini-viz.nodes:after{content:"";position:absolute;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:left}.mini-viz.nodes:before{width:62%;left:18%;top:38%;transform:rotate(10deg)}.mini-viz.nodes:after{width:45%;left:28%;top:62%;transform:rotate(-13deg)}.mini-viz.nodes i:nth-child(1){left:14%;top:28%}.mini-viz.nodes i:nth-child(2){left:35%;top:53%}.mini-viz.nodes i:nth-child(3){left:58%;top:24%}.mini-viz.nodes i:nth-child(4){left:78%;top:52%}.mini-viz.nodes i:nth-child(5){left:52%;top:70%}.mini-viz.nodes i:nth-child(6){left:28%;top:18%}.mini-viz.curve:before{content:"";position:absolute;left:8%;right:8%;bottom:18px;height:1px;background:var(--line2)}.mini-viz.curve span{position:absolute;left:10%;top:42px;width:80%;height:30px;border-top:3px solid var(--blue);border-radius:50% 50% 0 0;transform:rotate(-8deg)}.mini-viz.curve i,.mini-viz.curve b{position:absolute;width:10px;height:10px;border-radius:50%;background:#f97316;top:26px}.mini-viz.curve i{left:26%}.mini-viz.curve b{right:22%}
.start-section{padding:82px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 4%,var(--bg)),var(--bg));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pathway-card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:300px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-decoration:none;transition:.2s}.pathway-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:var(--shadow-hover)}.pathway-card.primary{background:linear-gradient(150deg,color-mix(in srgb,var(--blue) 10%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--blue) 34%,var(--line))}.path-index{font-size:.72rem;font-weight:900;color:var(--blue);letter-spacing:.1em}.pathway-card small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pathway-card h3{font-size:1.35rem;margin:.3rem 0}.pathway-card p{color:var(--muted);font-size:.92rem}.pathway-card>strong{margin-top:auto;color:var(--blue)}.path-spark{display:flex;gap:5px;height:28px;align-items:end}.path-spark i{width:8px;border-radius:3px;background:linear-gradient(#06b6d4,#4f46e5)}.path-spark i:nth-child(1){height:35%}.path-spark i:nth-child(2){height:80%}.path-spark i:nth-child(3){height:55%}.path-spark i:nth-child(4){height:100%}
.method-section{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:50px;align-items:start}.method-copy{position:sticky;top:108px}.method-copy h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.035em}.method-copy p{color:var(--muted)}.method-timeline{display:grid;gap:10px}.method-timeline>div{display:grid;grid-template-columns:54px 150px minmax(0,1fr);gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.method-timeline span{font-weight:900;color:var(--blue)}.method-timeline strong{color:var(--ink)}.method-timeline p{margin:0;color:var(--muted)}.why-section{padding:82px 0;background:var(--panel);border-top:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.why-grid article{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}.why-grid article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--soft-violet);color:var(--blue);font-size:1.2rem}.why-grid h3{margin-top:16px}.why-grid p{color:var(--muted);font-size:.92rem}
.site-footer{margin-top:90px;padding:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,var(--bg))}.footer-main{display:grid;grid-template-columns:minmax(300px,1.6fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:70px;padding:52px 0 42px}.footer-brand{display:inline-flex}.footer-brand-block p{max-width:540px;color:var(--muted);margin:16px 0}.footer-proof{display:flex;flex-wrap:wrap;gap:7px}.footer-proof span{font-size:.72rem;font-weight:750;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--panel)}.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column strong{color:var(--ink);margin-bottom:5px}.footer-column a{color:var(--muted);text-decoration:none;font-size:.9rem}.footer-column a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0 24px;color:var(--muted);font-size:.78rem}
.back-to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:var(--panel);display:grid;place-items:center;z-index:80;cursor:pointer;box-shadow:0 16px 40px rgba(15,23,42,.23);opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:.2s}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.back-progress{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--blue) var(--scroll-pct,0%),transparent 0);z-index:-1}.back-progress:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}.back-arrow{position:relative;font-size:1.15rem;font-weight:900}
.code-commentary{margin-top:10px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);font-size:.86rem}.code-commentary strong{color:var(--ink)}.code-commentary ul{margin:.55rem 0 0;padding-left:1.2rem}.code-commentary li+li{margin-top:.3rem}
.section-test-link{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0 2px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--blue) 34%,var(--line));border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 7%,var(--panel)),var(--panel));text-decoration:none}.section-test-link:hover{border-color:var(--blue);transform:translateY(-1px)}.test-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue);color:white;font-weight:900}.section-test-link strong,.section-test-link small{display:block}.section-test-link strong{color:var(--ink)}.section-test-link small{color:var(--muted);margin-top:2px}.test-arrow{color:var(--blue);font-weight:900}.quiz-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:42px 0 10px}.quiz-hero h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.02;color:var(--ink);letter-spacing:-.045em;margin:10px 0}.quiz-hero p{max-width:760px;color:var(--muted)}.quiz-badge{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));background:radial-gradient(circle,color-mix(in srgb,var(--blue) 12%,var(--panel)),var(--panel));box-shadow:var(--shadow)}.quiz-badge strong{font-size:2.2rem;color:var(--ink);line-height:1}.quiz-badge span,.quiz-badge small{display:block;color:var(--muted)}.quiz-badge span{font-weight:800}.quiz-shell{display:grid;gap:16px;max-width:900px}.quiz-question{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 10px 32px rgba(15,23,42,.045)}.quiz-qhead{display:flex;justify-content:space-between;gap:15px;color:var(--blue);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.quiz-question h3{font-size:1.08rem;line-height:1.55}.quiz-options{display:grid;gap:8px;margin-top:14px}.quiz-options label{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--bg)}.quiz-options label:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}.quiz-options input{margin-top:4px;accent-color:var(--blue)}.quiz-explanation{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--panel2);color:var(--muted)}.quiz-explanation a{color:var(--blue);font-weight:800}.quiz-submit-row{display:flex;align-items:center;gap:18px;padding:20px 0}.quiz-score{font-weight:850;color:var(--ink)}.quiz-next{padding:22px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--green) 7%,var(--panel))}
/* readability and overlap safeguards */
.course-lesson-link,.hub-lesson-link,.topic-lesson-card,.resource-card{min-width:0}.course-lesson-link>span:nth-child(2),.hub-lesson-link>span:nth-child(2),.topic-lesson-card>div{min-width:0}.course-lesson-link strong,.hub-lesson-link strong,.topic-lesson-card strong{overflow-wrap:anywhere}.course-meta,.lesson-meta,.hero-meta{row-gap:8px}.knowledge-check label{line-height:1.5}.lesson-hero{gap:26px}.lesson-hero>*{min-width:0}.lesson-hero h1{max-width:100%;font-size:clamp(2.2rem,5vw,4rem)}.control-console{overflow:hidden}.button-stack .btn{white-space:normal}.parameter-controls{align-items:start}.model-description-grid>*{min-width:0}.evaluation-grid>*{min-width:0}.course-module summary{gap:12px}.course-module summary>span:nth-child(2){min-width:0}.course-module summary strong{overflow-wrap:anywhere}.search-row>*{min-width:0}.search-input{min-width:0}
@media(max-width:1120px){.header-search-word,.header-search kbd{display:none}.home-hero-new-grid{grid-template-columns:1fr}.learning-constellation{max-width:760px}.pathway-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-card-grid{grid-template-columns:1fr 1fr}.live-preview-card:last-child{grid-column:1/-1}.main-nav .nav-link{padding-inline:9px}}
@media(max-width:900px){.topbar{flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:1px}.header-actions{margin-left:auto}.header-start{display:none}.method-section{grid-template-columns:1fr}.method-copy{position:static}.footer-main{grid-template-columns:1fr 1fr;gap:34px}.footer-brand-block{grid-column:1/-1}.home-stat-row-new{grid-template-columns:repeat(2,1fr)}.quiz-hero{grid-template-columns:1fr}.quiz-badge{width:120px}}
@media(max-width:680px){.page-shell{width:min(100% - 28px,1180px)}.brand-word small{display:none}.brand-mark{width:36px;height:36px}.theme-picker button{width:29px;height:29px}.header-search{display:none}.home-hero-new-grid{padding-top:54px}.home-hero-copy-new h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.home-stat-row-new{grid-template-columns:1fr 1fr}.live-card-grid,.pathway-grid,.why-grid{grid-template-columns:1fr}.live-preview-card:last-child{grid-column:auto}.section-kicker-row{align-items:flex-start;flex-direction:column}.method-timeline>div{grid-template-columns:40px 1fr}.method-timeline p{grid-column:2}.footer-main{grid-template-columns:1fr}.footer-brand-block{grid-column:auto}.footer-bottom{flex-direction:column}.constellation-head small{display:none}.back-to-top{right:14px;bottom:14px;width:44px;height:44px}.quiz-submit-row{align-items:flex-start;flex-direction:column}.section-test-link{grid-template-columns:38px minmax(0,1fr)}.section-test-link .test-arrow{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.concept-lens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.concept-lens article{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.concept-lens span{display:block;margin-bottom:5px;color:var(--blue);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.concept-lens strong{display:block;color:var(--ink);font-size:.86rem;line-height:1.52;font-weight:700}@media(max-width:760px){.concept-lens{grid-template-columns:1fr}}
.quiz-options label.quiz-correct{border-color:color-mix(in srgb,var(--green) 62%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--panel))}.quiz-options label.quiz-wrong{border-color:color-mix(in srgb,var(--red) 58%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--panel))}
img,svg{max-width:100%}.skip-link{position:fixed;left:14px;top:10px;z-index:200;transform:translateY(-150%);padding:9px 12px;border-radius:10px;background:var(--ink);color:var(--panel);font-weight:800;text-decoration:none;box-shadow:var(--shadow)}.skip-link:focus{transform:none}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 42%,transparent);outline-offset:3px}.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}@media print{.site-header,.site-footer,.back-to-top,.skip-link{display:none!important}body{background:#fff!important}.section-card{box-shadow:none!important}}

/* HumachLearn production refinement */
:root{--motion-fast:160ms;--motion-mid:320ms;--motion-slow:720ms;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.2,1.15,.35,1);--glow:color-mix(in srgb,var(--blue) 18%,transparent)}
html,body{max-width:100%;overflow-x:hidden}
body{position:relative;isolation:isolate}
body:before,body:after{content:"";position:fixed;z-index:-2;width:34rem;height:34rem;border-radius:50%;filter:blur(72px);opacity:.18;pointer-events:none;animation:ambientDrift 22s ease-in-out infinite alternate}
body:before{left:-14rem;top:18vh;background:color-mix(in srgb,var(--violet) 65%,transparent)}
body:after{right:-15rem;top:55vh;background:color-mix(in srgb,var(--cyan) 58%,transparent);animation-delay:-9s}
@keyframes ambientDrift{0%{transform:translate3d(0,0,0) scale(.92)}50%{transform:translate3d(3rem,-2rem,0) scale(1.05)}100%{transform:translate3d(-1rem,3rem,0) scale(.96)}}

/* Universal overflow guards for long technical terms and nested grids */
main,section,article,aside,header,footer,nav,div,details,summary,figure,figcaption,form,label{min-width:0}
h1,h2,h3,h4,h5,h6,p,li,dd,dt,small,strong,b,span,a,label,figcaption,.body-copy,.directory-copy,.hero-copy,.stage-summary-text,.course-module summary,.resource-card,.quiz-question{overflow-wrap:anywhere;word-break:normal}
.section-heading,.section-kicker-row,.interactive-visual-head,.output-label,.quiz-qhead,.constellation-head,.constellation-caption,.footer-bottom,.directory-actions,.live-preview-top{flex-wrap:wrap}
.section-heading>* ,.section-kicker-row>* ,.interactive-visual-head>* ,.output-label>* ,.quiz-qhead>* ,.constellation-head>* ,.constellation-caption>* ,.footer-bottom>*{min-width:0}
.text-link{white-space:normal;text-align:right}
.lesson-table,.mini-dataset table{width:max-content;min-width:100%;max-width:none}
.mini-dataset,.lesson-table-wrap,.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lesson-table{display:table}
.js-plotly-plot,.plot-container,.svg-container,.plotly{max-width:100%!important}
.plot-card,.interactive-visual-card,.generated-figure{contain:layout paint}
.generated-figure img{height:auto;max-width:100%}

/* Header refinement and page progress */
.site-header{isolation:isolate}
.site-header:after{content:"";position:absolute;left:0;bottom:-1px;width:var(--page-progress,0%);height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 16px var(--glow);transition:width 80ms linear}
.topbar>*{min-width:0}
.brand-word{min-width:0}.brand-word,.brand-word small{overflow-wrap:normal;word-break:normal}
.main-nav{min-width:0}
.header-actions{min-width:0}
.mobile-nav-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);cursor:pointer;place-items:center;font-size:1.15rem;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.mobile-nav-panel{display:none;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(18px)}
.mobile-nav-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 14px}
.mobile-nav-inner a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);text-decoration:none;color:var(--ink);font-weight:750}
.mobile-nav-panel.open{display:block;animation:mobileNavIn var(--motion-mid) var(--ease-out)}
@keyframes mobileNavIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* More deliberate breathing room on dense content pages */
.lesson-content>.section-card{margin-bottom:30px}
.lesson-content>.section-card:last-child{margin-bottom:0}
.section-card h2{margin-bottom:.9rem}
.section-card h3{margin-top:1.35rem}
.rich-description{gap:1.08rem}
.rich-description p{line-height:1.78}
.objective-list li,.key-list li,.check-list li{margin:.58rem 0;line-height:1.62}
.concept-flow{gap:10px}.concept-flow-step{padding:14px 15px;align-items:flex-start}.concept-flow-step>span:first-child{flex:0 0 auto}.concept-flow-step strong{line-height:1.5}
.quick-ref-table>div{align-items:start}.quick-ref-table code{overflow-wrap:anywhere;white-space:normal}
.knowledge-check label,.quiz-options label{min-width:0}.knowledge-check label span,.quiz-options label span{min-width:0}
.course-lesson-link,.hub-lesson-link,.topic-lesson-card{transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}
.course-lesson-link:hover,.hub-lesson-link:hover,.topic-lesson-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.06)}

/* Controlled entrance animations: JS only adds these classes when visible */
.reveal-ready{opacity:0;transform:translateY(20px) scale(.992);filter:saturate(.9);transition:opacity var(--motion-slow) var(--ease-out),transform var(--motion-slow) var(--ease-out),filter var(--motion-slow) var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.reveal-visible{opacity:1;transform:none;filter:none}
.reveal-ready[data-reveal="left"]{transform:translateX(-22px)}
.reveal-ready[data-reveal="right"]{transform:translateX(22px)}
.reveal-ready[data-reveal="left"].reveal-visible,.reveal-ready[data-reveal="right"].reveal-visible{transform:none}

/* Premium card motion without making reading surfaces unstable */
.live-preview-card,.pathway-card,.why-grid article,.course-card,.resource-card,.topic-card,.info-card,.quiz-question{transition:transform var(--motion-mid) var(--ease-out),box-shadow var(--motion-mid) var(--ease-out),border-color var(--motion-mid),background var(--motion-mid)}
.live-preview-card:hover,.pathway-card:hover,.course-card:hover,.resource-card:hover,.topic-card:hover,.info-card:hover,.quiz-question:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.why-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}
.btn{position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 45%,transparent 70%);transform:translateX(-140%);transition:transform 520ms var(--ease-out);pointer-events:none}
.btn:hover:before{transform:translateX(140%)}
.btn-primary:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--blue) 28%,transparent)}

/* Hero animation polish */
.home-hero-new:before,.home-hero-new:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px);opacity:.42;z-index:0}
.home-hero-new:before{width:26rem;height:26rem;right:5%;top:-13rem;background:radial-gradient(circle,color-mix(in srgb,var(--violet) 22%,transparent),transparent 67%);animation:heroOrb 12s ease-in-out infinite alternate}
.home-hero-new:after{width:22rem;height:22rem;left:30%;bottom:-15rem;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 20%,transparent),transparent 67%);animation:heroOrb 15s ease-in-out infinite alternate-reverse}
@keyframes heroOrb{to{transform:translate3d(2rem,1.5rem,0) scale(1.12)}}
.hero-grid-bg{animation:gridBreath 9s ease-in-out infinite alternate}
@keyframes gridBreath{from{opacity:.48;background-size:48px 48px}to{opacity:.78;background-size:52px 52px}}
.learning-constellation{transform-style:preserve-3d;transition:transform 220ms ease-out,box-shadow 220ms}
.learning-constellation.is-parallax{box-shadow:0 34px 90px rgba(79,70,229,.16)}
.preview-icon,.path-index,.why-grid article>span,.stage-badge,.module-number{transition:transform var(--motion-mid) var(--ease-spring),background var(--motion-mid)}
.live-preview-card:hover .preview-icon,.pathway-card:hover .path-index,.why-grid article:hover>span{transform:translateY(-2px) rotate(-3deg) scale(1.06)}

/* Details/accordion clarity */
details>summary{transition:background var(--motion-fast),color var(--motion-fast)}
details[open]>summary{background:color-mix(in srgb,var(--blue) 4%,var(--panel))}
.course-module>summary,.hub-stage-summary,.hub-topic>summary{min-height:64px}
.course-module>summary>* ,.hub-stage-summary>* ,.hub-topic>summary>*{min-width:0}
.hub-topic>summary{align-items:flex-start}
.hub-topic>summary small{white-space:normal;line-height:1.45}
.hub-lesson-link small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}

/* Code/output spacing corrections */
.code-wrap{padding-top:0!important;overflow:hidden!important}
.code-toolbar{position:sticky;top:0;min-height:42px;gap:12px;flex-wrap:wrap}
.code-toolbar>*{min-width:0}.code-wrap pre{padding:20px!important;line-height:1.65;tab-size:4}
.output-card{padding:16px;margin-top:14px}.output-card pre{line-height:1.6;margin-top:.65rem}
.code-commentary{line-height:1.62}.code-commentary li{padding-right:.35rem}

/* Mobile-first overlap corrections */
@media(max-width:1120px){.brand-word small{display:none}.footer-main{gap:42px}.method-timeline>div{grid-template-columns:48px 132px minmax(0,1fr)}.home-hero-new-grid{gap:34px}}
@media(max-width:900px){
  .main-nav{display:none!important}.mobile-nav-toggle{display:grid}.header-actions{margin-left:auto;gap:6px}.header-start{display:none!important}
  .topbar{flex-wrap:nowrap!important;gap:10px;min-height:64px}.brand{max-width:min(52vw,270px)}.brand-word{font-size:.96rem}
  .footer-main{grid-template-columns:1fr 1fr!important}.footer-brand-block{grid-column:1/-1}
  .evaluation-grid,.model-at-glance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .section-heading{flex-direction:column;align-items:flex-start}.text-link{text-align:left}
}
@media(max-width:760px){
  .home-hero-new-grid{padding-top:48px}.home-hero-copy-new h1{font-size:clamp(2.45rem,11vw,3.7rem);line-height:1.01;letter-spacing:-.052em}
  .learning-constellation{border-radius:22px}.constellation-head{align-items:flex-start}.constellation-caption{align-items:flex-start}
  .method-timeline>div{grid-template-columns:40px minmax(0,1fr);align-items:start}.method-timeline strong{padding-top:2px}.method-timeline p{grid-column:2}
  .lesson-hero{align-items:start}.mark-complete{justify-self:start}.course-meta,.lesson-meta{gap:6px}.course-meta span,.lesson-meta span{font-size:.74rem}
  .course-module>summary,.hub-stage-summary{padding:15px 14px}.hub-stage-body,.course-module-body{padding:0 10px 12px}.hub-topic>summary{padding:13px 12px}.hub-topic-body{padding:0 10px 11px}
  .interactive-visual-head{align-items:flex-start}.language-pill{flex:0 0 auto}
  .quiz-question{padding:18px}.quiz-qhead{flex-direction:column;gap:4px}.quiz-options label{padding:10px}
  .page-nav{display:grid;grid-template-columns:1fr}.page-nav .btn{width:100%}
}
@media(max-width:560px){
  .page-shell{width:min(100% - 22px,1180px)!important}.topbar{padding:8px 0}.brand-mark{width:34px;height:34px}.brand-word{font-size:.9rem}
  .theme-picker button{width:28px!important;height:28px!important}.mobile-nav-toggle{width:36px;height:36px}.mobile-nav-inner{grid-template-columns:1fr}
  .section-card{padding:18px!important;border-radius:16px}.section-card+.section-card{margin-top:20px}.directory-hero,.hero{padding-top:38px}
  .home-stat-row-new{grid-template-columns:1fr 1fr!important}.home-stat-row-new span{padding:10px}
  .evaluation-grid,.model-at-glance{grid-template-columns:1fr!important}.metric-grid{grid-template-columns:1fr!important}
  .button-stack{display:grid;grid-template-columns:1fr 1fr;width:100%}.button-stack .btn{width:100%;min-width:0}.button-stack .btn:last-child:nth-child(odd){grid-column:1/-1}
  .view-toggle{width:100%}.view-btn{flex:1}.training-status{min-width:0;width:100%}
  .resource-grid,.topic-lesson-grid,.hub-lessons{grid-template-columns:1fr!important}.resource-card{padding:14px}.topic-lesson-card{grid-template-columns:34px minmax(0,1fr);padding:12px;gap:10px}
  .quick-ref-table>div{padding:10px}.lesson-sidebar{grid-template-columns:1fr!important}
  .footer-main{grid-template-columns:1fr!important;padding:38px 0 30px}.footer-brand-block{grid-column:auto}.footer-bottom{align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){body:before,body:after,.home-hero-new:before,.home-hero-new:after,.hero-grid-bg{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important;filter:none!important}.learning-constellation{transform:none!important}}
/* Slightly smaller SVG diagram labels prevent two-line model annotations from colliding. */
.concept-stage .c-text{font-size:14px}.concept-stage .c-small{font-size:11px}.concept-stage .c-title{font-size:18px}
@media(max-width:560px){.concept-stage{min-height:320px;padding:6px}.concept-stage svg{max-height:340px}.simulation-plot{height:430px}.course-visual{height:310px}}
/* Micro-animations for accordions, plots and learning progress */
.course-module[open]>.course-module-body,.hub-stage[open]>.hub-stage-body,.hub-topic[open]>.hub-topic-body{animation:detailsReveal 260ms var(--ease-out)}
@keyframes detailsReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.interactive-visual-card,.plot-card{position:relative}
.interactive-visual-card:before,.plot-card:before{content:"";position:absolute;z-index:3;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.55;transform:scaleX(.35);transform-origin:center;transition:transform var(--motion-slow) var(--ease-out),opacity var(--motion-mid);pointer-events:none}
.interactive-visual-card:hover:before,.plot-card:hover:before{transform:scaleX(1);opacity:.9}
.generated-figure img{transition:transform 420ms var(--ease-out),box-shadow 420ms}.generated-figure:hover img{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,23,42,.10)}
.course-progress>div,.progress-track>div{position:relative;overflow:hidden}.course-progress>div:after,.progress-track>div:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-120%);animation:progressSheen 3.2s ease-in-out infinite}
@keyframes progressSheen{55%,100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.course-module[open]>.course-module-body,.hub-stage[open]>.hub-stage-body,.hub-topic[open]>.hub-topic-body{animation:none!important}.course-progress>div:after,.progress-track>div:after{animation:none!important}}

/* HumachLearn layered learning architecture */
:root{--violet:#6d5dfc;--cyan:#13b8c8;--amber:#f59e0b;--rose:#ef5d7a;--science-grid:color-mix(in srgb,var(--line) 55%,transparent)}
body{overflow-wrap:anywhere}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));transform:scaleX(calc(var(--page-progress,0%)/100%));transform-origin:left;pointer-events:none}
.header-search{appearance:none;font:inherit}.main-nav .nav-link{position:relative}.main-nav .nav-link.active:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.mode-hero{position:relative;overflow:hidden;padding:78px 0 66px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 28%),radial-gradient(circle at 10% 92%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 32%),linear-gradient(var(--science-grid) 1px,transparent 1px),linear-gradient(90deg,var(--science-grid) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}
.mode-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cyan) 26%,transparent);right:-130px;top:-150px;box-shadow:0 0 0 44px color-mix(in srgb,var(--violet) 3%,transparent),0 0 0 88px color-mix(in srgb,var(--cyan) 3%,transparent);animation:ambientOrbit 18s linear infinite}
.mode-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:64px;align-items:center}.mode-hero h1,.path-hero h1,.experience-title h1{font-size:clamp(2.45rem,6vw,5.2rem);line-height:.96;letter-spacing:-.055em;color:var(--ink);margin:12px 0 18px;max-width:920px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.section-pad{padding:56px 0}.mode-card-grid,.experience-grid,.project-grid,.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mode-card,.experience-card,.project-card,.lab-grid>a,.reference-entry-grid>a{position:relative;display:block;text-decoration:none;padding:26px;border:1px solid var(--line);background:var(--panel);color:var(--text);min-width:0;overflow:hidden}.mode-card{border-radius:6px 26px 6px 26px}.mode-card:before,.experience-card:before,.project-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--violet),var(--cyan));transform:scaleX(.18);transform-origin:left;transition:.32s}.mode-card:hover:before,.experience-card:hover:before,.project-card:hover:before{transform:scaleX(1)}.mode-card:hover,.experience-card:hover,.project-card:hover{border-color:color-mix(in srgb,var(--violet) 35%,var(--line));transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.10)}.mode-card h3,.experience-card h3{font-size:1.35rem;margin:.45rem 0;color:var(--ink)}.mode-card p,.experience-card p{margin:.4rem 0 1rem}.mode-index,.experience-category{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--violet)}.mode-meta,.experience-layers{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.mode-meta span,.experience-layers span{font-size:.72rem;border:1px solid var(--line);padding:4px 8px;border-radius:99px;background:var(--panel2)}.text-link{font-weight:800;color:var(--blue)}
.path-orbit{width:330px;aspect-ratio:1;position:relative;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,var(--panel) 0 22%,transparent 23%),radial-gradient(circle,color-mix(in srgb,var(--violet) 8%,transparent),transparent 65%);animation:softFloat 7s ease-in-out infinite}.path-orbit b{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:var(--ink);font-size:1.25rem}.path-orbit span{position:absolute;font-size:.75rem;font-weight:750;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:5px 9px;box-shadow:var(--shadow)}.path-orbit span:nth-child(1){left:2%;top:46%}.path-orbit span:nth-child(2){left:20%;top:8%}.path-orbit span:nth-child(3){right:16%;top:10%}.path-orbit span:nth-child(4){right:-4%;top:45%}.path-orbit span:nth-child(5){right:14%;bottom:9%}.path-orbit span:nth-child(6){left:17%;bottom:7%}
.knowledge-rhythm{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.rhythm-line{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:25px}.rhythm-line span{position:relative;padding:15px 8px;text-align:center;font-size:.78rem;font-weight:800;color:var(--ink);border-top:2px solid var(--line)}.rhythm-line span:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);top:-5px;left:50%;transform:translateX(-50%)}
.path-hero{padding:24px 0 8px}.path-stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.path-stats span{border-left:2px solid var(--cyan);padding:3px 14px;color:var(--muted)}.path-stats strong{color:var(--ink);font-size:1.1rem}.path-guide{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}.path-rail{position:sticky;top:96px;align-self:start;border-left:2px solid var(--line);padding-left:18px}.depth-legend{display:flex;flex-wrap:wrap;gap:6px}.depth-legend span{font-size:.7rem;padding:3px 7px;border:1px solid var(--line);border-radius:99px}.path-sequence{position:relative}.path-sequence:before{content:"";position:absolute;left:26px;top:26px;bottom:26px;width:1px;background:linear-gradient(var(--violet),var(--cyan),var(--line))}.path-module{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;padding:0 0 46px}.path-module-number{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:2px solid var(--violet);color:var(--ink);font-weight:900;z-index:2}.path-module-body{min-width:0}.core-step-list{display:grid;gap:8px;margin-top:14px}.core-step{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:11px 14px;text-decoration:none;border-radius:12px}.core-step>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--panel2);color:var(--violet);font-weight:850}.core-step strong{display:block;color:var(--ink)}.core-step small{display:block;color:var(--muted)}.core-step b{color:var(--blue)}.core-step:hover{border-color:var(--violet);transform:translateX(3px)}.module-deep-link{display:inline-block;margin-top:10px;font-size:.84rem;font-weight:750;color:var(--blue);text-decoration:none}
.explore-mini-atlas{height:390px;min-width:0;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.explore-mini-atlas svg{width:100%;height:100%}.atlas-preview-node{animation:atlasPulse 5s ease-in-out infinite;animation-delay:calc(var(--i)*90ms);transform-box:fill-box;transform-origin:center}.atlas-preview-lines path,.atlas-preview-lines line{stroke-dasharray:5 7;animation:dashFlow 14s linear infinite}.four-mode-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel)}.four-mode-strip a{padding:24px;text-decoration:none;border-right:1px solid var(--line);min-width:0}.four-mode-strip a:last-child{border-right:0}.four-mode-strip span{font-size:.7rem;color:var(--violet);font-weight:900}.four-mode-strip strong{display:block;color:var(--ink);font-size:1.05rem;margin:6px 0}.four-mode-strip small{display:block;color:var(--muted)}
.atlas-shell{padding-bottom:72px}.atlas-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto;gap:10px;margin:18px 0}.atlas-toolbar input,.atlas-toolbar select,.compare-controls select,.playground-toolbar select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:10px 12px}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.atlas-canvas{min-height:680px;border:1px solid var(--line);background:linear-gradient(var(--science-grid) 1px,transparent 1px),linear-gradient(90deg,var(--science-grid) 1px,transparent 1px),var(--panel);background-size:36px 36px;overflow:auto}.atlas-canvas svg{min-width:1100px;width:100%;height:auto}.atlas-node{cursor:pointer;transition:opacity .2s}.atlas-node:hover circle:first-child{stroke:var(--cyan);stroke-width:3}.atlas-node.is-dim{opacity:.16}.atlas-inspector{position:sticky;top:96px;align-self:start;padding:22px;border:1px solid var(--line);background:var(--panel);min-height:280px}.atlas-related{display:grid;gap:7px;margin-top:20px}.atlas-related button{border:1px solid var(--line);background:var(--panel2);color:var(--text);text-align:left;border-radius:9px;padding:8px;cursor:pointer}.atlas-related button:hover{border-color:var(--cyan);color:var(--ink)}
.experience-search{max-width:none;margin:24px 0 0}.experience-search input{width:100%;border:0;background:transparent;color:var(--ink);font-size:1rem;outline:0}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-card{border-radius:4px 20px 4px 20px}.experience-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}.experience-depth-selector,.depth-buttons{display:flex;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);padding:3px;border-radius:12px}.experience-depth-selector button,.depth-buttons button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}.experience-depth-selector button.active,.depth-buttons button.active{background:var(--ink);color:var(--bg)}.experience-canvas{padding:28px 0}.experience-canvas.depth-muted{display:none}.experience-question{max-width:900px;margin-bottom:16px}.experience-question>span{font-size:.72rem;text-transform:uppercase;color:var(--violet);font-weight:900;letter-spacing:.1em}.experience-question h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.035em}.experience-visual{height:430px;border:1px solid var(--line);background:var(--panel);overflow:hidden}.experience-visual svg,.experience-visual .plot-container{width:100%!important;height:100%!important}.experience-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.experience-two-col>article{padding:26px;border-top:2px solid var(--line);background:var(--panel)}.concept-flow.narrative{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}.concept-flow.narrative span{padding:6px 9px;background:var(--panel2);border:1px solid var(--line);border-radius:99px;font-size:.78rem}.what-if-card{border-top-color:var(--orange)!important}.what-if-control{display:block;margin-top:18px}.what-if-control>span{display:block;font-size:.8rem;font-weight:800;color:var(--ink)}.what-if-control input{width:100%;accent-color:var(--orange)}.what-if-control output{font-weight:850;color:var(--orange)}.experiment-observation{padding:12px;border-left:3px solid var(--orange);background:var(--panel2)}.deep-rule{margin-top:18px;padding:14px;border-left:3px solid var(--cyan);background:var(--panel2)}.deep-rule strong,.deep-rule span{display:block}.reference-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reference-link{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0}.reference-link strong,.reference-link small{display:block}.reference-link strong{color:var(--ink)}.reference-link small{color:var(--muted)}
.reference-stack{display:grid;gap:8px;transform:rotate(-2deg)}.reference-stack span,.reference-stack b{display:block;padding:16px 18px;border:1px solid var(--line);background:var(--panel);box-shadow:0 8px 24px rgba(15,23,42,.06)}.reference-stack span:nth-child(2){transform:translateX(18px)}.reference-stack span:nth-child(3){transform:translateX(36px)}.reference-stack b{transform:translateX(54px);background:var(--ink);color:var(--bg)}.reference-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.reference-entry-grid>a{border:0;border-radius:0}.reference-entry-grid span{color:var(--violet);font-weight:900}
.lab-terminal{display:grid;gap:8px;padding:22px;border:1px solid var(--line);background:#071019;color:#d1fae5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 24px 80px rgba(2,6,23,.25)}.lab-terminal span{color:#67e8f9;font-size:.8rem}.lab-terminal b{font-size:1.05rem}.lab-grid{grid-template-columns:repeat(2,1fr)}.lab-grid>a{border-radius:0}.lab-grid>a span,.project-card>span{font-size:.72rem;color:var(--violet);text-transform:uppercase;font-weight:900;letter-spacing:.1em}.playground-shell{padding:0 0 72px}.playground-toolbar{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);background:var(--panel)}.playground-toolbar label{font-size:.75rem;font-weight:800;color:var(--ink)}.playground-toolbar input{width:100%;accent-color:var(--violet)}.playground-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-top:0}.playground-plot{height:580px;min-width:0}.playground-explain{padding:22px;border-left:1px solid var(--line);background:var(--panel)}.playground-prompt{padding:12px 0;border-top:1px solid var(--line)}.playground-prompt strong,.playground-prompt span{display:block}.playground-prompt span{font-size:.85rem;color:var(--muted)}
.compare-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.compare-controls label{font-size:.75rem;font-weight:850;color:var(--ink)}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:0;margin-top:16px;border:1px solid var(--line);background:var(--line)}.compare-model{background:var(--panel);padding:26px}.compare-model dl{display:grid;gap:0}.compare-model dt{font-size:.72rem;text-transform:uppercase;color:var(--violet);font-weight:900;margin-top:14px}.compare-model dd{margin:4px 0 0}.compare-tags{display:flex;flex-wrap:wrap;gap:5px}.compare-pill{font-size:.7rem;padding:4px 7px;border-radius:99px;border:1px solid var(--line);background:var(--panel2)}.compare-axis{display:flex;flex-direction:column;justify-content:center;gap:18px;background:var(--panel2);padding:16px;text-align:center}.compare-axis span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}
.project-grid{grid-template-columns:repeat(3,1fr)}.project-card{border-radius:0}.project-flow{padding-bottom:72px;position:relative}.project-flow:before{content:"";position:absolute;left:31px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--violet) 0 var(--project-progress,0%),var(--line) var(--project-progress,0%))}.project-stage{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;padding:12px 0 34px}.project-stage-num{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:2px solid var(--violet);z-index:2;color:var(--ink);font-weight:900}.project-stage>div:last-child{padding:8px 22px;border-top:1px solid var(--line)}.project-check{display:inline-flex;gap:8px;align-items:center;margin-top:10px;font-size:.84rem;font-weight:750}.project-progress{padding:7px 10px;border-left:2px solid var(--cyan);font-weight:800;color:var(--ink)}
.learning-depth-bar{position:sticky;top:72px;z-index:35;margin:18px 0 24px;padding:10px 12px;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));background:color-mix(in srgb,var(--glass) 96%,transparent);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(15,23,42,.08)}.learning-depth-bar strong{display:block;color:var(--ink);font-size:.84rem}.mastery-mini{display:flex;align-items:center;gap:7px}.mastery-mini span{font-size:.7rem;text-transform:uppercase;color:var(--muted);font-weight:850}.mastery-mini button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:99px;padding:6px 10px;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}.mastery-mini button[data-state="4"]{background:color-mix(in srgb,var(--green) 14%,var(--panel));border-color:var(--green);color:var(--green)}.depth-collapsed{display:none!important}.connection-dock{margin:32px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.connection-actions{display:flex;flex-wrap:wrap;gap:7px}.connection-actions a{padding:7px 10px;text-decoration:none;border:1px solid var(--line);background:var(--panel);color:var(--blue);font-size:.8rem;font-weight:800}
.command-palette{position:fixed;inset:0;z-index:120}.command-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(6px)}.command-dialog{position:relative;width:min(720px,calc(100% - 28px));max-height:min(720px,82vh);margin:8vh auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 34px 120px rgba(2,6,23,.35);overflow:hidden}.command-input-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.command-input-row input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem}.command-input-row kbd,.command-foot{font-size:.72rem;color:var(--muted)}.command-results{overflow:auto;max-height:58vh;padding:8px}.command-results section>strong{display:block;padding:8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.command-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 10px;text-decoration:none;border-radius:8px}.command-result span{color:var(--ink);font-weight:750}.command-result small{grid-column:1;color:var(--muted)}.command-result b{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue)}.command-result.active,.command-result:hover{background:var(--panel2)}.command-foot{display:flex;gap:15px;justify-content:flex-end;border-top:1px solid var(--line);padding:9px 12px}.command-open{overflow:hidden}

@keyframes ambientOrbit{to{transform:rotate(360deg)}}@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes atlasPulse{0%,100%{opacity:.72}50%{opacity:1;transform:scale(1.08)}}@keyframes dashFlow{to{stroke-dashoffset:-120}}
@media(max-width:980px){.mode-hero-grid,.experience-title,.path-guide,.atlas-layout,.experience-two-col,.reference-columns,.playground-grid{grid-template-columns:1fr}.path-orbit{margin:auto}.path-rail,.atlas-inspector{position:static}.experience-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.four-mode-strip{grid-template-columns:repeat(2,1fr)}.four-mode-strip a:nth-child(2){border-right:0}.four-mode-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.playground-explain{border-left:0;border-top:1px solid var(--line)}.learning-depth-bar{top:66px;grid-template-columns:1fr auto}.mastery-mini{grid-column:1/-1}.compare-grid{grid-template-columns:1fr}.compare-axis{flex-direction:row;flex-wrap:wrap}.playground-toolbar{grid-template-columns:1fr 1fr}.atlas-toolbar{grid-template-columns:1fr 1fr}.atlas-toolbar .btn{grid-column:1/-1}}
@media(max-width:680px){.mode-card-grid,.experience-grid,.project-grid,.lab-grid,.reference-entry-grid{grid-template-columns:1fr}.mode-hero{padding:54px 0 44px}.mode-hero h1,.path-hero h1,.experience-title h1{font-size:clamp(2.15rem,12vw,3.5rem)}.path-orbit{width:min(300px,90vw)}.rhythm-line{grid-template-columns:repeat(4,1fr);row-gap:20px}.four-mode-strip{grid-template-columns:1fr}.four-mode-strip a{border-right:0;border-bottom:1px solid var(--line)}.atlas-toolbar,.playground-toolbar,.compare-controls{grid-template-columns:1fr}.experience-visual{height:360px}.learning-depth-bar{position:relative;top:auto;grid-template-columns:1fr}.depth-buttons{width:100%}.depth-buttons button{flex:1}.connection-dock{grid-template-columns:1fr}.command-dialog{margin:3vh auto;max-height:92vh}.project-stage{grid-template-columns:48px minmax(0,1fr)}.project-stage-num{width:48px;height:48px}.project-flow:before{left:23px}.core-step{grid-template-columns:30px minmax(0,1fr)}.core-step>b{grid-column:2}.experience-depth-selector{width:100%}.experience-depth-selector button{flex:1}.header-search kbd{display:none}}
@media(prefers-reduced-motion:reduce){.mode-hero:before,.path-orbit,.atlas-preview-node,.atlas-preview-lines path,.atlas-preview-lines line{animation:none!important}}
/* Footer column count follows the four-mode architecture rather than the older three-column shell. */
@media(min-width:901px){.footer-main{grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(125px,.5fr));gap:42px}}
@media(min-width:681px) and (max-width:900px){.footer-main{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-brand-block{grid-column:1/-1}}
@media(max-width:680px){.footer-main{grid-template-columns:1fr!important}.footer-brand-block{grid-column:auto}}
.debug-grid{display:grid;gap:18px}.debug-challenge{border-top:2px solid var(--line);background:var(--panel);padding:26px}.debug-challenge pre{overflow:auto;background:#0b1020;color:#e2e8f0;padding:16px;border-radius:8px}.debug-options{display:grid;gap:7px;margin-top:14px}.debug-options button{border:1px solid var(--line);background:var(--panel2);color:var(--text);text-align:left;padding:10px 12px;border-radius:8px;font:inherit;cursor:pointer}.debug-options button.debug-correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green);font-weight:800}.debug-options button:disabled:not(.debug-correct){opacity:.55}.debug-feedback{border-left:3px solid var(--green);padding:12px;background:var(--panel2)}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:14px 0}.metric-pair span{background:var(--panel2);padding:16px}.metric-pair strong{display:block;color:var(--ink);font-size:1.5rem}@media(max-width:680px){.metric-pair{grid-template-columns:1fr}}

/* HumachLearn production refinement */
.brand-mark-svg{background:linear-gradient(145deg,#4f46e5,#0891b2)!important;color:white;display:grid!important;place-items:center!important}.brand-logo-svg{width:27px;height:27px;display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12))}.footer-brand .brand-logo-svg{width:29px;height:29px}.lab-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lab-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.lab-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--violet) 42%,var(--line));box-shadow:var(--shadow)}.lab-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--violet)}.lab-card h2,.lab-card h3{margin:.45rem 0 .4rem;color:var(--ink);overflow-wrap:anywhere}.lab-card p{color:var(--text);flex:1}.lab-card strong{margin-top:12px;color:var(--blue)}.lab-card.feature{border-top:3px solid color-mix(in srgb,var(--violet) 75%,var(--cyan))}.lab-band{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.lab-band>div{background:var(--panel);padding:30px}.lab-workbench{padding-bottom:72px}.lab-control-bar{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;padding:14px;border:1px solid var(--line);background:var(--panel);position:sticky;top:72px;z-index:25;box-shadow:0 12px 30px rgba(15,23,42,.06)}.lab-control-bar label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:var(--muted);min-width:0}.lab-control-bar select,.lab-control-bar input{width:100%;margin-top:5px}.lab-train-controls{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.lab-status-strip{padding:9px 12px;border:1px solid var(--line);border-top:0;background:var(--panel2);font-weight:800;color:var(--ink)}.lab-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}.lab-metrics>div{background:var(--panel);padding:14px}.lab-metrics small{display:block;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.lab-metrics strong{display:block;font-size:1.3rem;color:var(--ink)}.lab-plot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:12px;padding:12px 0}.lab-plot-card{border:1px solid var(--line);background:var(--panel);min-width:0;overflow:hidden}.lab-live-plot{height:520px;min-width:0}.lab-explain-panel{border-left:3px solid var(--cyan);padding:18px 22px;background:var(--panel);color:var(--text)}.confusion-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.confusion-mini span{padding:7px 9px;border:1px solid var(--line);background:var(--panel2)}.challenge-workbench{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:1px;background:var(--line);border:1px solid var(--line)}.challenge-context,.challenge-panel{background:var(--panel);padding:30px}.challenge-options{display:grid;gap:8px}.challenge-options button{width:100%;text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:12px 14px;font:inherit;border-radius:10px;cursor:pointer}.challenge-options button.selected{border-color:var(--violet);box-shadow:0 0 0 2px color-mix(in srgb,var(--violet) 15%,transparent)}.challenge-options button.answer-correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--panel))}.challenge-options button.answer-wrong{border-color:#dc2626}.challenge-actions{display:flex;gap:8px;margin-top:16px}.challenge-feedback{margin-top:14px;padding:14px;border-left:3px solid var(--line);background:var(--panel2)}.challenge-feedback strong,.challenge-feedback span{display:block}.challenge-feedback.success{border-color:var(--green)}.challenge-feedback.review{border-color:var(--orange)}.challenge-next{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 0}.project-grid.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card.rich small{display:block;color:var(--muted);margin:8px 0}.project-dataset-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px;padding:12px 14px;border-left:3px solid var(--cyan);background:var(--panel)}.project-engine-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.project-score{padding:10px 14px;border:1px solid var(--line);background:var(--panel);font-weight:900;color:var(--ink)}.project-task-list{display:grid;gap:12px;margin-top:18px}.project-task{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:22px;border:1px solid var(--line);background:var(--panel);transition:border-color .2s}.project-task.validated{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}.project-task-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blue2);color:var(--blue);font-weight:900}.project-choice{display:grid;gap:6px;margin:10px 0}.project-choice label{padding:8px 10px;border:1px solid var(--line);background:var(--panel2)}.project-answer{width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:inherit}.project-task-actions{display:flex;gap:8px;margin-top:10px}.text-button{border:0;background:none;color:var(--blue);font:inherit;font-weight:800;cursor:pointer}.project-task-feedback{margin-top:10px;padding:10px 12px;background:var(--panel2);border-left:3px solid var(--line)}.project-task-feedback.success{border-color:var(--green)}.project-task-feedback.review{border-color:var(--orange)}.project-task-feedback.hint{border-color:var(--cyan)}.project-submit-panel{margin-top:22px;padding:24px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 5%,var(--panel)),var(--panel));display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.project-submit-feedback{grid-column:1/-1;color:var(--text)}.connection-actions a[hidden]{display:none!important}.connection-actions a{position:relative}.connection-actions a[href*="challenges"]:before{content:"✓ ";color:var(--green)}
@media(max-width:1050px){.lab-control-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-card-grid,.project-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.project-submit-panel{grid-template-columns:1fr 1fr}.project-submit-panel>div:first-child{grid-column:1/-1}}
@media(max-width:680px){.lab-control-bar,.lab-card-grid,.project-grid.expanded,.lab-band,.challenge-workbench{grid-template-columns:1fr}.lab-control-bar{position:static}.lab-metrics{grid-template-columns:repeat(2,1fr)}.lab-live-plot{height:380px}.project-engine-head{grid-template-columns:1fr}.project-task{grid-template-columns:1fr}.project-submit-panel{grid-template-columns:1fr}.project-submit-panel>div:first-child{grid-column:auto}.challenge-context,.challenge-panel{padding:20px}}

.logo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.logo-tile{padding:18px;border:1px solid var(--line);background:var(--panel)}.logo-tile>div{height:130px;display:grid;place-items:center;background:linear-gradient(145deg,#4f46e5,#0891b2);color:white}.logo-tile img{width:72px;height:72px;filter:brightness(0) invert(1)}.logo-tile strong,.logo-tile code{display:block;margin-top:9px}.logo-tile code{font-size:.72rem;color:var(--muted)}@media(max-width:900px){.logo-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.logo-gallery{grid-template-columns:1fr}}
.project-mode-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--line);background:var(--panel2)}.project-mode-toolbar>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted);margin-right:4px}.project-mode-toolbar button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:6px 10px;border-radius:999px;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.project-mode-toolbar button.active{background:var(--blue2);border-color:var(--blue);color:var(--blue)}body[data-project-mode="guided"] .project-task{position:relative}body[data-project-mode="guided"] .project-task:after{content:"Guided";position:absolute;right:12px;top:12px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}body[data-project-mode="challenge"] .project-task{border-style:dashed}.project-submit-panel .btn{white-space:normal}
.lab-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.lab-mini-grid a{display:flex;flex-direction:column;gap:4px;padding:18px;background:var(--panel);text-decoration:none;min-width:0;transition:background .18s,transform .18s}.lab-mini-grid a:hover{background:var(--panel2);transform:translateY(-2px)}.lab-mini-grid strong{color:var(--ink)}.lab-mini-grid span{font-size:.78rem;color:var(--muted)}@media(max-width:900px){.lab-mini-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.lab-mini-grid{grid-template-columns:1fr}}

/* HumachLearn production refinement */
.page-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:14px!important}.page-nav>a:first-child{justify-self:start}.page-nav>a:nth-child(2){justify-self:center}.page-nav>a:last-child{justify-self:end}.page-nav .btn{max-width:100%;white-space:normal;text-align:center}.atlas-node text{pointer-events:none}.atlas-node.is-origin circle:first-child{filter:drop-shadow(0 0 8px rgba(239,68,68,.38))}.atlas-origin-note{display:grid;gap:5px;padding:12px 14px;margin-bottom:16px;border-left:4px solid #ef4444;background:color-mix(in srgb,#ef4444 8%,var(--panel));border-radius:0 12px 12px 0}.atlas-origin-note a{color:var(--blue);font-weight:800}.experience-origin-return{width:min(1180px,calc(100% - 36px));margin:0 auto 18px;padding:12px 16px;border:1px solid var(--line);background:var(--panel2);display:flex;justify-content:space-between;gap:14px;align-items:center}.experience-origin-return a{color:var(--blue);font-weight:850;text-decoration:none}.explore-mini-atlas svg{overflow:visible}.explore-mini-atlas{min-height:390px;overflow:visible;padding:18px}.project-data-preview{margin-top:22px;margin-bottom:26px;padding:24px;border:1px solid var(--line);background:var(--panel)}.dataset-scroll{max-height:390px;overflow:auto;border:1px solid var(--line);background:var(--panel2)}.dataset-scroll table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.86rem}.dataset-scroll th,.dataset-scroll td{padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.dataset-scroll th{position:sticky;top:0;z-index:2;background:var(--panel);color:var(--ink);text-align:left}.dataset-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dataset-meta span{padding:5px 9px;border:1px solid var(--line);background:var(--panel2);font-size:.78rem;font-weight:800;color:var(--muted)}.lab-view-toggle{display:flex;gap:6px;align-items:end}.lab-view-toggle .active{background:var(--blue);color:#fff;border-color:var(--blue)}.split-key{display:inline-block;padding:4px 7px;margin:2px;border-radius:7px;font-size:.78rem;font-weight:800}.split-key.train{background:#dbeafe;color:#1d4ed8}.split-key.test{background:#fef3c7;color:#92400e}.split-key.leak{background:#fee2e2;color:#b91c1c}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.about-principles>div{background:var(--panel);padding:20px}.about-principles strong{font-size:1.05rem;color:var(--ink)}.about-principles p{margin:.35rem 0 0;color:var(--text)}.brand-mark{overflow:hidden}.brand-logo-svg{width:29px!important;height:29px!important;object-fit:contain}.lab-control-bar{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.lab-control-bar>*{min-width:0}.lab-explain-panel code{overflow-wrap:anywhere}.simulation-plot,.lab-live-plot{min-width:0}.plot-container,.js-plotly-plot{max-width:100%}.mode-hero-grid>*{min-width:0}.hero-copy,h1,h2,h3,.body-copy,.experience-question,.experience-card p{overflow-wrap:anywhere}.atlas-layout{min-width:0}.atlas-canvas{overflow:auto}.back-to-top{z-index:120!important}
@media(max-width:760px){.page-nav{grid-template-columns:1fr!important}.page-nav>a{justify-self:stretch!important}.experience-origin-return{flex-direction:column;align-items:flex-start}.about-story-grid,.about-principles{grid-template-columns:1fr}.explore-mini-atlas{min-height:330px;padding:4px}.dataset-scroll{max-height:320px}.lab-view-toggle{width:100%}.lab-view-toggle button{flex:1}.page-shell{width:min(100% - 24px,1180px)}}


/* HumachLearn production refinement */
.explore-bottom-nav{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
  gap:1.25rem!important;
}
.explore-bottom-nav>a:nth-child(1){justify-self:start!important;}
.explore-bottom-nav>a:nth-child(2){justify-self:center!important;}
.explore-bottom-nav>a:nth-child(3){justify-self:end!important;}
@media(max-width:720px){
  .explore-bottom-nav{grid-template-columns:1fr!important;gap:.7rem!important;}
  .explore-bottom-nav>a:nth-child(n){justify-self:center!important;width:min(100%,24rem);text-align:center;}
}
/* Model hierarchy: paradigm -> subcategory -> model */
#modelDirectory>.accordion{margin-bottom:1rem;}
#modelDirectory>.accordion>.nested-body{margin-left:1.05rem;padding-left:1.15rem;border-left:2px solid color-mix(in srgb,var(--accent,#4f46e5) 28%,transparent);}
#modelDirectory .nested-accordion{margin:.65rem 0 .85rem .35rem;}
#modelDirectory .nested-accordion>summary{padding-left:.45rem;}
#modelDirectory .nested-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.55rem 0 .5rem 1rem;padding:.3rem 0 .35rem 1rem;border-left:1px dashed color-mix(in srgb,var(--text-muted,#64748b) 36%,transparent);}
#modelDirectory .model-link{min-width:0;align-items:flex-start;}
#modelDirectory .model-link strong,#modelDirectory .model-link small{overflow-wrap:anywhere;word-break:normal;}
/* Course hierarchy: course -> module -> lesson */
.course-outline .course-module,.course-modules .course-module,main .course-module{margin-bottom:1rem;}
.course-module>.course-module-body{margin-left:1.1rem;padding:.5rem 0 .5rem 1.15rem;border-left:2px solid color-mix(in srgb,var(--accent,#4f46e5) 24%,transparent);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
.course-module .course-lesson-link{min-width:0;margin:0!important;}
.course-module .course-lesson-link strong,.course-module .course-lesson-link small{overflow-wrap:anywhere;}
/* Learning Hub hierarchy: workflow stage -> topic -> atomic lesson */
#hubDirectory>.hub-stage>.hub-stage-body{margin-left:1rem;padding:.6rem 0 .6rem 1.15rem;border-left:2px solid color-mix(in srgb,var(--accent,#4f46e5) 26%,transparent);}
#hubDirectory .hub-topic{margin:.55rem 0 .8rem .25rem;}
#hubDirectory .hub-topic-body{margin-left:.9rem;padding:.5rem 0 .45rem 1rem;border-left:1px dashed color-mix(in srgb,var(--text-muted,#64748b) 36%,transparent);}
#hubDirectory .hub-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
#hubDirectory .hub-lesson-link{min-width:0;margin:0!important;}
#hubDirectory .hub-lesson-link strong,#hubDirectory .hub-lesson-link small{overflow-wrap:anywhere;}
@media(max-width:900px){
  #modelDirectory .nested-lessons,.course-module>.course-module-body,#hubDirectory .hub-lessons{grid-template-columns:1fr;}
}
@media(max-width:560px){
  #modelDirectory>.accordion>.nested-body,#hubDirectory>.hub-stage>.hub-stage-body{margin-left:.35rem;padding-left:.7rem;}
  #modelDirectory .nested-lessons,#hubDirectory .hub-topic-body,.course-module>.course-module-body{margin-left:.3rem;padding-left:.65rem;}
}

.compare-taxonomy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0 1rem}.compare-taxonomy span{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel-soft)}.compare-taxonomy b{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}@media(max-width:700px){.compare-taxonomy{grid-template-columns:1fr}}

/* HumachLearn production refinement */
.explore-bottom-nav{width:min(900px,calc(100% - 36px))!important;margin:28px auto 56px!important;padding-left:0!important;padding-right:0!important}
.about-story-grid{align-items:stretch;grid-auto-rows:1fr}.about-story-grid>.section-card{height:100%;display:flex;flex-direction:column;align-self:stretch;margin-top:0!important}.about-story-grid>.section-card .body-copy:last-child{margin-bottom:0}.about-full-card{margin-left:auto;margin-right:auto}.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px}.about-facts>div{background:var(--panel2);padding:16px}.about-facts strong{display:block;color:var(--ink);font-size:1.05rem}.about-facts span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}.about-link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}.footer-column small{display:block;color:var(--muted);margin-top:2px}.footer-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer-meta-row span{font-size:.72rem;border:1px solid var(--line);background:var(--panel2);padding:4px 8px;border-radius:999px}.footer-column a.external:after{content:" ↗";font-size:.75em;color:var(--muted)}
@media(min-width:1060px){.footer-main{grid-template-columns:minmax(300px,1.5fr) repeat(4,minmax(120px,.48fr))!important;gap:34px!important}}
@media(min-width:681px) and (max-width:1059px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-brand-block{grid-column:1/-1}}
@media(max-width:760px){.explore-bottom-nav{width:min(100% - 24px,900px)!important}}
@media(max-width:680px){.about-facts{grid-template-columns:1fr}}

.about-story-grid>.section-card+.section-card{margin-top:0!important}


/* Visual consistency: readable controls and large centered analytical plots */
.range-live-value{display:inline-flex;min-width:3.15rem;justify-content:center;align-items:center;margin:.35rem 0 0 .45rem;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:var(--blue2);color:var(--blue);font-size:.78rem;font-weight:850;line-height:1.45;vertical-align:middle}
.lab-control-bar label:has(input[type="range"]){position:relative}.lab-control-bar input[type="range"]{width:calc(100% - 4.2rem);vertical-align:middle}.lab-plot-grid{grid-template-columns:1fr!important;max-width:100%}.lab-plot-card{width:100%;max-width:100%;margin-inline:auto}.lab-live-plot{height:570px!important;width:100%;margin-inline:auto}.simulation-plot{height:560px;width:100%;margin-inline:auto}.js-plotly-plot,.plot-container,.svg-container{margin-inline:auto!important}.plotly .modebar{right:8px!important}.lab-plot-card .main-svg,.plot-card .main-svg{display:block;margin-inline:auto}.lab-secondary-plot{margin-top:12px}
@media(max-width:900px){.lab-live-plot{height:500px!important}.simulation-plot{height:500px}}
@media(max-width:600px){.lab-live-plot{height:420px!important}.simulation-plot{height:430px}.lab-control-bar input[type="range"]{width:calc(100% - 3.8rem)}}


/* DV1.1.6 — textbook-grade course and exploratory content */
.textbook-section .rich-description{display:grid;gap:.75rem}.dv115-flow{flex-wrap:wrap;align-items:stretch}.dv115-flow .concept-flow-step{min-width:140px;flex:1}.dv115-numbered{display:grid;gap:12px;counter-reset:dvstep;margin:1.2rem 0 0;padding:0;list-style:none}.dv115-numbered li{position:relative;padding:14px 16px 14px 50px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.dv115-numbered li:before{counter-increment:dvstep;content:counter(dvstep);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:800}.dv115-compare>div code{white-space:normal}.dv115-explore-detail{margin-top:1.5rem}.dv115-lab-guide{max-width:1200px;margin-left:auto;margin-right:auto}.lesson-content h3{font-size:1.12rem;font-weight:800;margin-top:.5rem}.textbook-section .concept-flow-step strong{line-height:1.25}.textbook-section .body-copy,.dv115-explore-detail li,.dv115-numbered li{line-height:1.7}@media(max-width:760px){.dv115-flow{display:grid;grid-template-columns:1fr}.dv115-flow .concept-arrow{display:none}.dv115-numbered li{padding-left:48px}}


/* DV1.1.6 — dynamic process explanations, deeper textbook walkthroughs and visual demonstrations */
.dv116-flow-shell{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;gap:14px!important;align-items:start}.dv116-flow-intro{grid-column:1/-1;color:var(--muted);font-size:.9rem;line-height:1.55}.dv116-flow{display:grid!important;gap:9px}.dv116-flow-step{width:100%;text-align:left;cursor:pointer;font:inherit;transition:border-color .16s ease,transform .16s ease,background .16s ease}.dv116-flow-step small{display:block;margin-left:auto;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.dv116-flow-step:hover{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));transform:translateY(-1px)}.dv116-flow-step.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--panel2));box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 10%,transparent)}.dv116-flow-detail{min-height:210px;padding:20px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 7%,var(--panel)),var(--panel));position:sticky;top:96px}.dv116-flow-detail h3{margin:.35rem 0 .65rem}.dv116-flow-check{margin-top:14px;padding:12px 14px;border-left:3px solid var(--cyan);background:var(--panel2);border-radius:0 10px 10px 0;font-size:.88rem;line-height:1.55}.dv116-textbook-depth{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:20px}.dv116-textbook-depth-head{max-width:900px}.dv116-textbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dv116-textbook-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.dv116-textbook-grid article p+ p{margin-top:.65rem}.compact-list{margin-top:.65rem}.dv116-distinction-strip{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--violet) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--violet) 25%,var(--line))}.topic-image-demo{margin:4px 0 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.topic-image-demo img{display:block;width:100%;height:auto}.topic-image-demo figcaption{padding:10px 14px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted);line-height:1.5}.dv116-explore-depth{padding-top:18px;border-top:1px solid var(--line)}.dv116-explore-depth .topic-image-demo{margin-top:18px}.code-wrap code{line-height:1.6}
@media(max-width:900px){.dv116-flow-shell{grid-template-columns:1fr!important}.dv116-flow-detail{position:static;min-height:0}.dv116-textbook-grid{grid-template-columns:1fr}.dv116-distinction-strip{grid-template-columns:1fr}.dv116-flow-step small{display:none}}