: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 h1{margin:0 0 16px;font-size:clamp(24px,4vw,36px);line-height:1.5}.hero p{color:var(--text-sub);max-width:600px;margin:0 auto;font-size:15px;line-height:1.9}.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:160px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:10px;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:56px;height:56px;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:12px;left:12px}.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}.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}.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}.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}}