:root{--color-canvas: #050505;--color-panel: #0b0b0b;--color-panel-raised: #101010;--color-ink: #f4f4f5;--color-ink-soft: #b8b8bc;--color-body: #d4d4d8;--color-muted: #a1a1aa;--color-faint: #6f7077;--color-border: #252525;--color-border-strong: #3a3a3a;--color-invert: #ffffff;--color-invert-ink: #060606;--color-accent: #26f5bd;--color-accent-soft: rgba(38, 245, 189, .12);--color-blue: #8ab4ff;--color-blue-soft: rgba(138, 180, 255, .14);--color-amber: #f4c26a;--color-amber-soft: rgba(244, 194, 106, .14);--color-violet: #c4a7ff;--color-violet-soft: rgba(196, 167, 255, .14);--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--shadow-card: none;--content-width: 1160px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "SF Mono", "Menlo", "Monaco", "Cascadia Mono", "Roboto Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-sans);font-size:15px}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black 0 46%,transparent 82%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--color-invert);outline-offset:2px}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--color-border);background:#050505e6;backdrop-filter:blur(18px)}.announcement-bar{display:flex;justify-content:center;gap:10px;align-items:center;min-height:30px;border-bottom:1px solid var(--color-border);background:var(--color-invert);color:var(--color-invert-ink);font-family:var(--font-display);font-size:12px}.announcement-bar strong{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;background:var(--color-invert-ink);color:var(--color-invert);font-size:10px}.announcement-bar span{color:#525252}.top-nav{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);gap:24px;align-items:center;width:min(var(--content-width),calc(100vw - 48px));min-height:58px;margin:0 auto}.brand{display:inline-flex;gap:10px;align-items:center;width:fit-content}.brand-mark{display:grid;width:32px;height:32px;place-items:center}.brand-mark img{width:27px;height:27px;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) invert(1)}.brand strong,.brand small{display:inline;font-size:22px;font-weight:900;line-height:1}.brand small{margin-left:2px;color:var(--color-ink-soft);font-style:italic}.primary-nav{display:flex;gap:18px;justify-content:center}.primary-nav a{color:var(--color-ink-soft);font-size:14px;font-weight:750}.primary-nav a:hover{color:var(--color-ink)}.connect-link{justify-self:end;display:inline-flex;min-height:36px;align-items:center;border:1px solid var(--color-invert);padding:0 16px;background:var(--color-invert);color:var(--color-invert-ink);font-family:var(--font-display);font-size:13px;font-weight:800}.category-strip{display:flex;justify-content:center;gap:8px;width:min(var(--content-width),calc(100vw - 48px));margin:-80px auto 56px;overflow-x:auto;padding:0 0 6px}.category-strip button{flex:0 0 auto;min-height:32px;border:1px solid var(--color-border-strong);padding:0 14px;background:var(--color-panel);color:var(--color-muted);font-family:var(--font-display);font-size:12px;font-weight:700;white-space:nowrap}.category-strip button.active,.category-strip button:hover{border-color:var(--color-invert);background:var(--color-invert);color:var(--color-invert-ink)}main{overflow:clip}.hero,.directory-shell,.learning-paths,.faq-section,.term-detail,.site-footer{width:min(var(--content-width),calc(100vw - 48px));margin:0 auto}.hero{display:grid;justify-items:center;text-align:center;padding:88px 0 142px;border-bottom:1px solid var(--color-border)}.hero-copy{display:grid;justify-items:center}.kicker,.section-heading p{margin:0 0 12px;color:var(--color-muted);font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:0;text-transform:none}.hero .kicker{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--color-border);padding:0 14px;background:#0e0e0ed1}.hero .kicker:before{width:6px;height:6px;margin-right:10px;background:var(--color-accent);content:""}.hero h1{max-width:960px;margin:10px 0 18px;font-family:var(--font-display);font-size:clamp(46px,7.2vw,82px);font-weight:900;line-height:1.03;letter-spacing:-.02em}.hero h1 span{display:block}.hero-description{max-width:720px;margin-bottom:0;color:var(--color-body);font-size:clamp(16px,1.8vw,20px);font-weight:650;line-height:1.55}.hero-description span{display:block}.search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;width:min(640px,calc(100vw - 48px));margin-top:34px;border:1px solid var(--color-border-strong);background:var(--color-panel)}.search-panel input{min-width:0;border:0;padding:15px 18px;background:transparent;color:var(--color-ink);outline:0}.search-panel input::placeholder{color:var(--color-faint);font-family:var(--font-display)}.search-panel button{width:1px;min-width:1px;overflow:hidden;border:0;padding:0;opacity:0;pointer-events:none}.hero-stats{order:-1;display:inline-flex;gap:12px;align-items:center;min-height:30px;margin-bottom:18px;border:1px solid var(--color-border);padding:0 14px;background:#0e0e0edb;color:var(--color-muted);font-family:var(--font-display);font-size:12px}.hero-stats strong{color:var(--color-ink);font-size:13px}.hero-stats strong:before{display:inline-block;width:6px;height:6px;margin-right:9px;background:var(--color-accent);content:"";vertical-align:1px}.hero-stats span{color:var(--color-ink);font-weight:900}.hero-stats small{color:var(--color-muted)}.directory-shell,.learning-paths,.faq-section{padding:0 0 34px}.directory-toolbar,.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}.directory-toolbar h2,.section-heading h2{margin-bottom:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(24px,3vw,31px);line-height:1.2}.directory-toolbar>p{margin-bottom:0;color:var(--color-muted);font-family:var(--font-display);font-size:13px;font-weight:800}.directory-section{margin-bottom:34px}.directory-section .section-heading{margin:0 0 20px}.section-heading a{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--color-border-strong);padding:0 12px;color:var(--color-muted);font-family:var(--font-display);font-size:12px;font-weight:800}.section-heading a:hover{border-color:var(--color-invert);color:var(--color-ink)}.term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.term-card{min-height:154px}.term-card a{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;height:100%;border:1px solid var(--color-border);padding:22px;background:var(--color-panel-raised)}.term-card a:after{position:absolute;top:20px;right:20px;color:var(--color-faint);content:"↗"}.term-card a:hover{border-color:var(--color-border-strong);background:#121212}.term-icon{display:grid;width:22px;height:22px;place-items:center;margin-top:2px;border-radius:50%;background:#2d2d2d;color:var(--color-muted);font-family:var(--font-display);font-size:10px;font-weight:900}.term-content{display:grid;min-width:0;align-content:start;gap:12px}.term-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;padding-right:18px}.term-topline strong{overflow-wrap:anywhere;color:var(--color-ink);font-family:var(--font-display);font-size:17px;line-height:1.25}.term-topline small{align-self:end;color:var(--color-muted);font-family:var(--font-display);font-size:12px;font-weight:850}.term-topline small:before{content:"☆ "}.term-summary{display:-webkit-box;overflow:hidden;color:var(--color-body);font-size:15px;font-weight:650;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.term-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.term-meta,.trend-badge,.tag,.link-row a{display:inline-flex;width:fit-content;min-height:24px;align-items:center;border:1px solid var(--color-border-strong);padding:0 8px;color:var(--color-muted);background:transparent;font-family:var(--font-display);font-size:11px;font-weight:850;line-height:1}.trend-badge.official{border-color:#26f5bd57;color:var(--color-accent)}.trend-badge.featured{border-color:#8ab4ff47;color:var(--color-blue)}.trend-badge.popular{border-color:#f4c26a4d;color:var(--color-amber)}.trend-badge.new{border-color:#c4a7ff4d;color:var(--color-violet)}.empty-state{margin-bottom:16px;border:1px solid var(--color-border);padding:14px 16px;background:var(--color-panel);color:var(--color-muted)}.path-grid,.faq-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.path-card,.faq-item,.detail-grid section,.concept-section,.checklist-section,.relation-section{border:1px solid var(--color-border);padding:20px;background:var(--color-panel-raised)}.faq-item{cursor:pointer;transition:border-color .16s ease,transform .16s ease}.faq-item:hover,.faq-item:focus-visible{border-color:var(--color-border-strong)}.faq-item:focus-visible{outline:2px solid var(--color-invert);outline-offset:3px}.faq-item:hover h3 a{text-decoration:underline}.path-card span{color:var(--color-faint);font-family:var(--font-display);font-size:12px;font-weight:900}.path-card h3,.faq-item h3{margin:12px 0 10px;color:var(--color-ink);font-family:var(--font-display);font-size:16px;line-height:1.35}.faq-item h3 a{color:inherit;cursor:pointer;text-decoration:none;text-underline-offset:4px}.faq-item h3 a:hover{text-decoration:underline}.path-card p,.faq-item p,.detail-grid p,.concept-copy p,.checklist-section li p{margin-bottom:0;color:var(--color-body);font-size:15px;line-height:1.78}.concept-section,.checklist-section{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:28px}.concept-section h2,.checklist-section h2{margin-bottom:0;font-family:var(--font-display);font-size:18px;line-height:1.35}.concept-kicker{margin-bottom:10px;color:var(--color-faint);font-family:var(--font-display);font-size:12px;font-weight:900}.concept-copy{display:grid;gap:14px}.checklist-section ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.checklist-section li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;border-left:1px solid var(--color-border-strong);padding:10px 0 10px 16px}.checklist-section li span{color:var(--color-faint);font-family:var(--font-display);font-size:12px}.link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.link-row a:hover{border-color:var(--color-invert);color:var(--color-ink)}.faq-detail-link{display:inline-flex;width:fit-content;min-height:30px;align-items:center;margin-top:16px;border:1px solid var(--color-border-strong);padding:0 10px;color:var(--color-ink-soft);font-family:var(--font-display);font-size:12px;font-weight:850}.faq-detail-link:hover{border-color:var(--color-invert);color:var(--color-ink)}.detail-page{border-top:1px solid var(--color-border)}.term-detail{display:grid;gap:22px;padding-top:34px}.back-link{display:inline-flex;width:fit-content;min-height:34px;align-items:center;border:1px solid var(--color-border-strong);padding:0 12px;color:var(--color-muted);font-family:var(--font-display);font-size:13px;font-weight:800}.term-detail header{padding:54px 0 36px}.term-detail h1{margin:18px 0;font-family:var(--font-display);font-size:clamp(42px,7vw,74px);line-height:1.02}.term-detail header p{max-width:780px;margin-bottom:0;color:var(--color-body);font-size:20px;line-height:1.62}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid h2,.relation-section h2{font-family:var(--font-display);font-size:16px}.relation-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}.relation-center{display:grid;align-content:center;min-height:132px;border:1px solid var(--color-border);padding:18px;background:var(--color-panel)}.relation-center span{color:var(--color-muted);font-family:var(--font-display);font-size:12px;font-weight:850}.relation-center strong{font-family:var(--font-display);font-size:24px}.relation-groups{display:grid;gap:16px}.relation-group{border:1px solid var(--color-border);overflow:hidden}.relation-group h3{margin:0;border-bottom:1px solid var(--color-border);padding:13px;background:var(--color-panel);font-family:var(--font-display);font-size:13px}.relation-row{display:grid;grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);gap:12px;border-bottom:1px solid var(--color-border);padding:13px}.relation-row:last-child{border-bottom:0}.relation-row span{color:var(--color-body);line-height:1.45}.site-footer{display:flex;justify-content:center;padding:36px 0 48px;color:var(--color-muted);font-size:13px}[hidden]{display:none!important}@media(max-width:900px){.announcement-bar{justify-content:start;padding:0 16px}.announcement-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav{grid-template-columns:1fr auto;width:calc(100vw - 32px)}.primary-nav{display:none}.connect-link{min-height:34px;padding:0 14px}.category-strip,.hero,.directory-shell,.learning-paths,.faq-section,.term-detail,.site-footer{width:calc(100vw - 32px)}.category-strip{justify-content:start;margin-top:-86px}.term-grid,.path-grid,.faq-grid,.detail-grid,.concept-section,.checklist-section,.relation-layout{grid-template-columns:1fr}}@media(max-width:560px){.brand strong,.brand small{font-size:0}.connect-link{min-width:70px;padding:0 12px}.hero{padding-top:58px}.hero h1{font-size:40px}.hero-description{font-size:16px}.search-panel{width:100%}.directory-toolbar,.section-heading,.relation-row{display:grid;grid-template-columns:1fr;align-items:start}.term-card a{grid-template-columns:28px minmax(0,1fr);padding:18px}}