@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ws-bg:#f6f7f3;--ws-ink:#142033;--ws-muted:#617084;--ws-panel:#fff;--ws-panel-strong:#f0f4f7;--ws-line:#d9e0e7;--ws-accent:#00a884;--ws-accent-strong:#087e8b;--ws-selected:#d8a126;--text-strong:var(--ws-ink);--text-body:#344053;--text-soft:#3f4a5c;--text-muted:var(--ws-muted);--text-eyebrow:var(--ws-accent-strong);--surface-page:var(--ws-bg);--surface-card:var(--ws-panel);--surface-inset:var(--ws-panel-strong);--border-hairline:var(--ws-line);--interactive:var(--ws-accent);--interactive-strong:var(--ws-accent-strong);--state-active:var(--ws-selected);--wash-accent:#00a88414;--wash-accent-border:#00a88457;--wash-active:linear-gradient(90deg,#00a8842b,#ffcc4d26);--atlas-blue:#3156d9;--atlas-blue-side:#213a95;--atlas-hbm:#2e927f;--atlas-hbm-side:#236f66;--atlas-interposer:#9eb9ee;--atlas-substrate:#16483f;--atlas-cooling:#cbd4df;--atlas-gold:#d8a126;--atlas-copper:#b9682f;--atlas-navy:#243149;--atlas-cache:#657dcc;--atlas-interface:#9b6fa8;--atlas-memory-die:#d7b154;--atlas-logic-die:#c88932;--atlas-panel-fill:#eef4fb;--shadow-package:0 24px 70px #1420331c;--shadow-card:0 16px 36px #17203314;--shadow-block:0 12px 15px #1420331a;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-display:clamp(2.2rem,5vw,4.8rem);--fs-h2:clamp(1.6rem,3vw,3rem);--fs-title:1.05rem;--fs-body:1rem;--fs-detail:.9rem;--fs-small:.82rem;--fs-eyebrow:.72rem;--fw-regular:400;--fw-medium:500;--fw-semibold:700;--fw-bold:800;--fw-black:900;--lh-display:.92;--lh-body:1.55;--lh-snug:1.48;--tracking-eyebrow:.12em;--tracking-label:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--space-8:48px;--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--shell-gap:22px;--shell-padding:22px;--bg:var(--ws-bg);--ink:var(--ws-ink);--muted:var(--ws-muted);--panel:var(--ws-panel);--panel-strong:var(--ws-panel-strong);--line:var(--ws-line);--accent:var(--ws-accent);--accent-strong:var(--ws-accent-strong);--selected:var(--ws-selected);--shadow:var(--shadow-package)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 28% 10%,#00a88421,transparent 31%),linear-gradient(135deg,#fbfcf8 0%,var(--ws-bg)42%,#eaf1f2 100%);color:var(--ws-ink);font-family:var(--font-sans)}button{font:inherit}.app-shell{gap:var(--shell-gap);height:100vh;padding:var(--shell-padding);grid-template-columns:minmax(330px,.66fr) minmax(640px,1.34fr);display:grid;overflow:hidden}.learning-panel,.visual-panel{min-width:0}.learning-panel{max-height:calc(100vh - var(--shell-padding)*2);scrollbar-gutter:stable;align-content:start;gap:16px;padding-right:4px;display:grid;overflow-y:auto}.learning-panel::-webkit-scrollbar{width:10px}.learning-panel::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:#ffffff70}.learning-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#087e8b47;border:2px solid #ffffff9e}.brand-h1{max-width:11ch;font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:var(--lh-display);letter-spacing:-.5px;margin:8px 0 0;font-weight:900}.brand-sub{max-width:52ch;color:var(--ws-muted);font-size:1rem;line-height:var(--lh-body);margin:16px 0 0}.card-h2{margin:0;font-size:1.05rem;font-weight:900}.tree-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tree-minimized{border-radius:var(--radius-sm);background:var(--surface-inset);width:100%;color:var(--ws-ink);cursor:pointer;text-align:left;border:1px solid #087e8b38;gap:4px;margin-top:14px;padding:12px;display:grid}.tree-minimized span{color:var(--ws-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.72rem;font-weight:800}.tree-minimized strong{font-size:.96rem;font-weight:850}.tree-list{gap:7px;margin-top:12px;display:grid}.tree-list ul{gap:7px;margin:7px 0 0;padding:0;list-style:none;display:grid}.tree-list,.tree-list li{list-style:none}.tree-list>ul{margin-top:12px;padding:0}.detail-copy{margin:0}.how-flow{gap:12px;display:grid}.how-flow p,.relationship-group h4,.relationship-link strong,.relationship-link span{margin:0}.relationship-group{gap:7px;display:grid}.relationship-group h4{color:var(--ws-ink);font-size:.78rem;font-weight:850}.relationship-list{gap:6px;display:grid}.relationship-link{border-radius:var(--radius-sm);width:100%;color:var(--ws-ink);cursor:pointer;text-align:left;background:#ffffffad;border:1px solid #087e8b2e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.relationship-link:hover,.relationship-link:focus-visible{background:#00a88414;border-color:#00a8846b;outline:none}.relationship-link strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800;overflow:hidden}.relationship-link span{color:var(--ws-muted);font-size:.7rem;font-weight:800}.visual-panel{border-radius:var(--radius-md);box-shadow:var(--shadow-package);background:linear-gradient(#ffffffdb,#ffffffb3),repeating-linear-gradient(90deg,#17203305 0 1px,#0000 1px 56px),repeating-linear-gradient(0deg,#17203305 0 1px,#0000 1px 56px);border:1px solid #d9e0e7e6;grid-template-rows:auto auto 1fr;gap:14px;padding:18px;display:grid}.visual-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.visual-h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:900;line-height:1}.visual-nav{align-items:center;gap:14px;display:flex}.visual-breadcrumb{color:var(--ws-muted);align-items:center;gap:8px;min-width:0;font-size:.82rem;font-weight:750;display:flex}.visual-breadcrumb strong{color:var(--ws-ink)}.crumb-sep{color:var(--border-hairline)}.diagram-wrap{align-content:center;place-items:center;min-height:0;display:grid;overflow:hidden}.ws-diagram{width:min(100%,1000px);max-height:calc(100vh - 184px)}.ws-region{transition:transform .16s}.ws-region:hover,.ws-region:focus-visible{outline:none}.ws-region:hover polygon,.ws-region:focus-visible polygon{stroke:var(--ws-selected)!important}.ws-region:hover>g[style*=filter],.ws-region:focus-visible>g[style*=filter]{transform:translateY(-2px)}@keyframes wsTsvSignal{0%{opacity:0;transform:translateY(-14px)}35%,70%{opacity:1}to{opacity:0;transform:translateY(40px)}}.ws-tsv-dot{animation:1.8s ease-in-out infinite wsTsvSignal}@media (prefers-reduced-motion:reduce){.ws-region,.ws-region *{transition:none!important}.ws-tsv-dot{opacity:1;animation:none!important}}@media (max-width:1040px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.learning-panel{max-height:none;padding-right:0;overflow:visible}.brand-h1{max-width:100%}.ws-diagram{max-height:none}}@media (max-width:640px){.app-shell,.visual-panel{padding:12px}.visual-header{flex-direction:column;align-items:flex-start}}