.guides-page{--blue: var(--color-info);--blue-soft: rgb(from var(--color-info) r g b / .09);--code-bg: #0c0a09;--code-line: rgba(255, 255, 255, .08)}.guides-page .progress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--violet-2),var(--mint));z-index:90}.guides-page .kicker-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.guides-page .g-pill{font-size:.69rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:6px 9px;border-radius:999px}.guides-page .g-pill.mint{color:var(--mint);background:color-mix(in srgb,var(--mint) 9%,var(--surface));border-color:color-mix(in srgb,var(--mint) 28%,var(--line))}.guides-page .g-pill.gold{color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface));border-color:color-mix(in srgb,var(--gold) 28%,var(--line))}.guides-page .g-pill.rose{color:var(--rose);background:color-mix(in srgb,var(--rose) 9%,var(--surface));border-color:color-mix(in srgb,var(--rose) 26%,var(--line))}.guides-page .build-card{position:relative;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;padding:18px}.guides-page .build-top{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:.73rem;border-bottom:1px solid var(--line);padding:0 2px 12px;margin-bottom:13px}.guides-page .pipeline{display:grid;gap:9px}.guides-page .pipe-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid var(--line-soft);border-radius:14px;padding:11px 12px;background:var(--surface-2)}.guides-page a.pipe-row{text-decoration:none;transition:border-color .18s ease,background .18s ease}.guides-page a.pipe-row:hover{border-color:var(--violet);background:var(--surface-3)}.guides-page .pipe-num{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font:800 .68rem/1 var(--font-mono);color:var(--violet);background:var(--surface-3);border:1px solid var(--line)}.guides-page .pipe-row:nth-child(2) .pipe-num{color:var(--mint)}.guides-page .pipe-row:nth-child(3) .pipe-num{color:var(--gold)}.guides-page .pipe-row:nth-child(4) .pipe-num{color:var(--blue)}.guides-page .pipe-row:nth-child(5) .pipe-num{color:var(--rose)}.guides-page .pipe-copy b{display:block;font-size:.81rem}.guides-page .pipe-copy span{display:block;font-size:.7rem;color:var(--muted-2);margin-top:1px}.guides-page .pipe-tag{font:730 .64rem/1 var(--font-mono);color:var(--muted-2);border:1px solid var(--line);border-radius:8px;padding:6px 7px;background:var(--surface-3)}.guides-page .build-note{margin-top:12px;border:1px solid color-mix(in srgb,var(--violet) 32%,var(--line));border-radius:15px;padding:14px;background:color-mix(in srgb,var(--violet) 7%,var(--surface));font-size:.78rem;color:var(--muted)}.guides-page .build-note b{color:var(--ink)}.guides-page .guide-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:46px;align-items:start;padding:72px 0 108px}.guides-page .toc{position:sticky;top:98px;max-height:calc(100vh - 130px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:17px}.guides-page .toc-title{font-size:.78rem;font-weight:780;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-2);margin:0 0 12px}.guides-page .toc a{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:9px;color:var(--muted);font-size:.78rem;line-height:1.3;transition:background .15s ease,color .15s ease}.guides-page .toc a:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-line-strong);flex:0 0 auto}.guides-page .toc a:hover,.guides-page .toc a.active{background:var(--surface-2);color:var(--ink)}.guides-page .toc a.active:before{background:var(--mint)}.guides-page .toc-divider{height:1px;background:var(--line);margin:12px 0}.guides-page .toc-meta{display:grid;gap:8px}.guides-page .toc-meta div{display:flex;justify-content:space-between;gap:12px;font-size:.7rem;color:var(--muted-2)}.guides-page .toc-meta b{color:var(--ink)}.guides-page .article{min-width:0}.guides-page .article-section{scroll-margin-top:96px;padding:0 0 66px;margin:0 0 66px;border-bottom:1px solid var(--line-soft)}.guides-page .article-section:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.guides-page .section-label{display:inline-flex;align-items:center;gap:9px;color:var(--violet);font-size:.72rem;font-weight:780;letter-spacing:.1em;text-transform:uppercase}.guides-page .section-label:before{content:"";width:20px;height:1px;background:var(--violet)}.guides-page .article h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.052em;margin:12px 0 16px}.guides-page .article h3{font-size:1.18rem;letter-spacing:-.025em;margin:30px 0 10px}.guides-page .article p{color:var(--muted);font-size:1rem;margin:0 0 18px;max-width:800px}.guides-page .article p.lead{font-size:1.08rem;color:color-mix(in srgb,var(--muted) 90%,var(--ink))}.guides-page .article ul{margin:0 0 18px;padding:0 0 0 20px;color:var(--muted);max-width:800px}.guides-page .article li{margin:0 0 8px}.guides-page .article a:not(.doc-card){color:var(--violet);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--violet) 35%,transparent);text-underline-offset:3px}.guides-page .article a:not(.doc-card):hover{text-decoration-color:var(--violet)}.guides-page .article code{font-size:.86em;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:6px;padding:1px 5px}.guides-page .article a code{color:inherit}.guides-page .prereq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 8px}.guides-page .prereq{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px}.guides-page .prereq b{display:block;font-size:.82rem;margin:9px 0 0;color:var(--ink)}.guides-page .prereq-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-3);color:var(--violet);font:800 .68rem/1 var(--font-mono)}.guides-page .callout{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:15px 17px;margin:22px 0;color:var(--muted);font-size:.86rem}.guides-page .callout strong{color:var(--ink)}.guides-page .callout.mint{border-color:color-mix(in srgb,var(--mint) 30%,var(--line));background:color-mix(in srgb,var(--mint) 7%,var(--surface))}.guides-page .callout.gold{border-color:color-mix(in srgb,var(--gold) 28%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--surface))}.guides-page .callout.rose{border-color:color-mix(in srgb,var(--rose) 26%,var(--line));background:color-mix(in srgb,var(--rose) 7%,var(--surface))}.guides-page .arch{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:18px;margin:26px 0;box-shadow:var(--shadow)}.guides-page .arch-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;align-items:stretch}.guides-page .arch-node{position:relative;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-2);padding:14px}.guides-page .arch-node:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;width:11px;height:1px;background:var(--violet-2);opacity:.5}.guides-page .arch-node small{font:760 .62rem/1 var(--font-mono);color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em}.guides-page .arch-node b{display:block;font-size:.8rem;margin:9px 0 4px;color:var(--ink)}.guides-page .arch-node span{display:block;color:var(--muted);font-size:.72rem;line-height:1.45}.guides-page .arch-node:nth-child(2) small{color:var(--mint)}.guides-page .arch-node:nth-child(3) small{color:var(--gold)}.guides-page .arch-node:nth-child(4) small{color:var(--blue)}.guides-page .arch-node:nth-child(5) small{color:var(--rose)}.guides-page .g-code{border:1px solid var(--line);border-radius:18px;background:var(--code-bg);overflow:hidden;margin:22px 0 26px;box-shadow:var(--shadow-md)}.guides-page .code-head{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 13px 8px 15px;border-bottom:1px solid var(--code-line);color:#c6c0d2;font-size:.7rem}.guides-page .code-head-left{display:flex;align-items:center;gap:9px;min-width:0}.guides-page .code-head strong{color:#f4f0ff;font-size:.74rem}.guides-page .code-lang{color:#8edbc7;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.61rem}.guides-page .copy-btn{border:1px solid #6b6875;background:transparent;color:#c6c0d2;border-radius:8px;padding:6px 9px;font-size:.65rem;font-weight:700;cursor:pointer;white-space:nowrap}.guides-page .copy-btn:hover{color:#fff;border-color:#bcaeff}.guides-page .code-note{padding:12px 20px 16px;margin:0;color:#a7a0b9;font-size:.72rem;border-top:1px solid var(--code-line)}.guides-page .g-code .claw-codeblock{border:0;border-radius:0;box-shadow:none;background:transparent}.concept-page .guides-page .g-code pre.astro-code{padding:18px 20px;font-size:.78rem;line-height:1.7}.guides-page .g-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:22px 0}.guides-page .rule{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:15px}.guides-page .rule .rule-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:780}.guides-page .rule b{display:block;margin:8px 0 5px;font-size:.9rem;color:var(--ink)}.concept-page .guides-page .g-rules>*{min-width:0}.concept-page .guides-page .rule b{overflow-wrap:anywhere}.guides-page .rule span{display:block;color:var(--muted);font-size:.8rem}.guides-page .rule:nth-child(3n+1) b{color:var(--mint)}.guides-page .rule:nth-child(3n+2) b{color:var(--violet)}.guides-page .rule:nth-child(3n) b{color:var(--gold)}.guides-page .g-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.guides-page .check{display:flex;gap:11px;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px}.guides-page .check i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--mint) 11%,var(--surface));color:var(--mint);font-style:normal;font-size:.7rem;font-weight:900;flex:0 0 auto}.guides-page .check span{display:block;color:var(--muted);font-size:.82rem}.guides-page .g-table{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:auto}.guides-page .g-table table{width:100%;border-collapse:collapse;font-size:.84rem}.guides-page .g-table th{text-align:left;padding:12px 14px;background:var(--surface-2);color:var(--muted-2);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.guides-page .g-table td{padding:12px 14px;border-top:1px solid var(--line-soft);color:var(--muted)}.guides-page .g-table tbody tr td:first-child{color:var(--ink);font-weight:650}.guides-page .doc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.guides-page .doc-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.guides-page .doc-card:hover{transform:translateY(-2px);border-color:var(--violet)}.guides-page .doc-card small{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.guides-page .doc-card b{display:block;font-size:.86rem;margin:7px 0 4px;color:var(--ink)}.guides-page .doc-card span{display:block;color:var(--muted);font-size:.76rem}.guides-page .doc-card .go{display:block;color:var(--violet);font-size:.72rem;font-weight:760;margin-top:10px}.guides-page .next-section{padding:96px 0;border-top:1px solid var(--line-soft)}.guides-page .next-head{max-width:730px;margin-bottom:36px}.guides-page .next-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 12px}.guides-page .next-head p{color:var(--muted);margin:0}.guides-page .next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guides-page .next-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:19px;min-height:210px;display:flex;flex-direction:column;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.guides-page .next-card:hover{transform:translateY(-2px);border-color:var(--violet)}.guides-page .next-card .type{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:780}.guides-page .next-card h3{font-size:1rem;margin:10px 0 8px;color:var(--ink)}.guides-page .next-card p{color:var(--muted);font-size:.8rem;margin:0 0 16px}.guides-page .next-card .go{margin-top:auto;color:var(--violet);font-size:.75rem;font-weight:760}.guides-page .level-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.guides-page .level-head p{color:var(--muted);font-size:.95rem;margin:0;max-width:620px}.guides-page .hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guides-page .hub-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px;display:flex;flex-direction:column;min-height:200px;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.guides-page .hub-card:hover{transform:translateY(-2px);border-color:var(--violet)}.guides-page .hub-card h3{font-size:1.02rem;margin:12px 0 8px;letter-spacing:-.02em;color:var(--ink)}.guides-page .hub-card p{color:var(--muted);font-size:.83rem;margin:0 0 18px}.guides-page .hub-card .go{margin-top:auto;color:var(--violet);font-size:.76rem;font-weight:760}.guides-page .hub-meta{display:flex;align-items:center;gap:8px}@media(prefers-reduced-motion:reduce){.guides-page .doc-card,.guides-page .next-card,.guides-page .hub-card,.guides-page .toc a{transition:none}.guides-page .doc-card:hover,.guides-page .next-card:hover,.guides-page .hub-card:hover{transform:none}}@media(max-width:1080px){.guides-page .guide-wrap{grid-template-columns:220px minmax(0,1fr);gap:28px}.guides-page .prereq-grid,.guides-page .doc-links,.guides-page .next-grid,.guides-page .hub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.guides-page .guide-wrap{grid-template-columns:minmax(0,1fr);padding-top:48px}.guides-page .toc{display:none}.guides-page .g-checklist{grid-template-columns:1fr}}@media(max-width:720px){.guides-page .prereq-grid,.guides-page .doc-links,.guides-page .next-grid,.guides-page .hub-grid{grid-template-columns:1fr}.guides-page .pipe-row{grid-template-columns:40px minmax(0,1fr)}.guides-page .pipe-tag{display:none}.guides-page .article h2{font-size:2.2rem}.guides-page .article-section{padding-bottom:52px;margin-bottom:52px}.guides-page .next-section{padding:56px 0}.concept-page .guides-page .g-code pre.astro-code{padding:16px;font-size:.72rem}.guides-page .hero-actions .concept-btn{width:100%}}