:root{color-scheme:light;--paper: #F2F1EE;--panel: #FFFFFF;--panel-strong: #FFFFFF;--control: #ECEAE6;--control-hover: #E2E0DB;--ink: #1A1A18;--muted: #57544E;--caption: #6E6A63;--line: #DAD7D1;--line-strong: #C4C0B8;--graphite: #2A2823;--accent: #E8501E;--accent-press: #C53F12;--accent-tint: #FCEDE6;--focus: var(--accent);--accent-dark: #C53F12;--accent-soft: #FCEDE6;--diagram-accent:#E8501E;--court-paper: #F7F6F3;--court-line: #3f4348;--shadow: none;--shadow-pop: 0 1px 2px rgba(26,26,24,.08), 0 4px 12px -4px rgba(26,26,24,.1);--shadow-float: 0 1px 2px rgba(26,26,24,.06), 0 8px 24px -8px rgba(26,26,24,.12);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--r-sm: 3px;--r-md: 4px;--container: 1080px;--container-narrow: 720px;--measure: 68ch;--page-x: clamp(20px, 4vw, 48px);--gutter: var(--s-4);--font-display: "Inter Tight", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-text: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-snap: cubic-bezier(.2, 0, 0, 1);--ease-settle: cubic-bezier(.32, .72, 0, 1);--dur-1: .11s;--dur-2: .16s;--dur-3: .22s;--dur-4: .28s;font-family:var(--font-text);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--paper);color:var(--ink)}@media(prefers-color-scheme:dark){:root{--paper: #121211;--panel: #1B1B19;--panel-strong: #222220;--control: #26251F;--control-hover: #302E27;--ink: #F2F1EE;--muted: #B2AEA5;--caption: #8C8880;--line: #2E2C27;--line-strong: #3A372F;--graphite: #0C0C0B;--accent: #FF6A3D;--accent-press: #FF7A50;--accent-tint: #2A1A12;--accent-dark: #FF7A50;--accent-soft: #2A1A12;--diagram-accent: #FF6A3D;--court-paper: #17181A;--court-line: #5A5E5C}}html{scroll-behavior:smooth}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;background:var(--paper)}button,input,select{font:inherit}button{color:inherit}.content-load-state{display:grid;min-height:100vh;place-content:center;gap:10px;padding:24px;text-align:center}.content-load-state .load-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 8px;border:1px solid var(--ink);background:var(--panel);color:var(--accent-dark);font-weight:500}.content-load-state p{margin:0;color:var(--muted);font-size:.75rem;font-weight:500;text-transform:uppercase}.content-load-state h1{font-size:clamp(2rem,8vw,4rem)}.content-load-state span{color:var(--muted);line-height:1.45}.brand-logo{width:56px;height:56px;background:var(--panel-strong);border-radius:var(--r-md)}.brand-logo rect,.brand-logo path{fill:none;stroke-linecap:square;stroke-linejoin:miter}.brand-logo rect{stroke:var(--ink);stroke-width:3}.brand-logo path{stroke:var(--accent-dark);stroke-width:3.8}.eyebrow,.rail-title{margin:0 0 var(--s-2);color:var(--caption);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.09em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(1.75rem,3.2vw,2.25rem);line-height:1.1;letter-spacing:-.018em}h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.012em;max-width:28ch}h3{font-size:1.125rem;letter-spacing:-.006em}.related-list{display:grid;gap:6px}.language-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto 10px;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:var(--control);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.language-kicker{color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.language-current{min-width:0;overflow:hidden;color:var(--ink);font-size:.9rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.language-code{display:inline-grid;place-items:center;min-width:28px;height:24px;border:1px solid var(--line);border-radius:4px;background:var(--panel-strong);color:var(--accent-dark);font-family:var(--font-mono);font-size:.7rem;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease}.language-chevron{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;color:var(--muted);transform:translateY(-2px) rotate(45deg);transition:color .16s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.language-trigger:hover,.language-trigger:focus-visible{border-color:var(--accent);background:var(--control-hover);outline:none}.language-trigger:hover{transform:translateY(-1px)}.language-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--panel-strong)}.language-trigger[aria-expanded=true] .language-code{border-color:var(--accent);background:var(--ink);color:var(--panel-strong)}.language-trigger[aria-expanded=true] .language-chevron{color:var(--ink);transform:translateY(2px) rotate(225deg)}.language-menu{position:absolute;top:calc(100% + 8px);left:0;display:grid;width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);overflow:hidden;transform-origin:top center;animation:language-menu-reveal var(--dur-2) var(--ease-settle) both}.language-menu button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:38px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 8px;cursor:pointer;text-align:left;font-weight:500;animation:language-option-reveal var(--dur-2) var(--ease-settle) both;transition:background .14s ease,color .14s ease,padding-left .14s ease}.language-menu button:nth-child(2){animation-delay:24ms}.language-menu button:nth-child(3){animation-delay:48ms}.language-menu button:nth-child(4){animation-delay:72ms}.language-menu button:nth-child(5){animation-delay:96ms}.language-menu button:nth-child(6){animation-delay:.12s}.language-menu button:last-child{border-bottom:0}.language-menu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-menu button strong{display:inline-grid;place-items:center;min-width:28px;height:22px;border:1px solid var(--line);border-radius:4px;color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:600;transition:border-color .14s ease,color .14s ease}.language-menu button:hover,.language-menu button:focus-visible{background:var(--control);color:var(--accent-dark);padding-left:12px;outline:none}.language-menu button.is-active{background:var(--ink);color:var(--panel-strong)}.language-menu button.is-active strong{border-color:color-mix(in srgb,var(--panel-strong) 40%,transparent);color:var(--panel-strong)}@keyframes language-menu-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes language-option-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.result-card,.related-list button{border:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.virtual-results-spacer{position:relative;width:100%}.result-card small{color:inherit;opacity:.74}.search-panel{position:relative;border:1px solid var(--line-strong);background:var(--panel);border-radius:var(--r-md);box-shadow:none;overflow:visible;transition:border-color var(--dur-1) var(--ease-snap),box-shadow var(--dur-1) var(--ease-snap)}.search-panel:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.browse-command-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:stretch;min-height:44px}.search-box{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:var(--s-2);min-height:44px;padding:var(--s-2) var(--s-3)}.search-box .search-glyph{display:grid;place-items:center;color:var(--caption)}.search-box input{width:100%;border:0;outline:0;padding:0;background:transparent;font-family:var(--font-text);font-size:1rem;font-weight:400}.results-toggle{display:grid;grid-template-columns:auto auto;gap:var(--s-2);align-items:baseline;border:0;background:transparent;color:var(--muted);padding:0 var(--s-2);cursor:pointer}.results-toggle span{color:var(--accent-press);font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-size:.6875rem;font-weight:500;letter-spacing:.04em}.results-toggle strong{color:var(--muted);font-size:.875rem;font-weight:500}.results-toggle:hover,.results-toggle:focus-visible,.results-toggle.is-open{color:var(--ink);outline:none}kbd{justify-self:center;border:1px solid var(--line);border-radius:4px;padding:2px 7px;background:var(--control);font-family:var(--font-mono);font-size:.68rem;font-weight:500}.recent-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.recent-row span{color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.recent-row button{border:1px solid var(--line);border-radius:4px;background:var(--panel-strong);padding:4px 8px;cursor:pointer;min-height:36px}.results-heading,.strip-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:transparent}.search-results-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:22;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);box-shadow:none;overflow:hidden;animation:browse-results-reveal var(--dur-3) var(--ease-settle) both}.results-heading .rail-title,.strip-heading .rail-title{margin:0}.results-heading span,.strip-heading span{color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.search-results{max-height:min(430px,calc(100vh - 220px));overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel)}@keyframes browse-results-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.virtual-result-row{position:absolute;top:0;left:0;display:grid;grid-template-columns:repeat(var(--result-columns),minmax(0,1fr));width:100%}.result-card{display:grid;gap:6px;min-height:132px;padding:12px;border-width:0 1px 1px 0;background:var(--panel-strong)}.result-card:hover{outline:1px solid var(--accent);outline-offset:-1px}.result-card.is-active{outline:1px solid var(--ink);outline-offset:-1px}.result-card strong{font-size:1rem;font-weight:500}.result-card span{color:var(--muted);font-family:var(--font-text);font-size:.96rem;line-height:1.45}.search-results::-webkit-scrollbar{width:10px;height:10px}.search-results::-webkit-scrollbar-track{background:var(--panel);border-left:1px solid var(--line)}.search-results::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--panel)}.concept-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.concept-layout.no-diagram-layout{grid-template-columns:minmax(0,1fr) 320px}.concept-page,.comparison-block{border:1px solid var(--line);background:var(--panel-strong);border-radius:var(--r-md);box-shadow:none;overflow:hidden}.concept-page{min-width:0;padding:clamp(20px,4vw,48px)}.return-context-bar{display:block;width:100%;min-height:40px;margin:calc(var(--page-x) * -1) calc(var(--page-x) * -1) var(--s-5);border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);padding:var(--s-2) var(--page-x);cursor:pointer;text-align:left;font-weight:500}.return-context-bar:hover,.return-context-bar:focus-visible{background:var(--control);color:var(--ink);outline:none}.concept-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.concept-kicker span{border:0;border-right:1px solid var(--line);padding:0 8px 0 0;background:transparent;color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.concept-title-row{display:grid;grid-template-columns:1fr auto;gap:20px}.concept-title-row p{max-width:var(--measure);color:var(--muted);font-family:var(--font-text);font-size:clamp(1.125rem,1.6vw,1.3125rem);font-style:normal;font-weight:400;line-height:1.45;letter-spacing:-.006em}.title-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:var(--panel-strong);cursor:pointer;font-weight:500}.icon-button.is-active{background:var(--ink);color:var(--panel-strong)}.icon-button svg{display:block}.copy-link-action{position:relative;display:flex}.copy-feedback{position:absolute;top:calc(100% + 6px);right:0;padding:3px 8px;border-radius:4px;background:var(--ink);color:var(--panel-strong);font-size:.62rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;pointer-events:none;animation:copyFeedbackIn var(--dur-3) var(--ease-settle)}@keyframes copyFeedbackIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.tag-row.compact{margin:0}.tag-chip{border:1px solid var(--line);border-radius:4px;padding:4px 7px;background:transparent;color:var(--graphite);font-family:var(--font-mono);font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.tab-row{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px calc(clamp(20px,4vw,48px)*-1) 24px}.tab-row button{flex:1 1 120px;min-height:42px;border:0;border-right:1px solid var(--line);background:var(--control);cursor:pointer;font-weight:500}.tab-row button.is-active{background:var(--ink);color:var(--panel-strong)}.content-grid{display:grid;grid-template-columns:1fr;gap:0;counter-reset:concept-section}.content-section{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);background:transparent;padding:18px 0;counter-increment:concept-section}.content-section:before{content:counter(concept-section,decimal-leading-zero);color:var(--muted);font-family:var(--font-mono);font-size:.78rem;font-weight:500;line-height:1.2;letter-spacing:.04em}.content-section h3{grid-column:2;margin-bottom:var(--s-3)}.content-section ul{grid-column:2;display:grid;gap:9px;margin:0;padding-left:0;list-style-position:inside}.content-section li{max-width:var(--measure);color:var(--ink);font-family:var(--font-text);font-size:1rem;line-height:1.6}.content-section p{max-width:var(--measure)}.source-note{display:grid;gap:6px;margin-top:24px;padding-top:12px;border-top:1px solid var(--line);color:var(--caption);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.source-note a,.source-card a{color:var(--accent-dark);text-decoration:none}.source-note a:hover,.source-card a:hover{text-decoration:underline}.right-rail{position:sticky;top:18px;display:grid;gap:14px}.diagram-card,.rail-card{border:1px solid var(--line-strong);background:var(--panel);border-radius:var(--r-md);box-shadow:none;overflow:hidden}.diagram-card{padding:var(--s-3)}.diagram-head{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:10px}.diagram-head span{align-self:start;border:1px solid var(--line);border-radius:4px;padding:3px 7px;background:var(--control);font-family:var(--font-mono);font-size:.68rem;font-weight:500}.court{display:block;width:100%;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:4px 4px 0 0;background:var(--court-paper)}.court-fill{fill:var(--court-paper)}.court-line{fill:none;stroke:var(--court-line);stroke-width:.6}.baseline{stroke-width:1}.arc{stroke:var(--court-line)}.player-dot{stroke:var(--ink);stroke-width:.8}.player-dot.offense{fill:#fff}.player-dot.defense{fill:var(--graphite)}.ball-dot{fill:var(--diagram-accent);stroke:var(--ink);stroke-width:.5}.player-node{transform-box:fill-box;transform-origin:center}.player-label{fill:var(--ink);font-size:4px;font-family:var(--font-mono);font-weight:500;text-anchor:middle;dominant-baseline:middle}.player-dot.defense+.player-label{fill:#fff}.diagram-arrow,.diagram-screen line{stroke-width:1.4;fill:none;stroke:var(--diagram-accent);stroke-linecap:round;stroke-linejoin:round}.diagram-arrow.movement{stroke-dasharray:none}.diagram-arrow.pass{stroke-dasharray:3 2}.diagram-arrow.dribble{stroke-dasharray:none}.diagram-screen line{stroke-width:1.8}.marker-fill{fill:var(--diagram-accent)}.diagram-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid var(--line);border-top:0;padding:8px;background:var(--control)}.legend-item{display:grid;grid-template-columns:48px 1fr;column-gap:6px;align-items:center;min-width:0}.legend-item svg{width:48px;height:18px}.legend-item span{color:var(--ink);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.diagram-note{border:1px solid var(--line);border-top:0;padding:10px;background:var(--control)}.diagram-note strong{font-weight:500}.diagram-note p{margin:6px 0 0;color:var(--muted);font-family:var(--font-text);line-height:1.45}.diagram-timeline{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:start;margin-top:10px}.timeline-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:4px;background:var(--panel-strong);color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-size:.74rem;font-weight:500}.timeline-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}.timeline-toggle:disabled{color:var(--caption);cursor:default}.timeline-track{display:grid;gap:6px;min-width:0;padding-top:2px}.timeline-track input[type=range]{width:100%;height:14px;margin:0;appearance:none;background:transparent;cursor:pointer}.timeline-track input[type=range]:disabled{cursor:default}.timeline-track input[type=range]::-webkit-slider-runnable-track{height:8px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--diagram-progress),var(--paper) var(--diagram-progress) 100%)}.timeline-track input[type=range]::-moz-range-track{height:8px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--diagram-progress),var(--paper) var(--diagram-progress) 100%)}.timeline-track input[type=range]::-webkit-slider-thumb{width:12px;height:18px;margin-top:-6px;appearance:none;border:1px solid var(--ink);border-radius:999px;background:var(--panel-strong)}.timeline-track input[type=range]::-moz-range-thumb{width:12px;height:18px;border:1px solid var(--ink);border-radius:999px;background:var(--panel-strong)}.timeline-stages{display:grid;grid-template-columns:repeat(var(--step-count, 2),minmax(0,1fr));gap:4px}.timeline-stage{min-width:0;height:18px;border:1px solid var(--line);border-radius:4px;background:var(--control);color:var(--caption);font-family:var(--font-mono);font-size:.62rem;font-weight:500}.timeline-stage.is-active{border-color:var(--accent);color:var(--accent-dark)}.empty-court{display:grid;place-items:center;min-height:240px;border:1px dashed var(--line);color:var(--muted);font-weight:500;text-transform:uppercase}.inline-diagram{max-width:680px}.inline-diagram .diagram-card{box-shadow:none}.rail-card{padding:12px}.study-map-card h3{margin-bottom:12px;font-size:1.1rem;line-height:1.15}.study-map-list{display:grid;border-top:1px solid var(--line)}.study-map-list button{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 0;text-align:left;cursor:pointer}.study-map-list button:hover,.study-map-list button:focus-visible{color:var(--accent-dark);outline:none}.study-map-list button.is-active{color:var(--ink);background:var(--accent-soft)}.study-map-list span,.study-map-list small,.source-card dt,.source-card dd{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.study-map-list span,.study-map-list small,.source-card dt{color:var(--caption)}.study-map-list strong{font-size:.9rem;font-weight:500}.study-map-list small{padding-right:8px}.source-card dl{display:grid;gap:10px;margin:0}.source-card div{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}.source-card dd{margin:0;color:var(--ink);overflow-wrap:anywhere;text-transform:none}.related-list button{position:relative;display:grid;gap:var(--s-1);padding:var(--s-3) var(--s-4);border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;transition:color var(--dur-1) var(--ease-snap)}.related-list button:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;border-radius:0;background:var(--line);transition:background var(--dur-1) var(--ease-snap)}.related-list button:hover,.related-list button:focus-visible{color:var(--ink);outline:none}.related-list button:hover:before,.related-list button:focus-visible:before{background:var(--accent)}.related-list strong{font-weight:500}.related-list span{color:var(--caption);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em}.comparison-block{margin-top:18px;padding:20px}.learn-mode{display:grid;gap:18px;animation:page-enter var(--dur-3) var(--ease-settle) both}.concept-layout,.contact-page{animation:page-enter var(--dur-3) var(--ease-settle) both}@keyframes page-enter{0%{opacity:0}to{opacity:1}}.learn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:stretch}.learn-hero>div:first-child{display:grid;align-content:center;min-height:220px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);padding:clamp(22px,4vw,44px)}.learn-hero h2{font-size:clamp(2.75rem,6vw,3.75rem);line-height:1.04;font-weight:700;letter-spacing:-.022em}.learn-hero p:not(.eyebrow){max-width:760px;color:var(--muted);font-family:var(--font-text);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.learn-progress-card{display:grid;align-content:start;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);padding:18px;min-height:220px}.learn-progress-card strong{font-size:clamp(3rem,7vw,5rem);font-weight:500;letter-spacing:-.02em}.learn-progress-card span,.learn-progress-card small,.learn-session-kicker span,.learn-week-head span,.learn-session-button span,.learn-session-status,.learn-task label span{color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.learn-progress-card button,.learn-session-nav button,.learn-task-actions button{min-height:40px;border:1px solid var(--line);border-radius:4px;background:var(--panel-strong);color:var(--ink);cursor:pointer;font-weight:500}.learn-progress-card button{margin-top:6px;background:var(--ink);color:var(--panel-strong)}.learn-progress-card button:hover,.learn-progress-card button:focus-visible,.learn-session-nav button:hover:not(:disabled),.learn-session-nav button:focus-visible:not(:disabled),.learn-task-actions button:hover,.learn-task-actions button:focus-visible{border-color:var(--accent);background:var(--control);color:var(--accent-dark);outline:none}.learn-progress-card button:hover,.learn-progress-card button:focus-visible{background:var(--accent-dark);color:var(--panel-strong)}.learn-progress-card button:disabled{border-color:var(--line);background:var(--control);color:var(--caption);cursor:default}.learn-progress-bar{height:10px;border:1px solid var(--line);border-radius:999px;background:var(--control);overflow:hidden}.learn-progress-bar span{display:block;height:100%;background:var(--accent)}.learn-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}.learn-outline,.learn-session-panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);overflow:hidden;transition:border-color .16s ease}.learn-outline:hover,.learn-session-panel:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}.learn-outline{position:sticky;top:18px}.learn-week-list{max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel)}.learn-week{border-bottom:1px solid var(--line)}.learn-week-head{display:grid;gap:4px;padding:12px;background:var(--control);border-bottom:1px solid var(--line)}.learn-week-head strong{font-weight:500}.learn-session-list{display:grid}.learn-session-button{display:grid;gap:4px;min-height:56px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 12px;text-align:left;cursor:pointer}.learn-session-button:hover,.learn-session-button:focus-visible{background:var(--control);outline:none}.learn-session-button.is-active{background:var(--accent-soft)}.learn-session-button.is-complete span,.learn-week.is-complete .learn-week-head span{color:var(--accent-dark)}.learn-session-button strong{font-size:.92rem;font-weight:500;line-height:1.25}.learn-session-panel{min-width:0}.learn-session-kicker{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--control)}.learn-session-kicker span{border-right:1px solid var(--line);padding-right:8px}.learn-session-kicker span:last-child{border-right:0}.learn-session-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:clamp(18px,3vw,30px);border-bottom:1px solid var(--line)}.learn-session-title h3{font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.02em}.learn-session-title p:not(.rail-title){max-width:760px;color:var(--muted);font-family:var(--font-text);font-size:1.1rem;line-height:1.45}.learn-session-status{border:1px solid var(--line);border-radius:4px;padding:6px 8px;background:var(--panel-strong);white-space:nowrap}.learn-session-status.is-complete{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.learn-task-list{display:grid}.learn-task{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:18px;border-bottom:1px solid var(--line);background:transparent}.learn-task.is-complete{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}.learn-task label{display:flex;gap:8px;align-items:center;min-width:0;cursor:pointer}.learn-task input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-dark)}.learn-task h4{margin:0;font-size:1.05rem;font-weight:500}.learn-task p,.learn-checkpoint li,.learn-checkpoint p{color:#30343a;font-family:var(--font-text);font-size:1.02rem;line-height:1.5}.learn-task p{margin:6px 0 0}.learn-task-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.learn-task-actions button{min-height:44px;padding:6px 9px;font-size:.82rem}.learn-checkpoint{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line)}.learn-checkpoint>div{min-width:0;padding:18px;border-right:1px solid var(--line)}.learn-checkpoint>div:last-child{border-right:0}.learn-checkpoint ol,.learn-checkpoint ul{display:grid;gap:8px;margin:0;padding-left:20px}.learn-checkpoint p{margin:0}.learn-session-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:var(--control)}.learn-session-nav button:disabled{color:var(--caption);cursor:default}.contact-page{display:grid;gap:18px}.contact-hero{min-height:250px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);padding:clamp(24px,5vw,54px)}.contact-hero h2{max-width:720px}.contact-hero p:not(.eyebrow){max-width:760px;color:var(--muted);font-family:var(--font-text);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.5}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:start}.contact-form,.contact-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong)}.contact-form{display:grid;gap:16px;padding:18px}.contact-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-field{display:grid;gap:7px}.contact-field label{color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--control);color:var(--ink);padding:10px 11px;font-weight:500}.contact-field textarea{min-height:180px;resize:vertical;line-height:1.45}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--accent);background:var(--panel-strong);outline:none}.contact-form button{min-height:44px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--panel-strong);cursor:pointer;font-weight:500}.contact-form button:hover,.contact-form button:focus-visible{border-color:var(--accent-dark);background:var(--accent-dark);outline:none}.contact-card{display:grid;gap:10px;padding:16px}.contact-card a{color:var(--ink);font-size:1.08rem;font-weight:500;overflow-wrap:anywhere;text-decoration:none}.contact-card a:hover,.contact-card a:focus-visible{color:var(--accent-dark);text-decoration:underline;outline:none}.contact-card span{color:var(--muted);font-family:var(--font-text);line-height:1.45}.section-heading{margin-bottom:16px}.section-heading h2{font-size:clamp(1.7rem,3vw,3rem)}.table-grid{display:grid;gap:14px}.table-card{overflow:auto;border-top:1px solid var(--line);background:transparent}.table-card h3{padding:12px}table{width:100%;border-collapse:collapse;min-width:640px}th,td{border-top:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--control);color:var(--ink);font-family:var(--font-mono);font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}td{color:#30343a;font-family:var(--font-text);line-height:1.45}td:first-child{color:var(--accent-dark);font-weight:600}.help-button{position:fixed;right:18px;bottom:18px;z-index:20;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);box-shadow:none;color:var(--ink);cursor:pointer;font-size:1.25rem;font-weight:500}.help-button:hover{background:var(--ink);color:var(--panel-strong)}.quickstart-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#1414146b}.quickstart-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);max-height:min(760px,calc(100vh - 36px));max-height:min(760px,calc(100dvh - 36px));border:1px solid var(--line);background:var(--panel-strong);border-radius:var(--r-md);box-shadow:none;overflow:hidden}.quickstart-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;padding:20px;border-bottom:1px solid var(--line)}.quickstart-head h2{font-size:clamp(2rem,5vw,3.7rem)}.quickstart-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel)}.quickstart-body::-webkit-scrollbar{width:10px}.quickstart-body::-webkit-scrollbar-track{background:var(--panel);border-left:1px solid var(--line)}.quickstart-body::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--panel)}.quickstart-intro{margin:0;padding:18px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-text);font-size:1rem;line-height:1.5}.quickstart-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quickstart-step{display:grid;grid-template-columns:42px 1fr;gap:12px;min-width:0;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.quickstart-step span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:4px;background:var(--control);color:var(--caption);font-family:var(--font-mono);font-weight:500}.quickstart-step p{margin:8px 0 0;color:var(--muted);font-family:var(--font-text);line-height:1.42}.quickstart-primary{width:100%;min-height:44px;flex:0 0 auto;border:0;background:var(--accent-press);color:#fff;cursor:pointer;font-family:var(--font-display);font-weight:600;letter-spacing:-.003em;transition:background-color var(--dur-1) var(--ease-snap)}.quickstart-primary:hover,.quickstart-primary:focus-visible{background:var(--accent)}@media(max-width:1180px){.concept-layout,.concept-layout.no-diagram-layout{grid-template-columns:1fr}.right-rail{position:static;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.learn-hero,.learn-grid,.contact-grid{grid-template-columns:1fr}.learn-outline{position:static}.learn-week-list{max-height:420px}.learn-checkpoint{grid-template-columns:1fr}.learn-checkpoint>div{border-right:0;border-bottom:1px solid var(--line)}.learn-checkpoint>div:last-child{border-bottom:0}}@media(max-width:820px){.browse-command-row{grid-template-columns:1fr}.results-toggle{min-height:44px;border-top:1px solid var(--line);border-left:0;justify-content:start}.content-grid,.right-rail{grid-template-columns:1fr}.search-results{grid-template-columns:1fr;max-height:420px}.concept-title-row{grid-template-columns:1fr}.tab-row{margin-left:calc(clamp(20px,4vw,48px)*-1);margin-right:calc(clamp(20px,4vw,48px)*-1)}.quickstart-steps{grid-template-columns:1fr}.concept-page,.comparison-block{padding:16px}.diagram-card,.rail-card{padding:10px}.learn-hero>div:first-child{min-height:190px}.learn-task{grid-template-columns:1fr;gap:10px}.learn-session-title{grid-template-columns:1fr}.contact-hero{min-height:210px}}@media(max-width:520px){h2{font-size:2rem}.content-section{grid-template-columns:34px minmax(0,1fr);gap:10px}table{min-width:560px;table-layout:auto}th,td{padding:9px 8px;font-size:.82rem;overflow-wrap:normal}.table-card{overflow-x:auto}.search-box{grid-template-columns:38px 1fr 32px}.learn-hero h2,.learn-session-title h3{font-size:2rem}.learn-progress-card strong{font-size:3rem}.learn-week-list{max-height:320px}.learn-session-nav,.contact-field-row{grid-template-columns:1fr}.contact-hero{min-height:0}.search-box input{padding:0 10px;font-size:.88rem}.search-results{max-height:330px}.result-card{min-height:116px;padding:10px}.concept-title-row p,.content-section li,.diagram-note p{font-size:1rem}.diagram-timeline{grid-template-columns:40px minmax(0,1fr)}.timeline-toggle{width:40px;height:40px}.timeline-track input[type=range]{height:20px}}.app-shell,.app-shell-v2{display:flex;flex-direction:column;min-height:100vh}.top-bar{position:sticky;top:0;z-index:100;background:var(--panel-strong)}.top-bar-inner{display:flex;align-items:center;gap:var(--s-5);width:100%;max-width:var(--container);height:58px;margin:0 auto;padding:0 var(--page-x)}.top-bar-home{display:flex;align-items:center;gap:10px;min-width:0;border:0;border-radius:var(--r-md);background:transparent;padding:6px 8px;cursor:pointer}.top-bar-home:hover,.top-bar-home:focus-visible{background:var(--control);outline:none}.top-bar-home .brand-logo{width:32px;height:32px;flex:0 0 auto}.top-bar-title{overflow:hidden;color:var(--ink);font-size:1rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.top-bar-nav{display:flex;align-items:center;gap:4px}.top-bar-nav button,.top-bar-mobile-menu>button{border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);padding:var(--s-2) var(--s-3);cursor:pointer;font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:-.003em;transition:color var(--dur-1) var(--ease-snap)}.top-bar-nav button:hover,.top-bar-nav button:focus-visible,.top-bar-mobile-menu>button:hover,.top-bar-mobile-menu>button:focus-visible,.top-bar-nav button[aria-current=page]{background:transparent;color:var(--ink);outline:none}.top-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.top-bar-language{position:relative}.top-bar-language .language-trigger{display:flex;grid-template-columns:none;align-items:center;gap:8px;width:auto;min-height:36px;border-radius:var(--r-md);padding:0 10px}.top-bar-language .language-current{color:var(--ink);font-size:.78rem;font-weight:700}.top-bar-dropdown.language-menu{top:calc(100% + 8px);right:0;left:auto;width:180px}.top-bar-mobile-toggle{display:none;align-content:center;justify-items:center;gap:4px;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);cursor:pointer}.top-bar-mobile-toggle span{display:block;width:16px;height:2px;border-radius:999px;background:var(--ink)}.top-bar-mobile-menu{display:none;gap:8px;border-top:1px solid var(--line);padding:12px 16px 16px}.top-bar-mobile-language{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.top-bar-mobile-language button{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);padding:7px 10px;cursor:pointer;font-size:.82rem;min-height:44px}.top-bar-mobile-language button.is-active{border-color:var(--accent);background:var(--ink);color:var(--panel-strong)}.search-bar-container{position:sticky;top:58px;z-index:90;border-bottom:1px solid var(--line-strong);background:var(--panel-strong);padding:var(--s-3) var(--page-x) var(--s-4)}.search-bar-inner{width:100%;max-width:var(--container);margin:0 auto}.main-content{flex:1;min-width:0}.app-footer-v2{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;border-top:1px solid var(--line);padding:20px 24px;color:var(--caption);font-size:.78rem}.app-footer-v2 button{border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer;font:inherit}.app-footer-v2 button:hover,.app-footer-v2 button:focus-visible{color:var(--accent-dark);outline:none;text-decoration:underline}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;color:var(--muted);font-size:.82rem;list-style:none}.breadcrumb li{display:flex;align-items:center;gap:4px}.breadcrumb li:not(:last-child):after{content:"/";color:var(--caption)}.breadcrumb button{border:0;border-radius:4px;background:transparent;color:var(--accent-dark);padding:2px 4px;cursor:pointer;font:inherit;transition:background-color .15s ease,color .15s ease}.breadcrumb button:hover,.breadcrumb button:focus-visible{background:var(--control);outline:none}.breadcrumb span[aria-current]{color:var(--ink);font-weight:600}.dashboard{width:min(1120px,100%);margin:0 auto;padding:46px 24px 66px}.dashboard-hero{display:grid;gap:var(--s-3);margin-bottom:var(--s-6);text-align:center}.dashboard-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.75rem,6vw,3.75rem);line-height:1.04;font-weight:700;letter-spacing:-.022em;max-width:16ch;margin-inline:auto}.dashboard-hero p:not(.eyebrow){width:min(560px,100%);margin:0 auto;color:var(--muted);line-height:1.5}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--s-3);max-width:var(--container);margin-inline:auto}.dashboard-card,.concept-card,.directional-card{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;transition:border-color var(--dur-1) var(--ease-snap)}.dashboard-card{display:grid;gap:var(--s-3);align-content:start;min-height:168px;padding:var(--s-5)}.dashboard-card-graph{grid-column:1 / -1;min-height:0}.dashboard-card:hover,.concept-card:hover,.directional-card:hover{border-color:var(--accent)}.dashboard-card-head{display:flex;justify-content:space-between;gap:var(--s-3);align-items:baseline}.dashboard-card h2{margin:0;font-size:1.125rem;line-height:1.3;letter-spacing:-.006em}.dashboard-card-count,.taxonomy-view-count{display:inline-grid;place-items:center;min-width:32px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--accent-press);padding:3px 8px;font-family:var(--font-mono);font-feature-settings:"tnum" 1,"lnum" 1;font-size:.6875rem;font-weight:500;letter-spacing:.04em}.dashboard-card p{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.5}.dashboard-card-learn{background:var(--panel);box-shadow:inset 3px 0 0 var(--accent)}.taxonomy-view{width:min(1080px,100%);margin:0 auto;padding:24px 24px 66px}.taxonomy-view-header{display:grid;gap:8px;margin:24px 0 30px}.taxonomy-view-header h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:0}.taxonomy-view-header p{max-width:720px;margin:0;color:var(--muted);line-height:1.5}.taxonomy-view-count{justify-self:start}.taxonomy-cluster{margin-bottom:32px}.taxonomy-cluster-label{margin:0 0 12px;font-size:1.05rem;font-weight:600;letter-spacing:.01em;color:var(--fg)}.taxonomy-concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.concept-card{display:grid;gap:7px;min-height:132px;padding:14px}.concept-card strong{font-size:.94rem;line-height:1.3}.concept-card span{color:var(--muted);font-family:var(--font-text);font-size:.92rem;line-height:1.4}.concept-card small{color:var(--caption);font-family:var(--font-mono);font-size:.64rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.concept-page-layout{width:min(860px,100%);margin:0 auto;padding:24px 24px 66px}.concept-page-layout>.return-context-bar{margin:0 0 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--accent-soft);padding:11px 14px}.concept-page-main{margin-top:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);padding:clamp(20px,4vw,38px);counter-reset:concept-section}.concept-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:14px}.concept-page-header h2{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:0}.concept-summary{margin:0;color:var(--muted);font-family:var(--font-text);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.5}.concept-tags-inline{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}.concept-what-section .content-section:first-child,.go-deeper-content .content-section:first-child{border-top:0}.concept-inline-diagram{margin:24px 0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong)}.concept-inline-diagram .diagram-card{border:0;border-radius:0}.go-deeper-section{margin-top:var(--s-6);border-top:1px solid var(--line);padding-top:var(--s-4);overflow:hidden}.go-deeper-toggle{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--r-md);background:transparent;color:var(--ink);padding:0 var(--s-4);cursor:pointer;font-family:var(--font-display);font-weight:600;text-align:left;transition:border-color var(--dur-1) var(--ease-snap)}.go-deeper-toggle:hover,.go-deeper-toggle:focus-visible{border-color:var(--ink);outline:none}.go-deeper-toggle span{margin-left:auto;color:var(--muted);font-size:1.1rem}.go-deeper-content{margin-top:18px;animation:expandIn var(--dur-3) var(--ease-settle)}.go-deeper-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.go-deeper-chip{border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:var(--control);color:var(--graphite);font-size:.72rem;font-weight:600;text-decoration:none;scroll-margin-top:70px}.go-deeper-chip:hover,.go-deeper-chip:focus-visible{border-color:var(--accent);background:var(--control-hover);color:var(--ink);outline:none}.go-deeper-content .content-section{scroll-margin-top:70px}@keyframes expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.concept-directional-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}.directional-card{display:grid;gap:6px;min-height:92px;padding:14px}.directional-label{color:var(--caption);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.directional-card strong{font-size:.96rem;line-height:1.32}.directional-next{text-align:right}.directional-next:only-child{grid-column:2}.concept-see-also{margin-top:26px}.concept-see-also h3{margin:0 0 12px;color:var(--muted);font-size:.95rem;letter-spacing:0}.see-also-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.see-also-cards .concept-card{min-height:90px}@media(max-width:820px){.top-bar-inner{padding:0 16px}.top-bar-nav,.top-bar-language{display:none}.top-bar-mobile-toggle,.top-bar-mobile-menu{display:grid}.search-bar-container{padding:10px 12px}.dashboard,.taxonomy-view,.concept-page-layout{padding-right:16px;padding-left:16px}.dashboard-grid,.taxonomy-concept-grid,.concept-page-header,.concept-directional-nav{grid-template-columns:1fr}.directional-next,.directional-next:only-child{grid-column:1;text-align:left}}.graph-view{width:min(1080px,100%);margin:0 auto;padding:46px 24px 66px;animation:page-enter var(--dur-3) var(--ease-settle) both}.graph-hero{display:grid;gap:12px;margin-bottom:28px;text-align:center}.graph-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.75rem,6vw,3.75rem);line-height:1.04;font-weight:700;letter-spacing:-.022em}.graph-hero p:not(.eyebrow){width:min(620px,100%);margin:0 auto;color:var(--muted);line-height:1.5}.graph-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong)}.graph-legend-title{color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.graph-legend-items{display:flex;flex-wrap:wrap;gap:8px 16px}.graph-legend-item{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem;font-weight:500}.graph-legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.graph-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.graph-filter-pill{border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--muted);padding:7px 14px;cursor:pointer;font-size:.82rem;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}.graph-filter-pill:hover,.graph-filter-pill:focus-visible{border-color:var(--accent);background:var(--control);color:var(--ink);outline:none}.graph-filter-pill.is-active{border-color:var(--ink);background:var(--ink);color:var(--panel-strong)}.graph-search-box{margin-bottom:18px}.graph-search-box input{width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);color:var(--ink);padding:10px 14px;font-size:.95rem;font-weight:500;outline:none}.graph-search-box input:focus{border-color:var(--accent)}.graph-search-box input::placeholder{color:var(--caption)}.graph-detail-panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);margin-bottom:18px;overflow:hidden}.graph-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px;border-bottom:1px solid var(--line)}.graph-detail-taxonomy{display:block;margin-bottom:6px;color:var(--caption);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.graph-detail-header h2{margin:0 0 8px;font-size:clamp(1.2rem,2.5vw,1.6rem);letter-spacing:-.01em}.graph-detail-summary{margin:0;color:var(--muted);font-family:var(--font-text);font-size:.95rem;line-height:1.45}.graph-detail-open{min-height:44px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--control);color:var(--ink);padding:6px 14px;cursor:pointer;font-weight:600;font-size:.82rem;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.graph-detail-open:hover,.graph-detail-open:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.graph-relationship-panel{display:grid;gap:18px;padding:18px}.graph-relationship-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.graph-relationship-kicker,.graph-path-label,.graph-relation-section h4,.graph-relationship-count,.graph-path-empty,.graph-path-more,.graph-relation-summary span,.graph-relation-item span,.graph-relation-toggle{font-family:var(--font-mono);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.graph-relationship-kicker{display:block;margin-bottom:3px;color:var(--caption);font-size:.66rem}.graph-relationship-head h3{margin:0;font-size:1.05rem;line-height:1.2;letter-spacing:0}.graph-relationship-count{border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--muted);padding:4px 9px;font-size:.64rem;white-space:nowrap}.graph-learning-path{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.82fr) minmax(0,1fr);gap:10px;align-items:stretch}.graph-path-column,.graph-path-current{display:grid;align-content:start;min-width:0;min-height:118px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:12px}.graph-path-column{border-top:3px solid var(--relation-color, var(--accent))}.graph-path-current{justify-items:center;align-content:center;text-align:center;background:var(--accent-soft)}.graph-path-label,.graph-path-current span{color:var(--caption);font-size:.62rem}.graph-path-current strong{margin-top:6px;font-size:.95rem;line-height:1.25}.graph-path-list{display:grid;gap:7px;margin-top:9px}.graph-path-empty,.graph-path-more{margin-top:9px;color:var(--caption);font-size:.62rem}.graph-relation-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.graph-relation-section{display:grid;align-content:start;min-width:0;gap:8px}.graph-relation-section h4{margin:0;color:var(--caption);font-size:.66rem}.graph-relation-groups{display:grid;gap:8px}.graph-relation-group{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);overflow:hidden}.graph-relation-summary{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:42px;border:0;border-bottom:1px solid var(--line);background:var(--control);color:var(--ink);padding:9px 11px;cursor:pointer;text-align:left}.graph-relation-summary:hover,.graph-relation-summary:focus-visible{background:var(--control-hover);outline:none}.graph-relation-dot{width:8px;height:8px;border-radius:999px;background:var(--relation-color, var(--accent))}.graph-relation-summary strong{min-width:0;overflow:hidden;font-size:.86rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.graph-relation-summary span:last-child{min-width:25px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--muted);padding:2px 7px;font-size:.62rem;text-align:center}.graph-relation-items{display:grid;gap:0}.graph-relation-item{display:grid;gap:3px;width:100%;min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 11px;cursor:pointer;text-align:left}.graph-relation-item:last-child{border-bottom:0}.graph-relation-item:hover,.graph-relation-item:focus-visible{background:var(--accent-soft);outline:none}.graph-relation-item strong{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:600;line-height:1.25}.graph-relation-item span{color:var(--caption);font-size:.58rem}.graph-relation-toggle{width:100%;min-height:36px;border:0;border-top:1px solid var(--line);background:var(--panel);color:var(--accent-dark);cursor:pointer;font-size:.62rem;text-align:center}.graph-relation-toggle:hover,.graph-relation-toggle:focus-visible{background:var(--accent-soft);outline:none}.graph-detail-empty{display:grid;place-items:center;min-height:100px;margin-bottom:18px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--panel)}.graph-detail-empty p{color:var(--muted);font-weight:500}.graph-concept-list{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);overflow:hidden}.graph-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--control)}.graph-list-header .rail-title{margin:0}.graph-loading-notice{text-align:center;color:var(--caption);font-size:.8rem;padding:8px 14px;margin:0}.graph-sort-toggle{display:flex;align-items:center;gap:6px}.graph-sort-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--caption)}.graph-sort-btn{border:1px solid var(--line);border-radius:4px;background:var(--panel-strong);padding:3px 10px;font-size:.75rem;font-weight:500;color:var(--muted);cursor:pointer;transition:background .1s,color .1s}.graph-sort-btn:hover{background:var(--control-hover)}.graph-sort-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.graph-list-scroll{max-height:min(520px,calc(100vh - 320px));overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel)}.graph-list-scroll::-webkit-scrollbar{width:10px}.graph-list-scroll::-webkit-scrollbar-track{background:var(--panel);border-left:1px solid var(--line)}.graph-list-scroll::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--panel)}.graph-concept-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%;min-height:48px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;text-align:left;cursor:pointer;transition:background-color .15s ease,color .14s ease}.graph-concept-row:last-child{border-bottom:0}.graph-concept-row:hover,.graph-concept-row:focus-visible{background:var(--control);outline:none}.graph-concept-row.is-active{background:var(--accent-soft)}.graph-concept-row strong{font-size:.9rem;font-weight:500;line-height:1.3}.graph-taxonomy-badge{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:var(--caption);font-family:var(--font-mono);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.graph-connection-count{display:inline-grid;place-items:center;min-width:28px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--accent-dark);padding:2px 7px;font-family:var(--font-mono);font-size:.68rem;font-weight:700}.dashboard-card-graph{background:var(--panel);box-shadow:inset 3px 0 0 var(--accent)}@media(max-width:820px){.graph-view{padding-right:16px;padding-left:16px}.graph-detail-header,.graph-learning-path,.graph-relation-sections{grid-template-columns:1fr}.graph-path-column,.graph-path-current{min-height:0}.graph-concept-row{grid-template-columns:minmax(0,1fr) auto}.graph-taxonomy-badge{display:none}}@media(max-width:520px){.graph-view{padding-top:32px}.graph-filters{gap:6px}.graph-filter-pill{padding:5px 10px;font-size:.76rem}.graph-detail-header h2{font-size:1.15rem}.graph-relationship-panel{padding:14px}.graph-relationship-head{align-items:start;flex-direction:column;gap:8px}}@media(max-width:520px){.top-bar-title{max-width:150px}.dashboard{padding-top:24px}.dashboard-hero h1{font-size:clamp(1.5rem,6vw,2rem)}.dashboard-card{min-height:0}.concept-page-main{padding:18px 16px}.see-also-cards{grid-template-columns:1fr}}.concept-skeleton{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:800px;margin:0 auto;min-height:60vh}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--control) 25%,var(--control-hover) 50%,var(--control) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-line.title{height:28px;width:60%}.skeleton-line.summary{height:14px;width:80%}.skeleton-line.body{height:14px;width:100%}.skeleton-line.short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visual-graph-container{position:relative;height:500px;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);overflow:hidden}.visual-graph-container.vg-overview{height:400px}.visual-graph-container.vg-expanded{height:500px}.visual-graph-container canvas{display:block}.visual-graph-toolbar{position:absolute;top:10px;left:10px;z-index:10;display:flex;align-items:center;gap:10px}.vg-back-btn{padding:6px 12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--r-md);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease}.vg-back-btn:hover{background:var(--control);border-color:var(--accent)}.vg-expanded-label{font-size:.85rem;font-weight:700;letter-spacing:.01em}.vg-overview-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;color:var(--muted);font-size:.75rem;font-weight:500;pointer-events:none;opacity:.7}.vg-path-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);color:var(--ink);padding:6px 14px;cursor:pointer;font-size:.8rem;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}.vg-path-btn:hover{border-color:var(--accent);background:var(--control)}.vg-path-btn.is-active{border-color:#e8c547;background:#e8c547;color:#111}.vg-path-hint{color:var(--muted);font-size:.78rem;font-weight:500}.vg-tooltip{position:absolute;z-index:20;transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-strong);box-shadow:0 2px 8px #00000014;white-space:nowrap}.vg-tooltip strong{font-size:.85rem;font-weight:600;color:var(--ink)}.vg-tooltip span{font-size:.72rem;color:var(--muted);font-weight:500}.vg-path-overlay{position:absolute;bottom:10px;right:10px;z-index:15;max-width:260px;max-height:200px;overflow:auto;padding:10px 14px;border:1px solid #E8C547;border-radius:var(--r-md);background:var(--panel-strong);box-shadow:0 2px 8px #00000014}.vg-path-overlay strong{display:block;margin-bottom:6px;color:var(--ink);font-size:.82rem;font-weight:600}.vg-path-overlay ol{margin:0;padding-left:18px;color:var(--muted);font-size:.78rem;line-height:1.6;font-weight:500}@media(max-width:820px){.visual-graph-container{height:350px}.visual-graph-container.vg-overview{height:320px}}@media(max-width:520px){.visual-graph-container{height:300px}.visual-graph-container.vg-overview{height:280px}.vg-path-overlay{max-width:200px;font-size:.72rem}}.concept-graph-section{margin:24px 0}.concept-graph-section h3{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 12px}.concept-graph-container{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-strong);height:300px;position:relative}.concept-graph-tooltip{position:absolute;bottom:12px;left:12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--r-md);padding:6px 10px;font-size:12px;pointer-events:none;display:flex;flex-direction:column;gap:2px;box-shadow:0 2px 8px #00000014}.concept-graph-tooltip strong{color:var(--ink);font-weight:600}.concept-graph-tooltip span{color:var(--muted);font-size:11px}.concept-graph-category-controls{display:grid;gap:10px;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--panel)}.concept-graph-category-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.concept-graph-category-copy strong{color:var(--ink);font-size:.82rem;font-weight:700}.concept-graph-category-copy span{color:var(--caption);font-size:.72rem;line-height:1.35;text-align:right}.concept-graph-category-buttons{display:flex;flex-wrap:wrap;gap:7px}.concept-graph-category-button{--relation-color: var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--control);color:var(--ink);padding:6px 9px;cursor:pointer;font-size:.76rem;font-weight:600;line-height:1.15;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.concept-graph-category-button:hover,.concept-graph-category-button:focus-visible{border-color:var(--relation-color);background:var(--control-hover);outline:none}.concept-graph-category-button.is-active{border-color:var(--relation-color);background:color-mix(in srgb,var(--relation-color) 14%,var(--panel-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--relation-color) 28%,transparent)}.concept-graph-category-button .dot{width:8px;height:8px;border-radius:50%;background:var(--relation-color);flex:0 0 auto}.concept-graph-category-button strong{min-width:20px;border:1px solid color-mix(in srgb,var(--relation-color) 42%,var(--line));border-radius:999px;background:var(--panel-strong);color:var(--muted);padding:1px 6px;font-family:var(--font-mono);font-size:.62rem;line-height:1.2;text-align:center}.concept-graph-legend{display:flex;gap:12px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.concept-graph-legend span{display:flex;align-items:center;gap:4px}.concept-graph-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.concept-graph-wrapper{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-strong)}.concept-graph-wrapper .concept-graph-container{border:none;border-radius:0}@media(max-width:768px){.concept-graph-container{height:250px}.concept-graph-category-copy{align-items:flex-start;flex-direction:column;gap:3px}.concept-graph-category-copy span{text-align:left}.concept-graph-category-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.concept-graph-category-button{justify-content:flex-start;min-width:0}.concept-graph-category-button span:not(.dot){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:430px){.concept-graph-category-buttons{grid-template-columns:1fr}}.search-popover-close-mobile{display:none}@media(max-width:768px){.search-results-popover{position:fixed;inset:0;z-index:200;background:var(--paper);border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column}.search-results-popover .search-results{flex:1;max-height:none}.search-results-popover .results-heading{padding:16px;border-bottom:1px solid var(--line)}.search-popover-close-mobile{display:block;align-self:flex-end;margin:12px 12px 0;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted);min-height:44px;min-width:44px;padding:10px 14px;line-height:1}}.difficulty-dots{display:inline-flex;gap:3px;align-items:center}.difficulty-dots .dot{width:6px;height:6px;border-radius:50%}.difficulty-dots .dot.filled{background:var(--accent)}.difficulty-dots .dot.empty{background:var(--line)}.difficulty-dots.difficulty-md .dot{width:8px;height:8px}.difficulty-dots.difficulty-sm .dot{width:5px;height:5px}.recently-viewed{margin-bottom:32px}.recently-viewed h2{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 12px}.recently-viewed-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.recently-viewed-card{flex-shrink:0;padding:10px 14px;background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:left;max-width:200px;transition:border-color .15s,transform .15s}.recently-viewed-card:hover{border-color:var(--accent);transform:translateY(-1px)}.recently-viewed-card strong{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.recently-viewed-card small{font-size:11px;color:var(--caption)}.taxonomy-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 0;background:none;border:none;cursor:pointer;font-size:1.05rem;font-weight:600;color:var(--ink);text-align:left}.taxonomy-group-toggle:hover{color:var(--accent)}@media(max-width:680px){.learn-task{grid-template-columns:1fr;gap:10px}}