/* Shared, content-first surface for the learning catalogue and lab. */
:root{--nev-silver:#eef1f4;--nev-paper:#f8fafb;--nev-card:#fff;--nev-ink:#17212b;--nev-muted:#64717d;--nev-line:#d9e0e5;--nev-accent:#146f73;--nev-top:100px}
body.learning-shell,body[data-surface="catalog"]{color:var(--nev-ink);background:linear-gradient(135deg,#edf0f2 0,#f7f8f8 45%,#e8ecef 100%);color-scheme:light}
body.learning-shell :is(p,small,.hint,.stage-hint,.note),body[data-surface="catalog"] :is(p,small,.hint,.side-note){color:var(--nev-muted)}
body.learning-shell :is(button,input,select,textarea),body[data-surface="catalog"] :is(button,input,select){color:var(--nev-ink);border-color:var(--nev-line);background:var(--nev-paper)}
body.learning-shell button:hover:not(:disabled),body[data-surface="catalog"] button:hover:not(:disabled){border-color:#7ba3a5;color:#0d5d60}
body.nev-site-unified .masthead,body.nev-site-unified>header{display:none}
body.nev-site-unified .workspace,body.nev-site-unified .lab-layout{padding-top:0}
body.nev-site-unified .sidebar,body.nev-site-unified .contents,body.nev-site-unified .experiment-nav,body.nev-site-unified .control-panel{top:var(--nev-top)}

/* Models: bring the query and useful cards into the first screen. */
body[data-surface="catalog"] .workspace{max-width:1640px;grid-template-columns:234px minmax(0,1fr)}
body[data-surface="catalog"] .sidebar,body[data-surface="catalog"] .main{background:transparent}
body[data-surface="catalog"] .sidebar{border-color:var(--nev-line);padding-top:20px;min-height:calc(100svh - var(--nev-top))}
body[data-surface="catalog"] .main{padding:22px 28px 44px}
body[data-surface="catalog"] .domain-hero{display:none}
body[data-surface="catalog"] .breadcrumbs{margin:0 0 12px;color:var(--nev-muted)}
body[data-surface="catalog"] .section-intro{margin-bottom:14px}.model-center-tabs{display:flex;gap:6px;margin:0 0 16px}.model-center-tabs a{padding:8px 12px;border:1px solid var(--nev-line);border-radius:5px;background:#ffffffa8;font-size:12px;color:var(--nev-muted)}.model-center-tabs a[aria-current=page]{color:#0c5f63;border-color:#77a7a6;background:#e4f0ef}
body[data-surface="catalog"] .toolbar,body[data-surface="catalog"] .card,body[data-surface="catalog"] .resume{background:var(--nev-card);border-color:var(--nev-line);box-shadow:0 4px 18px #26374a0a}
body[data-surface="catalog"] .toolbar{padding:10px}.catalog-utilities{margin:0}.collection-label{display:none}body[data-surface="catalog"] .cards{gap:14px}body[data-surface="catalog"] .card{background:var(--nev-card)}body[data-surface="catalog"] .card:hover{background:#fff;border-color:#8eaeb5}body[data-surface="catalog"] .card-open{min-height:210px;padding:16px}body[data-surface="catalog"] .card h2,body[data-surface="catalog"] .card-foot{color:var(--nev-ink)}body[data-surface="catalog"] .card-visual{margin-bottom:13px}body[data-surface="catalog"] .domain{color:#51616e}body[data-surface="catalog"] .domain[aria-pressed=true]{color:#0e6063;background:#e1efee;border-color:#8fb5b2}body[data-surface="catalog"] .search-wrap{background:#fff;border-color:#bdcbd2}body[data-surface="catalog"] .advanced-popover{background:#fff}

/* Course pages: compact intro, stable left-side content retrieval. */
.knowledge-page main{max-width:1600px;padding:20px 28px 42px}.knowledge-page .hero{min-height:0;padding:22px 0;margin:0;border-bottom:1px solid var(--nev-line);background:transparent}.knowledge-page .hero h1{font-size:clamp(25px,3vw,40px);margin:6px 0}.knowledge-page .learning-path{margin:12px 0}.knowledge-page .courses{display:flex;gap:8px;overflow:auto;margin:14px 0}.knowledge-page .course-card{min-width:245px;background:var(--nev-card);border-color:var(--nev-line)}.knowledge-page .course-card img{height:105px;object-fit:cover}.knowledge-page .searchbar{position:sticky;top:calc(var(--nev-top) + 10px);z-index:4;margin:10px 0;padding:10px;border:1px solid var(--nev-line);border-radius:7px;background:#f8fafbeF;backdrop-filter:blur(8px)}.knowledge-page .workspace{grid-template-columns:245px minmax(0,1fr) 270px;gap:14px}.knowledge-page .contents,.knowledge-page #reader,.knowledge-page .related{border:1px solid var(--nev-line);border-radius:8px;background:var(--nev-card);box-shadow:0 4px 18px #26374a0a}.knowledge-page .contents{padding:15px;max-height:calc(100svh - var(--nev-top) - 20px);overflow:auto}.knowledge-page #reader{padding:24px;min-height:520px}.knowledge-page .related{padding:15px}.knowledge-page .outline-link{border-radius:4px}.knowledge-page .outline-link[aria-current=page]{background:#e4f0ef;color:#0d6063}.knowledge-page .portal-link{background:#e8f1f1;border-color:#a9c6c5;color:#155d61}.knowledge-page .model-card{border-color:var(--nev-line);background:#f8fafb}.knowledge-page .result-link{background:#fff;border-color:var(--nev-line)}

/* Lab: the model and curve stay central; side controls can be collapsed. */
.lab-page .coursebar{padding:10px 26px;background:#f8fafb;border-color:var(--nev-line)}.lab-page .lab-layout{max-width:1700px;grid-template-columns:210px minmax(0,1fr) 280px}.lab-page .experiment-nav,.lab-page .control-panel{background:#f7f9fa;border-color:var(--nev-line);max-height:calc(100svh - var(--nev-top));padding:18px 15px}.lab-page main{padding:18px 20px 40px}.lab-page .experiment-heading{margin-bottom:12px}.lab-page .scene-panel,.lab-page .chart-panel,.lab-page .notebook,.lab-page .prediction-panel,.lab-page .energy-panel{background:var(--nev-card);border-color:var(--nev-line);box-shadow:0 4px 18px #26374a0a}.lab-page .scene-panel{background:radial-gradient(ellipse at 50% 45%,#d7e2e5,#273940 98%)}.lab-page #lab-viewport{height:clamp(330px,46vh,520px)}.lab-page .scene-toolbar,.lab-page .explode-control,.lab-page .part-learning{border-color:#cbd6da;background:#f6f9fa;color:#42515c}.lab-page .metric{background:#fff;border-color:var(--nev-line)}.lab-page .metric strong,.lab-page .scene-readouts strong{color:#0f7774}.lab-page .learning-path{margin:0 0 9px}.lab-page .learning-path button{background:#f7f9fa}.lab-page .learning-path [aria-pressed=true]{color:#0e6665;background:#e0eeee;border-color:#78a9a6}.lab-page .lab-side-toggle{display:block;width:100%;margin:0 0 12px;text-align:left}.lab-page .control-panel[data-collapsed=true]>:not(.lab-side-toggle){display:none}.lab-page .control-panel[data-collapsed=true]{overflow:hidden}.lab-page .scene-mode-note{font-size:10px;color:#61717d;white-space:nowrap}.lab-page .scene-toolbar label{color:#53616b}.lab-page .primary{background:#176f70;border-color:#176f70;color:#fff}
@media(max-width:1150px){.knowledge-page .workspace{grid-template-columns:220px minmax(0,1fr)}.knowledge-page .related{grid-column:2}.lab-page .lab-layout{grid-template-columns:180px minmax(0,1fr) 250px}}@media(max-width:850px){.knowledge-page .workspace{grid-template-columns:1fr}.knowledge-page .contents{position:static;max-height:none}.knowledge-page .related{grid-column:auto}.lab-page .lab-layout{grid-template-columns:1fr}.lab-page .experiment-nav{position:static;max-height:none}.lab-page .control-panel{position:static;max-height:none}}@media(max-width:600px){.knowledge-page main,.lab-page main{padding:14px}.knowledge-page .hero{padding:12px 0}.knowledge-page .workspace{display:block}.knowledge-page #reader{padding:18px}.knowledge-page .searchbar{top:10px}.lab-page #lab-viewport{height:320px}.lab-page .coursebar{padding:8px}.model-center-tabs{overflow:auto;white-space:nowrap}body[data-surface="catalog"] .workspace{display:block}body[data-surface="catalog"] .sidebar{position:static;min-height:0}.model-center-tabs{margin-top:8px}}

/* Align this feature layer with the shared site tokens; keep surfaces quiet and rounded. */
:root{--nev-silver:var(--nev-canvas,#dce3ea);--nev-paper:var(--nev-surface,#edf1f5);--nev-card:#e9eff4;--nev-ink:#192b3e;--nev-muted:#5d7183;--nev-line:#8199ad50;--nev-accent:var(--nev-blue,#1479df)}
body.learning-shell,body[data-surface="catalog"]{background:var(--nev-silver);color:var(--nev-ink)}
body[data-surface="catalog"] .toolbar,body[data-surface="catalog"] .card,body[data-surface="catalog"] .resume,body[data-surface="catalog"] .model-center-tabs a{background:#edf2f6;border-color:#b9cad8;border-radius:16px;box-shadow:0 8px 22px #2b42540d}
body[data-surface="catalog"] .search-wrap,body[data-surface="catalog"] .advanced-popover{background:#f3f6f8;border-color:#b9cad8;border-radius:12px}body[data-surface="catalog"] .domain[aria-pressed=true]{color:#0868bf;background:#dceafa;border-color:#82add3}.model-center-tabs a[aria-current=page]{color:#096cc6;border-color:#85afd4;background:#dceafa}
.knowledge-page .course-card,.knowledge-page .contents,.knowledge-page #reader,.knowledge-page .related,.knowledge-page .result-link{background:#edf2f6;border-color:#b9cad8;border-radius:16px}.knowledge-page .searchbar{background:#edf2f6eb;border-color:#b9cad8;border-radius:16px}.knowledge-page .outline-link[aria-current=page],.knowledge-page .portal-link{background:#dceafa;color:#096cc6;border-color:#92b7d8;border-radius:12px}
.lab-page .coursebar,.lab-page .experiment-nav,.lab-page .control-panel{background:#edf2f6;border-color:#b9cad8}.lab-page .scene-panel,.lab-page .chart-panel,.lab-page .notebook,.lab-page .prediction-panel,.lab-page .energy-panel,.lab-page .metric{background:#edf2f6;border-color:#b9cad8;border-radius:16px}.lab-page .scene-toolbar,.lab-page .explode-control,.lab-page .part-learning{background:#e5edf3;border-color:#b9cad8}.lab-page .learning-path [aria-pressed=true]{color:#096cc6;background:#dceafa;border-color:#85afd4}.lab-page .primary{background:var(--nev-blue,#1479df);border-color:var(--nev-blue,#1479df);color:#fff}.lab-page .primary:hover:not(:disabled){background:#0e67bb;color:#fff}.lab-page .coursebar #teaching-mode{margin-left:auto;border-radius:12px;background:#e6eef5;color:#31546e}
@media(min-width:851px){.lab-page.lab-controls-collapsed .lab-layout{grid-template-columns:210px minmax(0,1fr) 52px}.lab-page.lab-controls-collapsed .control-panel{padding:10px 7px}.lab-page.lab-controls-collapsed .lab-side-toggle{writing-mode:vertical-rl;height:170px;white-space:nowrap}.lab-page.lab-controls-collapsed .control-panel[data-collapsed=true]>:not(.lab-side-toggle){display:none}}

/* Compact desktop course landing: make the current lesson readable in the first viewport. */
body.nev-site-unified.knowledge-page>main{max-width:1600px!important;margin:0 auto!important;padding:0 28px 36px!important}
body.nev-site-unified.knowledge-page .hero{min-height:90px!important;height:90px!important;padding:12px 0!important;margin:0!important;align-items:center!important;border:0!important}
body.nev-site-unified.knowledge-page .hero .eyebrow{font-size:9px!important;line-height:1.25!important}
body.nev-site-unified.knowledge-page .hero h1{margin:3px 0!important;font-size:clamp(26px,2.25vw,32px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
body.nev-site-unified.knowledge-page .hero p{font-size:12px!important;line-height:1.4!important}
body.nev-site-unified.knowledge-page .hero .stats{display:none!important}
body.nev-site-unified.knowledge-page main>.learning-path{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.nev-site-unified.knowledge-page .learning-path span{display:inline!important;min-height:0!important;padding:0!important;background:transparent!important;color:#64788b!important;font-size:10px!important;white-space:nowrap!important}
body.nev-site-unified.knowledge-page .learning-path i{display:inline!important;color:var(--nev-blue,#1479df)!important;font-size:12px!important}
body.nev-site-unified.knowledge-page .courses{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 8px!important;overflow:visible!important}
body.nev-site-unified.knowledge-page .course-card{min-width:0!important;min-height:80px!important;height:80px!important;padding:11px 14px!important;border:1px solid #b9cad8!important;border-radius:14px!important;background:#e9eff4!important;box-shadow:none!important}
body.nev-site-unified.knowledge-page .course-card::after{background:linear-gradient(90deg,#e9eff4 42%,#e9eff4cc 61%,#e9eff400)!important}
body.nev-site-unified.knowledge-page .course-card img{width:42%!important;height:80px!important;opacity:.72!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 42%)!important}
body.nev-site-unified.knowledge-page .course-card .tag{font-size:8px!important;letter-spacing:.1em!important}
body.nev-site-unified.knowledge-page .course-card .course-no{font-size:14px!important}
body.nev-site-unified.knowledge-page .course-card strong{max-width:62%!important;margin:4px 0 2px!important;font-size:14px!important;line-height:1.25!important}
body.nev-site-unified.knowledge-page .course-card small{max-width:62%!important;font-size:9px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.nev-site-unified.knowledge-page .course-card[aria-pressed=true]{background:#e4effb!important;box-shadow:inset 3px 0 var(--nev-blue,#1479df)!important}
body.nev-site-unified.knowledge-page .course-card[aria-pressed=true]::before{display:none!important}
body.nev-site-unified.knowledge-page .searchbar{position:relative!important;top:auto!important;z-index:auto!important;display:flex!important;height:46px!important;margin:0 0 8px!important;padding:6px 10px!important;border:1px solid #b9cad8!important;border-radius:14px!important;background:#e9eff4!important;box-shadow:none!important}
body.nev-site-unified.knowledge-page .searchbar input[type=search]{height:32px!important;padding-top:7px!important;padding-bottom:7px!important;background:#f1f5f8!important}
body.nev-site-unified.knowledge-page .workspace{display:grid!important;grid-template-columns:220px minmax(0,1fr) 248px!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;align-items:start!important}
body.nev-site-unified.knowledge-page .contents,body.nev-site-unified.knowledge-page #reader,body.nev-site-unified.knowledge-page .related{border:1px solid #b9cad8!important;border-radius:16px!important;background:#e9eff4!important;box-shadow:none!important}
body.nev-site-unified.knowledge-page .contents{position:sticky!important;top:calc(var(--nev-top) + 10px)!important;max-height:calc(100svh - var(--nev-top) - 20px)!important;padding:14px 10px!important}
body.nev-site-unified.knowledge-page #reader{min-height:520px!important;padding:19px 22px!important}
body.nev-site-unified.knowledge-page .related{position:sticky!important;top:calc(var(--nev-top) + 10px)!important;max-height:calc(100svh - var(--nev-top) - 20px)!important;overflow:auto!important;padding:14px!important}

body.nev-site-unified[data-surface="catalog"] .workspace{padding-top:0!important}body.nev-site-unified[data-surface="catalog"] .main{padding-top:18px!important}body.nev-site-unified[data-surface="catalog"] .toolbar,body.nev-site-unified[data-surface="catalog"] .card{border-radius:16px!important}
body.nev-site-unified.lab-page .lab-layout{padding-top:0!important}body.nev-site-unified.lab-page .experiment-nav,body.nev-site-unified.lab-page .control-panel{top:var(--nev-top)!important}body.nev-site-unified.lab-page .scene-panel,body.nev-site-unified.lab-page .chart-panel,body.nev-site-unified.lab-page .notebook{border-radius:16px!important}
body.nev-site-unified.lab-page :is(.metric strong,.scene-readouts strong,.input-label span,.flow-nodes output){color:var(--nev-blue,#1479df)!important}body.nev-site-unified.lab-page :is(.learning-path [aria-pressed=true],#part-targets [aria-pressed=true],.experiment-nav nav [aria-current=true]){color:#096cc6!important;border-color:#85afd4!important;background:#dceafa!important}
@media(max-width:1180px){body.nev-site-unified.knowledge-page .workspace{grid-template-columns:210px minmax(0,1fr)!important}body.nev-site-unified.knowledge-page .related{position:static!important;grid-column:2;max-height:none!important}}@media(max-width:700px){body.nev-site-unified.knowledge-page>main{padding:0 14px 28px!important}body.nev-site-unified.knowledge-page .hero{height:auto!important;min-height:76px!important}body.nev-site-unified.knowledge-page .courses{grid-template-columns:1fr!important}.knowledge-page .course-card{height:80px!important}.knowledge-page .workspace{display:block!important}.knowledge-page .contents,.knowledge-page .related{position:static!important;max-height:none!important;margin-bottom:12px}.knowledge-page .learning-path{overflow:auto!important}}

@media(max-width:700px){body.nev-site-unified.knowledge-page .course-card{height:80px!important}body.nev-site-unified.knowledge-page .workspace{display:block!important;grid-template-columns:none!important;gap:0!important}body.nev-site-unified.knowledge-page .contents,body.nev-site-unified.knowledge-page .related{position:static!important;grid-column:auto!important;max-height:none!important;margin:0 0 12px!important}body.nev-site-unified.knowledge-page #reader{min-height:0!important;margin:0 0 12px!important}}

/* Dark 3D stage guidance remains legible against the live canvas. */
body.nev-site-unified.lab-page #lab-viewport .viewport-caption{color:#e1eaf3!important;background:linear-gradient(0deg,#202c3ee0,transparent)!important;padding:16px 14px 10px!important}body.nev-site-unified.lab-page #lab-viewport .viewport-caption span{color:#e1eaf3!important}
body.nev-site-unified.knowledge-page .knowledge-outline-toggle{display:none}
@media(max-width:700px){body.nev-site-unified.knowledge-page .searchbar{height:auto!important;min-height:46px!important;gap:6px!important}body.nev-site-unified.knowledge-page .searchbar input{width:100%!important}body.nev-site-unified.knowledge-page .knowledge-outline-toggle{display:block;width:100%;margin-bottom:10px;padding:10px 12px;color:#165b92;background:#dce9f5;border:1px solid #a5bfd5;border-radius:10px;text-align:left}body.nev-site-unified.knowledge-page:not(.knowledge-outline-open) #outline{display:none!important}}
