:root{--bg:#f7f6f3;--surface:#fff;--text:#2d2d2d;--text-sub:#6b7280;--text-light:#9ca3af;--accent:#e87b3a;--accent-light:#fff5ee;--accent-hover:#d46a2e;--border:#e8e6e1;--shadow:0 2px 12px #0000000f;--shadow-hover:0 4px 20px #0000001a;--radius:14px;--radius-sm:8px;--cat-basics:#5b8af5;--cat-basics-bg:#eef3ff;--cat-nodes:#34b87a;--cat-nodes-bg:#edfaf3;--cat-claude:#e87b3a;--cat-claude-bg:#fff5ee;--cat-build:#9b6ff0;--cat-build-bg:#f4efff;--cat-ops:#64748b;--cat-ops-bg:#f1f5f9;--font-sans:"Noto Sans JP", "Inter", system-ui, -apple-system, "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;--font-ui:"Inter", "Noto Sans JP", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--max:42rem;--wide:1080px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a1e;--surface:#242428;--text:#e4e4e7;--text-sub:#a1a1aa;--text-light:#71717a;--accent:#f0944a;--accent-light:#2d2218;--accent-hover:#f5a86a;--border:#333338;--shadow:0 2px 12px #0003;--shadow-hover:0 4px 20px #0000004d;--cat-basics-bg:#1e2a45;--cat-nodes-bg:#1a2e24;--cat-claude-bg:#2d2218;--cat-build-bg:#261e35;--cat-ops-bg:#1e2028}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.8}p,li,h1,h2,h3,h4,dd{word-break:normal;overflow-wrap:anywhere;line-break:strict}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:700;line-height:1.5}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:24px}.wrap--wide{max-width:var(--wide)}main{padding-bottom:24px;display:block}.stack-lg>*+*{margin-top:56px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:60px;display:flex}.site-header__brand{font-family:var(--font-ui);color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.site-header__brand:hover{color:var(--text)}.site-header__mark{background:var(--accent);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{color:var(--text-sub);border-radius:var(--radius-sm);padding:6px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.site-nav a:hover{color:var(--text);background:var(--accent-light)}.site-nav a[aria-current=page]{color:var(--accent);background:var(--accent-light)}.hero{text-align:center;max-width:var(--wide);margin-inline:auto;padding:64px 24px 48px}.hero-badge{background:var(--accent-light);color:var(--accent);border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-ui);letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(40px,8vw,76px);font-weight:800;line-height:1.05}.hero-lead{margin:0 0 14px;font-size:clamp(18px,2.6vw,24px);font-weight:700}.hero-desc{color:var(--text-sub);max-width:560px;margin:0 auto;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.btn{border-radius:100px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{border:1.5px solid var(--border);color:var(--text);background:var(--surface)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.band{padding:64px 0}.band--surface{background:var(--surface);border-block:1px solid var(--border)}.band--surface .cat-card{background:var(--bg);box-shadow:none}.band--dark{--bg:#16161b;--surface:#202027;--text:#f4f4f5;--text-sub:#a1a1aa;--text-light:#5d5d68;--border:#33333c;--accent-light:#e87b3a29;--shadow:0 8px 32px #00000059;background:var(--bg);color:var(--text);background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px}.band--dark .hero{padding-top:72px;padding-bottom:64px}.band--dark .btn--ghost{color:var(--text);background:0 0;border-color:#ffffff47}.band--dark .btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.band--dark .hero-flow{background-image:radial-gradient(#ffffff12 1px,#0000 1px)}.band--surface .featured-card{background:var(--bg);box-shadow:none}.page-hero{z-index:1;padding-block:56px 52px;position:relative}.page-hero__icon{margin:20px 0 18px}.page-hero__en{font-family:var(--font-ui);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(36px,6.5vw,64px);font-weight:800;line-height:1.05}.page-hero__title{margin:0 0 12px;font-size:clamp(20px,2.8vw,26px)}.page-hero__lede{color:var(--text-sub);max-width:600px;margin:0;font-size:15px;line-height:1.9}.page-hero__meta{color:var(--text-sub);margin:16px 0 0;font-size:13px}.hero-stats.hero-stats--left{justify-content:flex-start}.hero-stats.hero-stats--left div{align-items:flex-start}.band--page .streak--a{opacity:.7;width:42%;height:180%;top:-40%;left:auto;right:-6%}.band--page .streak--b,.band--page .streak--c{display:none}.band--hero{isolation:isolate;position:relative;overflow:hidden}.band--hero .hero{z-index:1;position:relative}.streaks{z-index:0;pointer-events:none;position:absolute;inset:0}.streak{filter:blur(1.5px)saturate(1.15);opacity:.85;background:repeating-linear-gradient(100deg,#ffffff1a 0 2px,#0000 2px 14px),linear-gradient(100deg,#0000 0%,#ffb35c 18%,#e87b3a 30%,#7a3cf0 52%,#2a1fb8 70%,#0b0830 86%,#0000 100%);animation:14s ease-in-out infinite alternate streak-drift;display:block;position:absolute}.streak--a{clip-path:polygon(38% 0,62% 0,18% 100%,0 100%,0 82%);width:70%;height:160%;top:-30%;left:-18%}.streak--b{clip-path:polygon(100% 0,100% 22%,14% 100%,6% 96%);opacity:.7;width:40%;height:52%;animation-duration:18s;top:-14%;right:-10%}.streak--c{clip-path:polygon(10% 30%,100% 62%,100% 100%,62% 100%);opacity:.75;width:56%;height:40%;animation-duration:22s;animation-direction:alternate-reverse;bottom:-18%;right:-10%}@keyframes streak-drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%,-1%)}}@media (prefers-reduced-motion:reduce){.streak{animation:none}}@media (width<=768px){.streak--a{opacity:.6;width:110%;left:-40%}.streak--b,.streak--c{opacity:.5}}.band--cta{margin-bottom:-48px}.cta{text-align:center}.cta-eyebrow{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:13px;font-weight:700}.cta-title{margin:0 0 12px;font-size:clamp(22px,3.4vw,32px);line-height:1.4}.cta-desc{color:var(--text-sub);max-width:520px;margin:0 auto;font-size:15px;line-height:1.9}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .band--dark{--bg:#0f0f12;--surface:#1a1a1f}}:root[data-theme=dark] .band--dark{--bg:#0f0f12;--surface:#1a1a1f}.hero-flow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:18px 18px;margin:40px auto 0;padding:20px}.hero-flow svg{width:100%;height:auto;display:block}.hf-wire path{fill:none;stroke:var(--text-light);stroke-width:2px}.hf-bolt path{fill:none;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:48 200;stroke-dashoffset:48px;opacity:0;animation:4s linear infinite hf-strike}.hf-bolt-glow{stroke:var(--accent);stroke-width:5px;filter:drop-shadow(0 0 4px var(--accent)) drop-shadow(0 0 10px #ffb35c)}.hf-bolt-core{stroke:#fff4d6;stroke-width:1.6px}.hf-step2 path{animation-delay:.8s}.hf-step3 path{animation-delay:1.6s}.hf-step4 path{animation-delay:2.4s}@keyframes hf-strike{0%{stroke-dashoffset:48px;opacity:1}4%{opacity:.35}7%{opacity:1}11%{opacity:.55}14%{opacity:1}20%{stroke-dashoffset:-100px;opacity:1}20.01%,to{stroke-dashoffset:-100px;opacity:0}}.hf-at0,.hf-at1,.hf-at2,.hf-at3{animation:4s ease-out infinite hf-glow}.hf-at1{animation-delay:.8s}.hf-at2{animation-delay:1.6s}.hf-at3{animation-delay:2.4s}@keyframes hf-glow{0%{stroke:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}18%,to{stroke:var(--border);filter:none}}.hf-node--done.hf-at4{animation:4s ease-out 3.2s infinite hf-done}@keyframes hf-done{0%{filter:drop-shadow(0 0 10px var(--cat-nodes))}25%,to{filter:none}}path.hf-check.hf-at4{stroke-dasharray:100;animation:4s ease-out 3.2s infinite hf-check}@keyframes hf-check{0%{stroke-dashoffset:100px}12%,to{stroke-dashoffset:0}}.hf-node{fill:var(--surface);stroke:var(--border);stroke-width:2px}.hf-node--done{stroke:var(--cat-nodes)}.hf-port circle{fill:var(--surface);stroke:var(--text-light);stroke-width:2px}.hf-mark--trigger{fill:var(--cat-claude)}.hf-mark--nodes{fill:var(--cat-nodes);opacity:.85}.hf-mark--claude{fill:var(--cat-build);opacity:.85}.hf-mark--basics{fill:var(--cat-basics);opacity:.85}.hf-mark--build{fill:var(--cat-ops);opacity:.85}.hf-check{fill:none;stroke:var(--cat-nodes);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.hf-bolt path,.hf-at0,.hf-at1,.hf-at2,.hf-at3,.hf-at4{animation:none!important}.hf-bolt path{stroke-dasharray:none;opacity:.3;filter:none}.hf-bolt-core{display:none}}.hero-stats{flex-wrap:wrap;justify-content:center;gap:12px 40px;margin:28px 0 0;display:flex}.hero-stats div{flex-direction:column-reverse;align-items:center;gap:2px;display:flex}.hero-stats dt{color:var(--text-sub);font-size:12px}.hero-stats dd{font-family:var(--font-ui);margin:0;font-size:28px;font-weight:800;line-height:1.2}.hero-stats dd span{margin-left:2px;font-size:14px;font-weight:700}.hero-stats__ver{padding-top:6px;font-size:20px!important}.section-head{margin-bottom:24px}.section-head h2{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.section-head h2:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:4px;height:22px;display:block}.section-head h2 a{color:var(--text)}.section-head h2 a:hover{color:var(--accent)}.section-head__count{font-family:var(--font-ui);color:var(--text-light);font-size:13px;font-weight:500}.section-head .meta{margin:8px 0 0 14px}.meta{color:var(--text-sub);font-size:13px}.empty{color:var(--text-light);font-size:14px}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.featured-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.featured-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-cover{height:76px;color:var(--text);flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding-inline:20px;display:flex;position:relative}.card-cover:hover{color:var(--text)}.card-cover.blue{background:linear-gradient(135deg,#dbe8ff,#eef3ff)}.card-cover.orange{background:linear-gradient(135deg,#ffe4cc,#fff5ee)}.card-cover.green{background:linear-gradient(135deg,#c8f5dc,#edfaf3)}.card-cover.purple{background:linear-gradient(135deg,#e0d4ff,#f4efff)}.card-cover.gray{background:linear-gradient(135deg,#dfe4ea,#f1f5f9)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card-cover.blue{background:linear-gradient(135deg,#1e2a45,#253456)}:root:not([data-theme=light]) .card-cover.orange{background:linear-gradient(135deg,#2d2218,#3a2c1e)}:root:not([data-theme=light]) .card-cover.green{background:linear-gradient(135deg,#1a2e24,#1f3a2c)}:root:not([data-theme=light]) .card-cover.purple{background:linear-gradient(135deg,#261e35,#302542)}:root:not([data-theme=light]) .card-cover.gray{background:linear-gradient(135deg,#1e2028,#262830)}}.card-cover-icon{border-radius:var(--radius);background:var(--surface);place-items:center;width:40px;height:40px;display:grid}.card-cover-icon.blue{color:var(--cat-basics)}.card-cover-icon.green{color:var(--cat-nodes)}.card-cover-icon.orange{color:var(--cat-claude)}.card-cover-icon.purple{color:var(--cat-build)}.card-cover-icon.gray{color:var(--cat-ops)}.card-cover-title{font-family:var(--font-ui);font-size:14px;font-weight:700;line-height:1.5}.first-badge{background:var(--accent);color:#fff;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card-body h3{margin:0 0 8px;font-size:16px;line-height:1.6}.card-body h3 a{color:var(--text)}.card-body h3 a:hover{color:var(--accent)}.card-body .desc{color:var(--text-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.card-date{color:var(--text-light);margin:auto 0 0;padding-top:12px;font-size:12px}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{border-radius:100px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.7}.tag.blue{background:var(--cat-basics-bg);color:var(--cat-basics)}.tag.green{background:var(--cat-nodes-bg);color:var(--cat-nodes)}.tag.orange{background:var(--cat-claude-bg);color:var(--cat-claude)}.tag.purple{background:var(--cat-build-bg);color:var(--cat-build)}.tag.gray{background:var(--cat-ops-bg);color:var(--cat-ops)}.tag.level{border:1px solid var(--border);color:var(--text-sub);background:0 0}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}@media (width>=1024px){.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cat-grid .cat-card{padding:20px 16px}}.cat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 20px;transition:box-shadow .2s,transform .2s}.cat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cat-icon{border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.cat-icon.blue{background:var(--cat-basics-bg);color:var(--cat-basics)}.cat-icon.green{background:var(--cat-nodes-bg);color:var(--cat-nodes)}.cat-icon.orange{background:var(--cat-claude-bg);color:var(--cat-claude)}.cat-icon.purple{background:var(--cat-build-bg);color:var(--cat-build)}.cat-icon.gray{background:var(--cat-ops-bg);color:var(--cat-ops)}.cat-card h3{margin:0 0 6px;font-size:15px}.cat-card h3 a{color:var(--text)}.cat-card h3 a:hover{color:var(--accent)}.cat-card p{color:var(--text-sub);margin:0 0 14px;font-size:13px;line-height:1.7}.cat-links{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cat-link{color:var(--accent);align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.cat-link:hover{opacity:.7}.cat-link__count{color:var(--text-light);font-weight:400}.more{margin:20px 0 0}.more a{color:var(--accent);border:1.5px solid var(--accent);border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.more a:hover{background:var(--accent);color:#fff}.more a:after{content:"→"}.site-footer{border-top:1px solid var(--border);margin-top:24px;padding-block:40px}.site-footer__cols{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px 40px;margin-bottom:32px;display:grid}.site-footer h2{color:var(--text-sub);margin:0 0 12px;font-size:13px;font-weight:700}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer a{color:var(--text-sub);padding:3px 0;font-size:13px;display:block}.site-footer a:hover{color:var(--accent)}.site-footer>.wrap>p{color:var(--text-light);text-align:center;margin:0;font-size:12px}.site-footer>.wrap>p+p{margin-top:6px}.crumbs{color:var(--text-light);margin-bottom:16px;font-size:12px}.crumbs ol{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--border);margin-right:4px}.crumbs a{color:var(--text-sub)}.badges{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.badge{border:1px solid var(--border);color:var(--text-sub);border-radius:100px;padding:3px 10px;font-size:12px;font-weight:500}.badge--beginner{background:var(--cat-nodes-bg);color:var(--cat-nodes);border-color:#0000}.badge--intermediate{background:var(--cat-claude-bg);color:var(--cat-claude);border-color:#0000}.badge--advanced{background:var(--cat-build-bg);color:var(--cat-build);border-color:#0000}article h1{margin:0 0 14px;font-size:clamp(24px,4vw,32px)}.lede{color:var(--text-sub);margin:0 0 20px;font-size:15px;line-height:1.9}.dateline,.verified{color:var(--text-sub);margin:0;font-size:12.5px}.dateline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:4px 20px;padding:12px 16px;display:flex}.dateline strong{color:var(--text)}.dateline:has(+.verified){border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:0}.verified{background:var(--accent-light);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:0;padding:12px 16px}.verified strong{color:var(--accent)}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;font-size:14px}.toc>strong{color:var(--text-sub);margin-bottom:8px;font-size:13px;display:block}.toc ol{margin:0;padding-left:20px}.toc li+li{margin-top:4px}.prose>*+*{margin-top:1.1em}.prose h2{border-left:4px solid var(--accent);margin-top:2.4em;padding-left:14px;font-size:20px;line-height:1.6}.prose h3{border-bottom:1px solid var(--border);margin-top:2em;padding-bottom:6px;font-size:16.5px}.prose h4{margin-top:1.7em;font-size:15px}.prose ul,.prose ol{padding-left:24px}.prose li+li{margin-top:6px}.prose blockquote{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-sub);margin-inline:0;padding:14px 18px}.prose blockquote>:first-child{margin-top:0}.prose code{background:var(--accent-light);color:var(--accent-hover);font-family:var(--font-mono);border-radius:4px;padding:.14em .4em;font-size:.86em}.prose pre{border-radius:var(--radius-sm);background:#22222a;padding:18px 20px;font-size:13px;line-height:1.7;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:13.5px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 12px}.prose th{background:var(--accent-light);white-space:nowrap;font-weight:700}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5em}.prose img{border:1px solid var(--border);border-radius:var(--radius-sm)}.figure{margin:28px 0}.figure img,.figure video{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:auto}.figure figcaption{color:var(--text-sub);margin-top:10px;font-size:13px;line-height:1.8}.diagram{width:100%;height:auto;color:var(--text);font-family:var(--font-sans);display:block}.diagram .d-box{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.diagram .d-box--accent{fill:var(--accent-light);stroke:var(--accent)}.diagram .d-text{fill:var(--text);font-size:14px}.diagram .d-text--accent{fill:var(--accent-hover);font-weight:600}.diagram .d-label{fill:var(--text-sub);font-size:12px}.diagram .d-code{font-family:var(--font-mono);fill:var(--accent-hover);font-size:13px}.level-note{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-sub);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:40px 0 20px;padding:14px 18px;font-size:13px;display:flex}.level-note strong{color:var(--text)}.pill-row{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pill{background:var(--surface);border:1px solid var(--border);color:var(--text-sub);border-radius:100px;padding:4px 14px;font-size:13px;display:inline-block}.pill:hover{border-color:var(--accent);color:var(--accent)}.term-link{border-bottom:1px dotted}.term-index{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:24px 0 40px;padding:20px 24px;font-size:14px}.term-index>strong{color:var(--text-sub);margin-bottom:10px;font-size:13px;display:block}.term-index ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.term-index li{grid-template-columns:minmax(7rem,auto) 1fr;align-items:baseline;gap:2px 14px;display:grid}.term-index span{color:var(--text-sub);font-size:13px}@media (width<=34rem){.term-index li{grid-template-columns:1fr}}.term{scroll-margin-top:76px}.term h2{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.term__en{font-family:var(--font-ui);color:var(--text-light);font-size:13px;font-weight:500}.term__anchor{color:var(--text-light);opacity:0;font-size:13px}.term h2:hover .term__anchor,.term__anchor:focus{opacity:1}.term__short{font-weight:700}.term__related{color:var(--text-sub);font-size:13px}.eyebrow{color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:700}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--surface);border-radius:var(--radius-sm);z-index:200;padding:8px 14px;top:8px;left:16px}@media (width<=768px){.hero{padding:48px 20px 36px}.band{padding:44px 0}.wrap{padding-inline:16px}.featured-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:1fr 1fr;gap:12px}.stack-lg>*+*{margin-top:40px}}@media (width<=640px){.cat-card{padding:18px 16px}}@media (width<=400px){.cat-grid{grid-template-columns:1fr}}.tag.level--beginner{background:var(--cat-nodes-bg);color:var(--cat-nodes);border-color:#0000}.tag.level--intermediate{background:var(--cat-claude-bg);color:var(--cat-claude);border-color:#0000}.tag.level--advanced{background:var(--cat-build-bg);color:var(--cat-build);border-color:#0000}.level-note--intermediate{border-color:var(--cat-claude);background:var(--cat-claude-bg)}.level-note--advanced{border-color:var(--cat-build);background:var(--cat-build-bg)}@media (prefers-reduced-motion:reduce){.figure--demo video{animation-play-state:paused}html{scroll-behavior:auto}.featured-card,.cat-card{transition:none}.featured-card:hover,.cat-card:hover{transform:none}}.nav-toggle{display:none}@media (width<=768px){.has-js .nav-toggle{color:var(--text-sub);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.has-js .nav-toggle:hover{color:var(--text);background:var(--accent-light)}.nav-toggle__icon--close,.nav-toggle[aria-expanded=true] .nav-toggle__icon--menu{display:none}.nav-toggle[aria-expanded=true] .nav-toggle__icon--close{display:block}.nav-toggle[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.has-js .site-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:2px;max-height:calc(100dvh - 60px);padding:8px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.site-header--open .site-nav{display:flex}.has-js .site-nav a{align-items:center;min-height:44px;padding:10px 12px;font-size:15px;display:flex}}.section-head--split{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head__more{font-family:var(--font-ui);color:var(--text-sub);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-top:2px;padding:7px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.section-head__more:after{content:"→";font-size:12px}.section-head__more:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}@media (width<=640px){.section-head--split{flex-direction:column;gap:12px}.section-head__more{align-self:flex-start;margin-top:0}}.point{border-radius:var(--radius-sm);border:1px solid var(--border);border-left:4px solid var(--text-light);background:var(--surface);margin:28px 0;padding:16px 18px}.point__label{font-family:var(--font-ui);letter-spacing:.02em;color:var(--text-sub);margin:0 0 6px;font-size:13px;font-weight:700}.point__body{color:var(--text);font-size:15px}.point__body>:first-child{margin-top:0}.point__body>:last-child{margin-bottom:0}.point--point{border-left-color:var(--cat-basics);background:var(--cat-basics-bg)}.point--point .point__label{color:var(--cat-basics)}.point--caution{border-left-color:var(--accent);background:var(--accent-light)}.point--caution .point__label{color:var(--accent)}.point--trap{border-left-color:var(--cat-build);background:var(--cat-build-bg)}.point--trap .point__label{color:var(--cat-build)}.point__body pre,.point__body table{font-size:13px}.changelog{margin:0;padding:0;list-style:none}.changelog__day+.changelog__day{margin-top:28px}.changelog__date{font-family:var(--font-ui);color:var(--text-sub);margin:0 0 10px;font-size:13px;font-weight:700}.changelog__items{border-left:2px solid var(--border);margin:0;padding:0;list-style:none}.changelog__item{align-items:flex-start;gap:12px;padding:10px 0 10px 16px;display:flex}.changelog__item+.changelog__item{border-top:1px solid var(--border)}.changelog__kind{text-align:center;min-width:3.2em;font-family:var(--font-ui);border-radius:999px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.changelog__kind--publish{background:var(--cat-nodes-bg);color:var(--cat-nodes)}.changelog__kind--correction{background:var(--cat-build-bg);color:var(--cat-build)}.changelog__kind--addition{background:var(--cat-basics-bg);color:var(--cat-basics)}.changelog__body{min-width:0}.changelog__body a{font-weight:500}.changelog__note{color:var(--text-sub);margin:4px 0 0;font-size:13px}@media (width<=480px){.changelog__item{flex-direction:column;gap:6px}.changelog__kind{margin-top:0}}