:root{--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--bg: #faf7f0;--bg-alt: #f4ede0;--bg-deep: #fff;--surface: #ede3d0;--surface2: #dfd2b6;--surface3: #cdbb98;--border: #e4d8be;--border-hi: #bfa57a;--text: #2e2a22;--text-dim: #6b614d;--text-bright: #1a1712;--text-hi: #0a0906;--accent: #c1440e;--accent-dim: rgba(193,68,14,.07);--accent-hi: #8f320a;--accent-glow: rgba(193,68,14,.14);--green: #4d7c0f;--green-dim: rgba(77,124,15,.08);--red: #b91c1c;--red-dim: rgba(185,28,28,.08);--amber: #92400e;--amber-dim: rgba(146,64,14,.08);--cyan: #0e7490;--cyan-dim: rgba(14,116,144,.08);--pink: #9d174d;--pink-dim: rgba(157,23,77,.08);--rule: #8b6f47;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 10px}[data-theme=dark]{--bg: #1a1612;--bg-alt: #211c16;--bg-deep: #1a1612;--surface: #2a231b;--surface2: #342b20;--surface3: #46392a;--border: #342b20;--border-hi: #5c4a34;--text: #d6c9af;--text-dim: #9b8a6d;--text-bright: #e8dcc4;--text-hi: #f5ecd4;--accent: #e56a33;--accent-dim: rgba(229,106,51,.14);--accent-hi: #f28955;--accent-glow: rgba(229,106,51,.22);--green: #a3c644;--green-dim: rgba(163,198,68,.12);--red: #e57373;--red-dim: rgba(229,115,115,.12);--amber: #d4a74a;--amber-dim: rgba(212,167,74,.12);--cyan: #6ab7c9;--cyan-dim: rgba(106,183,201,.12);--pink: #d88aa8;--pink-dim: rgba(216,138,168,.12);--rule: #b08a5c}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.8;min-height:100dvh;-webkit-font-smoothing:antialiased;font-size:16px;font-feature-settings:"kern","liga","onum";overflow-x:hidden}::selection{background:var(--accent-glow);color:var(--text-hi)}.fixed-nav{position:fixed;top:18px;right:18px;z-index:800;display:flex;gap:6px}.nav-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-hi);background:var(--bg);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none;box-shadow:0 2px 6px #0000000f}.nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(8deg)}.hero-band{min-height:72dvh;display:flex;flex-direction:column;justify-content:center;padding:120px 32px 80px;position:relative;background:var(--bg);border-bottom:1px solid var(--border);overflow:hidden}.hero-glow{display:none}.hero-band:before{content:"";position:absolute;inset:90px 32px 60px;border:1px solid var(--rule);pointer-events:none;opacity:.35}.hero-band:after{content:"—";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:280px;color:var(--accent);opacity:.04;pointer-events:none;z-index:0;line-height:1}.hero-inner{max-width:920px;margin:0 auto;width:100%;position:relative;z-index:2;text-align:center;padding:20px}.hero-inner:before{content:"✦  CLAUDEKIT  ·  GUIDE  ·  N° 01  ✦";display:block;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:4px;color:var(--accent);margin-bottom:28px;text-transform:uppercase}.post-eyebrow{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:0}.post-eyebrow:before,.post-eyebrow:after{content:"";width:30px;height:1px;background:var(--rule)}.post-title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.2rem);font-weight:600;color:var(--text-hi);letter-spacing:-.02em;line-height:1.08;max-width:720px;margin:12px auto 24px;font-variation-settings:"SOFT" 30,"WONK" 0}.post-title em{color:var(--accent);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1}.post-deck{font-family:var(--font-display);font-size:1.25rem;color:var(--text-dim);max-width:580px;line-height:1.55;margin:0 auto 30px;font-style:italic;font-weight:400}.post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.meta-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.5px;padding:6px 14px;border:1px solid var(--border-hi);color:var(--text-dim);background:transparent;text-transform:uppercase;border-radius:100px}.meta-tag--accent{border-color:var(--accent);color:var(--accent)}.toc-bar{position:fixed;top:0;left:0;right:0;z-index:700;display:flex;gap:2px;align-items:center;justify-content:center;overflow-x:auto;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 32px;transform:translateY(-100%);transition:transform .3s ease}.toc-bar.visible{transform:translateY(0)}.toc-bar::-webkit-scrollbar{display:none}.toc-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;flex-shrink:0;padding-right:16px;margin-right:14px;border-right:1px solid var(--rule)}.toc-link{display:block;font-family:var(--font-display);font-size:14px;color:var(--text-dim);text-decoration:none;padding:6px 14px;border-radius:100px;transition:all .2s;white-space:nowrap;flex-shrink:0;font-weight:500;font-style:italic}.toc-link:hover{color:var(--accent)}.toc-link.active{color:var(--accent);background:var(--accent-dim);font-style:normal;font-weight:600}.section-band{width:100%;padding:90px 32px;border-bottom:1px solid var(--border)}.section-band:nth-child(odd){background:var(--bg)}.section-band:nth-child(2n){background:var(--bg-alt)}.section-band .band-inner{max-width:880px;margin:0 auto}.sec-label{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--accent);display:flex;align-items:center;gap:12px;margin:0 0 14px;scroll-margin-top:70px;font-style:italic}.sec-label:before{content:"";width:40px;height:1px;background:var(--rule)}.sec-label:after{content:"";flex:1;height:1px;background:var(--rule);opacity:.3}h2.sec-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.6rem);font-weight:500;color:var(--text-hi);letter-spacing:-.02em;margin-bottom:28px;line-height:1.15;font-variation-settings:"SOFT" 30}h2.sec-title code{font-family:var(--font-mono);font-size:.7em;background:transparent;color:var(--accent);font-weight:400;padding:0;border:none}h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-bright);margin:40px 0 14px;line-height:1.3}p{margin-bottom:18px;font-size:16px}strong{color:var(--text-bright);font-weight:600}em{color:var(--accent)}a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-glow);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--accent)}code{font-family:var(--font-mono);font-size:.84em;background:var(--surface);color:var(--accent-hi);padding:2px 7px;border-radius:3px;border:1px solid var(--border)}ul,ol{margin-left:22px;margin-bottom:18px}li{margin-bottom:6px}li::marker{color:var(--accent)}.section-band .band-inner>p:first-of-type:first-letter,.section-band .band-inner>p[data-i18n$=_intro]:first-letter{font-family:var(--font-display);font-size:4.2em;font-weight:500;float:left;line-height:.88;margin:.08em .12em 0 0;color:var(--accent);font-variation-settings:"SOFT" 60,"WONK" 1}.code-block{background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);overflow:hidden;margin:22px 0 28px;box-shadow:0 4px 20px -8px #0000001f}.code-block__header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface2);border-bottom:1px solid var(--border-hi);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.code-block__dots{display:inline-flex;gap:6px;flex-shrink:0}.code-block__dots span{width:10px;height:10px;border-radius:50%;display:block}.code-block__dots span:nth-child(1){background:var(--accent)}.code-block__dots span:nth-child(2){background:var(--amber)}.code-block__dots span:nth-child(3){background:var(--green)}.code-block__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-block__copy{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border-hi);background:var(--bg);color:var(--text-dim);border-radius:50%;cursor:pointer;transition:all .15s;flex-shrink:0}.code-block__copy:hover{color:var(--accent);border-color:var(--accent)}.code-block__copy.copied{color:var(--green);border-color:var(--green);background:var(--green-dim)}.code-block__copy svg{display:block}.code-block__body{font-family:var(--font-mono);font-size:13px;line-height:1.8;padding:18px 20px;background:var(--bg);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow:auto;color:var(--text-bright)}.code-block__body .cmd{color:var(--accent)}.code-block__body .comment{color:var(--text-dim);font-style:italic}.code-block__body .flag{color:var(--cyan)}.compare-table{width:100%;border-collapse:collapse;margin:26px 0 32px;font-size:15px;border-top:2px solid var(--rule);border-bottom:2px solid var(--rule)}.compare-table th{font-family:var(--font-display);font-size:13px;text-transform:none;letter-spacing:0;color:var(--accent);text-align:left;padding:14px 16px;background:transparent;font-weight:600;font-style:italic;border-bottom:1px solid var(--rule)}.compare-table td{padding:14px 16px;border-top:1px solid var(--border);vertical-align:top;font-family:var(--font-body)}.compare-table tr:hover td{background:var(--surface)}.compare-table td:first-child{color:var(--text-dim);font-style:italic}.compare-table td:last-child{color:var(--text-bright);font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:26px 0}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;transition:all .25s}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 24px -10px #c1440e2e;transform:translateY(-2px)}.feature-card__icon{width:44px;height:44px;background:var(--accent-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:16px;color:var(--accent)}.feature-card__title{font-family:var(--font-display);font-weight:600;color:var(--text-bright);margin-bottom:8px;font-size:16px}.feature-card__title .pattern-num{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--accent);font-style:italic;display:block;margin-bottom:4px}.feature-card__desc{font-size:13.5px;color:var(--text-dim);line-height:1.6}.kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}.kit-card{padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px;transition:all .2s}.kit-card--active{background:linear-gradient(135deg,#d19b6414,#d19b6405);border-color:var(--accent)}.kit-card--soon{background:var(--bg);opacity:.7}.kit-card__name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--accent)}.kit-card--soon .kit-card__name{color:var(--text-dim)}.kit-card__desc{font-size:13.5px;color:var(--text-dim)}.callout{padding:16px 20px;border-radius:var(--radius-md);margin:16px 0}.callout--recommend{background:linear-gradient(135deg,#d19b641a,#d19b6408);border:1px solid var(--accent)}.callout p{font-size:16px;line-height:1.6;color:var(--text-mid);margin:0 0 12px}.cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--accent);color:var(--bg-deep);font-weight:600;font-size:14px;border-radius:var(--radius-sm);text-decoration:none;transition:all .2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px var(--accent-glow)}.loading-order-viz{background:var(--bg);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:20px;margin:18px 0}.loading-order-viz svg{display:block;width:100%;height:auto;max-width:720px;margin:0 auto}.loading-order-viz .lo-step-box{fill:var(--accent-dim);stroke:var(--accent)}.loading-order-viz .lo-step-circle{fill:var(--accent)}.loading-order-viz .lo-step-num{fill:#fff;font-family:var(--font-mono);font-weight:700}.loading-order-viz .lo-step-title{fill:var(--text-hi);font-family:var(--font-display);font-weight:600}.loading-order-viz .lo-step-desc{fill:var(--text-dim);font-family:var(--font-body)}.loading-order-viz .lo-arrow-line{stroke:var(--accent)}.loading-order-viz .lo-arrow-green{stroke:var(--green)}.loading-order-viz .lo-arrow-head{fill:var(--accent)}.loading-order-viz .lo-arrow-head-dim{fill:var(--accent-hi)}.loading-order-viz .lo-final-box{fill:var(--green-dim);stroke:var(--green)}.loading-order-viz .lo-final-text{fill:var(--green);font-family:var(--font-display);font-weight:600}.loading-order-viz .lo-hub-box{fill:var(--accent-dim);stroke:var(--accent)}.loading-order-viz .lo-hub-title{fill:var(--text-hi);font-family:var(--font-display);font-weight:600}.loading-order-viz .lo-hub-sub{fill:var(--text-dim);font-family:var(--font-body)}.loading-order-viz .lo-mech-box{fill:var(--bg);stroke:var(--border-hi)}.loading-order-viz .lo-mech-title{fill:var(--accent-hi);font-family:var(--font-display);font-weight:600}.loading-order-viz .lo-mech-sub{fill:var(--text-dim);font-family:var(--font-body)}.loading-order-viz .lo-mech-curve{stroke:var(--accent-hi);fill:none}.load-mechanisms{display:flex;flex-direction:column;gap:10px;margin:10px 0 0}.mech{background:var(--bg);border:1px solid var(--border-hi);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.mech[open]{border-color:var(--accent);box-shadow:0 4px 14px -6px #c1440e1f}.mech summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 18px;user-select:none}.mech summary::-webkit-details-marker{display:none}.mech__name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-hi);white-space:nowrap;flex-shrink:0}.mech__name code{font-size:12.5px;color:var(--accent);background:var(--accent-dim);padding:2px 7px;border-radius:3px}.mech__short{flex:1;font-size:13.5px;color:var(--text-dim);min-width:0;font-style:italic;font-family:var(--font-display)}.mech__chev{color:var(--text-dim);transition:transform .2s;flex-shrink:0;display:inline-flex}.mech[open] .mech__chev{transform:rotate(180deg);color:var(--accent)}.mech__body{padding:14px 18px 18px;border-top:1px dashed var(--border);font-size:14px;color:var(--text);line-height:1.75}.mech__body p{margin:0 0 10px}.mech__body p:last-child{margin-bottom:0}.mech__body code{font-size:12.5px;background:var(--surface);padding:1px 5px;border-radius:3px;color:var(--text-hi)}@media(max-width:600px){.mech summary{flex-wrap:wrap;gap:8px}.mech__short{flex-basis:100%;order:3}.mech__chev{margin-left:auto}}.cmd-grid{display:grid;gap:18px;margin:28px 0}.cmd-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;position:relative;overflow:hidden}.cmd-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent)}.cmd-card__name{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--accent);margin-bottom:10px}.cmd-card__desc{font-size:15px;color:var(--text);margin-bottom:14px;line-height:1.7}.cmd-card__example{font-family:var(--font-mono);font-size:13px;background:var(--surface);padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-bright);border-left:2px solid var(--accent)}.usecase-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin:22px 0;box-shadow:0 1px 3px #0000000a}.usecase-card__header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.usecase-card__num{width:42px;height:42px;background:var(--accent-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--accent)}.usecase-card__title{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text-hi)}.usecase-card__situation{font-size:14px;color:var(--text-dim);margin-bottom:16px;padding:14px 18px;background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--amber);font-style:italic;font-family:var(--font-display);font-size:15px}.usecase-card__result{font-size:14px;color:var(--green);padding:14px 18px;background:var(--green-dim);border-radius:var(--radius-sm);margin-top:16px;display:flex;align-items:flex-start;gap:12px;border-left:3px solid var(--green)}.usecase-card__result:before{content:"→";font-weight:600;font-size:17px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}@media(max-width:640px){.practice-grid{grid-template-columns:1fr}}.practice-card{padding:22px;border-radius:var(--radius-lg)}.practice-card--bad{background:var(--red-dim);border:1px solid color-mix(in srgb,var(--red) 25%,transparent)}.practice-card--good{background:var(--green-dim);border:1px solid color-mix(in srgb,var(--green) 25%,transparent)}.practice-card__label{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;margin-bottom:12px;font-style:italic}.practice-card--bad .practice-card__label{color:var(--red)}.practice-card--bad .practice-card__label:before{content:"✗  "}.practice-card--good .practice-card__label{color:var(--green)}.practice-card--good .practice-card__label:before{content:"✓  "}.practice-card__content{font-family:var(--font-mono);font-size:13px;color:var(--text);line-height:1.7;white-space:pre-line}.workflow-steps{display:flex;flex-direction:column;gap:0;margin:28px 0}.workflow-step{display:flex;align-items:flex-start;gap:18px;position:relative;padding:18px 0 18px 60px}.workflow-step:before{content:attr(data-step);position:absolute;left:0;top:18px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:700;border:1px solid var(--accent);color:var(--accent);background:var(--bg)}.workflow-step:not(:last-child):after{content:"";position:absolute;left:20px;top:60px;bottom:0;width:1px;background:linear-gradient(180deg,var(--accent) 0%,transparent 100%)}.workflow-step__content{flex:1}.workflow-step__cmd{font-family:var(--font-mono);font-size:14px;color:var(--accent);background:var(--surface);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:8px;display:inline-block}.workflow-step__desc{font-size:14px;color:var(--text-dim);line-height:1.6;font-style:italic;font-family:var(--font-display)}.cheat-table{width:100%;border-collapse:collapse;margin:22px 0;border-top:2px solid var(--rule);border-bottom:2px solid var(--rule)}.cheat-table th{font-family:var(--font-display);font-size:13px;font-style:italic;text-transform:none;color:var(--accent);text-align:left;padding:14px 16px;background:transparent;border-bottom:1px solid var(--rule)}.cheat-table td{padding:12px 16px;border-top:1px solid var(--border);font-size:15px}.cheat-table td:first-child{color:var(--text);font-family:var(--font-display);font-weight:500}.cheat-table td:last-child{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.cheat-table tr:hover td{background:var(--surface)}.scope-anatomy{margin:22px 0 26px}.os-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border-hi);border-radius:100px;margin-bottom:16px}.os-btn{font-family:var(--font-mono);font-size:11px;padding:7px 16px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:100px;transition:all .2s;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:1px}.os-btn:hover{color:var(--text-bright)}.os-btn.active{background:var(--accent);color:#fff}.scope-grid{display:grid;grid-template-columns:1fr;gap:18px}.scope-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px -4px #0000000f}.scope-card__header{padding:16px 18px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}.scope-card__icon{width:40px;height:40px;background:var(--accent-dim);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scope-card--global .scope-card__icon{background:var(--cyan-dim);color:var(--cyan)}.scope-card__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.scope-card__title{font-family:var(--font-display);font-weight:600;color:var(--text-hi);font-size:16px}.scope-card__sub{font-size:12px;color:var(--text-dim);font-style:italic;font-family:var(--font-display)}.path-tree{font-family:var(--font-mono);font-size:12.5px;line-height:1.8;padding:16px 18px;color:var(--text-bright);white-space:pre;overflow-x:auto;margin:0;flex:1}.path-tree .cmt{color:var(--text-dim);font-style:italic}.path-tree .pth{color:var(--accent-hi)}.scope-anatomy[data-os=unix] .paths-win,.scope-anatomy[data-os=win] .paths-unix{display:none}.installer-picker{margin:20px 0 14px;padding:24px;background:var(--bg);border:1px solid var(--border-hi);border-radius:var(--radius-lg);box-shadow:0 4px 20px -8px #00000014}.installer-picker[data-platform=unix] .path-win,.installer-picker[data-platform=win] .path-unix{display:none}.installer-picker[data-platform=unix]+.installer-warning .path-win,.installer-picker[data-platform=unix]~.installer-warning .path-win{display:none}.installer-picker[data-platform=win]+.installer-warning .path-unix,.installer-picker[data-platform=win]~.installer-warning .path-unix{display:none}.installer-picker__header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed var(--border-hi);flex-wrap:wrap}.installer-picker__badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);border-radius:50%;flex-shrink:0}.installer-picker__title{font-family:var(--font-display);font-weight:600;color:var(--text-hi);font-size:17px}.installer-picker__sub{font-size:13px;color:var(--text-dim);margin-top:2px;font-style:italic;font-family:var(--font-display)}.installer-picker__header .os-toggle{margin-bottom:0;flex-shrink:0}.installer-picker__q{margin-bottom:16px}.installer-picker__q[data-show-when]{display:none}.installer-picker[data-project=existing] .installer-picker__q[data-show-when="project=existing"]{display:block}.installer-picker__q-label{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-bright);text-transform:none;letter-spacing:0;margin-bottom:10px;display:flex;align-items:center;gap:8px;font-style:italic}.installer-picker__q-tag{font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--amber-dim);color:var(--amber);letter-spacing:.5px;text-transform:uppercase;font-style:normal}.installer-picker__opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.installer-picker__opts{grid-template-columns:1fr}.installer-picker{padding:16px}.installer-picker__header{gap:10px;margin-bottom:14px;padding-bottom:12px}.installer-picker__badge{width:32px;height:32px}.installer-picker__badge svg{width:16px;height:16px}.installer-picker__title{font-size:15px}.installer-picker__header .os-toggle{width:100%;justify-content:center}.os-btn{font-size:10px;padding:6px 10px}.installer-picker__cmd{font-size:12.5px;padding:14px}.installer-picker__meta{font-size:12px;padding:10px 14px}}.opt-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s;font-family:inherit;color:var(--text)}.opt-btn:hover{border-color:var(--accent);color:var(--text-hi)}.opt-btn strong{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-hi)}.opt-btn span{font-size:12.5px;color:var(--text-dim);line-height:1.5}.opt-btn.active{border-color:var(--accent);background:var(--accent-dim)}.opt-btn.active strong{color:var(--accent)}.installer-picker__output{margin-top:22px;border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--bg);overflow:hidden;box-shadow:0 6px 24px -10px var(--accent-glow)}.installer-picker__out-header{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 16px;background:var(--surface2);border-bottom:1px solid var(--border)}.installer-picker__out-dots{display:inline-flex;gap:6px;flex-shrink:0}.installer-picker__out-dots span{width:10px;height:10px;border-radius:50%;display:block}.installer-picker__out-dots span:nth-child(1){background:var(--accent)}.installer-picker__out-dots span:nth-child(2){background:var(--amber)}.installer-picker__out-dots span:nth-child(3){background:var(--green)}.installer-picker__out-label{flex:1;min-width:0;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px}.installer-picker__copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:50%;cursor:pointer;transition:all .15s;flex-shrink:0}.installer-picker__copy:hover{color:var(--accent);border-color:var(--accent)}.installer-picker__copy.copied{color:var(--green);border-color:var(--green);background:var(--green-dim)}.installer-picker__copy svg{display:block}.installer-picker__cmd{font-family:var(--font-mono);font-size:14px;line-height:1.85;color:var(--text-bright);background:var(--surface);padding:18px 20px;margin:0;white-space:pre-wrap;word-break:break-word}.installer-picker__cmd .prompt{color:var(--text-dim);user-select:none;margin-right:8px}.installer-picker__cmd .cmd-line{color:var(--accent-hi)}.installer-picker__meta{font-size:13px;color:var(--text-dim);padding:14px 18px;line-height:1.75;background:var(--surface2);border-top:1px dashed var(--border);font-style:italic;font-family:var(--font-display)}.installer-picker__meta strong{color:var(--text);font-weight:600;font-style:normal}.installer-picker__meta code{font-family:var(--font-mono);background:var(--surface);padding:1px 6px;border-radius:3px;color:var(--accent);font-size:12px;font-style:normal}.roadmap-section{margin:26px 0}.roadmap-level{margin-bottom:20px;padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.roadmap-level__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.roadmap-level__badge{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:1.5px;padding:4px 14px;border-radius:100px;text-transform:uppercase}.roadmap-level--beginner .roadmap-level__badge{background:var(--green-dim);color:var(--green)}.roadmap-level--intermediate .roadmap-level__badge{background:var(--amber-dim);color:var(--amber)}.roadmap-level--advanced .roadmap-level__badge{background:var(--pink-dim);color:var(--pink)}.roadmap-level__time{font-size:14px;color:var(--text-dim);font-style:italic;font-family:var(--font-display)}.roadmap-skills{display:flex;flex-wrap:wrap;gap:8px}.roadmap-skill{font-family:var(--font-mono);font-size:12px;padding:6px 13px;border-radius:100px;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:all .2s;text-decoration:none}.roadmap-skill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.roadmap-skill--more{font-family:var(--font-display);font-style:italic;font-weight:600;border-style:dashed;color:var(--accent-hi);background:var(--accent-dim);border-color:var(--accent);display:inline-flex;align-items:center;gap:6px}.roadmap-skill--more:hover{background:var(--accent);color:#fff;border-style:solid}.roadmap-ref{margin-top:16px;font-size:14px;color:var(--text-dim);display:flex;align-items:center;gap:8px;font-style:italic;font-family:var(--font-display)}.roadmap-ref a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px dashed var(--accent);font-style:normal}.roadmap-ref a:hover{color:var(--accent-hi);border-bottom-style:solid}.cheat-ref{margin-top:16px;font-size:14px;color:var(--text-dim);padding:14px 18px;background:var(--surface);border-left:3px solid var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;font-style:italic;font-family:var(--font-display)}.cheat-ref a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px dashed var(--accent);white-space:nowrap;font-style:normal}.callout{padding:22px 26px;margin:22px 0;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:16px;position:relative}.callout:before{content:'"';position:absolute;top:-20px;left:12px;font-family:var(--font-display);font-size:80px;color:var(--accent);opacity:.18;line-height:1}.callout--tip{border-left-color:var(--accent)}.callout__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.callout__title{font-family:var(--font-display);font-weight:600;color:var(--text-hi);font-size:17px;font-style:italic}.footer-band{padding:80px 32px;background:var(--bg-alt);border-top:1px solid var(--border)}.footer-inner{max-width:920px;margin:0 auto;text-align:center}.back-to-home-band{padding:32px;background:var(--bg-alt);border-top:1px solid var(--border);text-align:center}.back-to-home-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:background .2s,transform .15s}.back-to-home-btn:hover{background:var(--accent-hi, #8f320a);transform:translateY(-1px)}.back-to-home-btn svg{flex-shrink:0}.footer-summary{background:var(--bg);border:1px solid var(--border-hi);border-radius:var(--radius-xl);padding:44px 36px;margin-bottom:36px;box-shadow:0 4px 24px -8px #00000014;position:relative}.footer-summary:before{content:"✦";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--bg-alt);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-hi);font-size:14px}.footer-summary h3{font-family:var(--font-display);font-size:1.6rem;color:var(--text-hi);margin-bottom:18px;font-weight:500}.footer-workflow{font-family:var(--font-mono);font-size:13.5px;color:var(--accent);background:var(--surface);padding:14px 22px;border-radius:100px;margin:18px 0;display:inline-block;border:1px solid var(--border)}.footer-rules{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px;text-align:left}.footer-rule{position:relative;padding:20px 16px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .25s;display:flex;flex-direction:column;gap:4px;min-height:120px}.footer-rule:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 24px -10px var(--accent-glow)}.footer-rule__num{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--accent);letter-spacing:0;font-style:italic;line-height:1;margin-bottom:4px}.footer-rule__title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-hi);line-height:1.3}.footer-rule__desc{font-size:12.5px;color:var(--text-dim);line-height:1.55;margin-top:2px}.footer-rule__desc code{font-family:var(--font-mono);font-size:11.5px;padding:1px 5px;background:var(--surface);color:var(--text-hi);border-radius:3px;border:1px solid var(--border)}@media(max-width:900px){.footer-rules{grid-template-columns:repeat(3,1fr)}.footer-rule:nth-child(4){grid-column:1 / span 2}.footer-rule:nth-child(5){grid-column:3 / span 1}}@media(max-width:560px){.footer-rules{grid-template-columns:1fr 1fr}.footer-rule:nth-child(4),.footer-rule:nth-child(5){grid-column:auto}.footer-rule:nth-child(5){grid-column:1 / span 2}}.code-block__body,.installer-picker__cmd,.path-tree,.toc-bar,.mech__body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,transparent) transparent}.code-block__body::-webkit-scrollbar,.installer-picker__cmd::-webkit-scrollbar,.path-tree::-webkit-scrollbar,.toc-bar::-webkit-scrollbar,.mech__body::-webkit-scrollbar{width:8px;height:8px}.code-block__body::-webkit-scrollbar-track,.installer-picker__cmd::-webkit-scrollbar-track,.path-tree::-webkit-scrollbar-track,.toc-bar::-webkit-scrollbar-track,.mech__body::-webkit-scrollbar-track{background:transparent}.code-block__body::-webkit-scrollbar-thumb,.installer-picker__cmd::-webkit-scrollbar-thumb,.path-tree::-webkit-scrollbar-thumb,.toc-bar::-webkit-scrollbar-thumb,.mech__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:100px;border:2px solid transparent;background-clip:padding-box}.code-block__body::-webkit-scrollbar-thumb:hover,.installer-picker__cmd::-webkit-scrollbar-thumb:hover,.path-tree::-webkit-scrollbar-thumb:hover,.toc-bar::-webkit-scrollbar-thumb:hover,.mech__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 75%,transparent);background-clip:padding-box}.code-block__body::-webkit-scrollbar-corner,.installer-picker__cmd::-webkit-scrollbar-corner,.path-tree::-webkit-scrollbar-corner{background:transparent}@media(max-width:768px){.hero-band{padding:90px 20px 60px;min-height:60dvh}.hero-band:before{inset:60px 20px 40px}.section-band{padding:60px 20px}.post-title{font-size:clamp(2rem,7vw,2.6rem)}.toc-bar{justify-content:flex-start;padding:12px 16px}.cmd-card{padding:18px}.usecase-card{padding:22px}.feature-grid{grid-template-columns:1fr 1fr}.section-band .band-inner>p:first-of-type:first-letter{font-size:3.5em}}@media(max-width:480px){.feature-grid,.practice-grid,.kit-grid{grid-template-columns:1fr}}