.guide-page{width:min(100%,820px);color:var(--text);font-family:var(--font-app);margin:0 auto;padding:28px 18px 24px}.guide-hero{text-align:center;padding:24px 8px 26px}.guide-hero__badge{background:var(--gold-light);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);color:var(--brown);letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:750;display:inline-flex}.guide-hero__badge span{color:var(--gold);font-size:13px}.guide-hero__icon-wrap{background:radial-gradient(circle at 35% 35%, var(--gold-light), color-mix(in srgb, var(--gold) 15%, transparent));border:1.5px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 14px;display:grid;box-shadow:0 8px 24px #c8963e29}.guide-hero__icon{font-size:40px;line-height:1;display:block}.guide-hero h1{color:var(--text);letter-spacing:-.3px;margin:0 0 10px;font-size:max(24px,min(4.5vw,32px));font-weight:800;line-height:1.3}.guide-hero p{max-width:600px;color:var(--muted);margin:0 auto;font-size:14.5px;line-height:1.68}.guide-jump-bar{z-index:80;top:var(--nav-h,62px);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);margin:0 0 20px;padding:8px 0;position:sticky}.guide-jump-bar__scroller{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;align-items:center;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}@media (max-width:768px){.guide-jump-bar__scroller{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.guide-hero__badge,.guide-hero__icon-wrap{display:none}}.guide-jump-bar__scroller::-webkit-scrollbar{display:none}.guide-jump-bar a{border:1.5px solid var(--border2);background:var(--card);min-height:44px;color:var(--text2);white-space:nowrap;scroll-snap-align:start;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:4px 14px 4px 8px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #3c280a0d}.guide-jump-badge{background:var(--gold-light);border:1px solid color-mix(in srgb, var(--gold) 25%, transparent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;line-height:1;transition:transform .2s;display:grid}.guide-jump-label{line-height:1}.guide-jump-bar a:hover{border-color:var(--gold);color:var(--brown);transform:translateY(-1.5px);box-shadow:0 5px 16px #b4822d24}.guide-jump-bar a:hover .guide-jump-badge{transform:scale(1.1)}.guide-search{border:1.5px solid var(--border2);background:var(--card);box-shadow:var(--shadow);border-radius:18px;margin-bottom:22px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;position:relative}.guide-search:focus-within{border-color:color-mix(in srgb, var(--gold) 50%, var(--border2));box-shadow:0 6px 24px #b4822d1a}.guide-search__heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.guide-search__heading>div{align-items:center;gap:8px;display:flex}.guide-search__icon{color:var(--gold);place-items:center;line-height:1;display:grid}.guide-search h2{color:var(--text);margin:0;font-size:15px;font-weight:750}.guide-search__hint{color:var(--muted);font-size:11.5px}.guide-search input{border:1.5px solid var(--border);background:var(--bg2);width:100%;min-height:48px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:14px;padding:0 16px;font-size:14.5px;transition:border-color .15s,background .15s}.guide-search input:focus{border-color:var(--gold);background:var(--card);outline:3px solid color-mix(in srgb, var(--gold) 20%, transparent)}.guide-search__results{border-top:1px solid var(--border2);margin-top:12px;padding-top:10px}.guide-search__count{color:var(--muted);margin:2px 4px 8px;font-size:11.5px;font-weight:600}.guide-search__results ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.guide-search__results button{width:100%;min-height:44px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;transition:all .15s;display:flex}.guide-search__results button:hover{background:var(--gold-light);border-color:color-mix(in srgb, var(--gold) 25%, transparent)}.guide-search__results button:focus-visible{background:var(--gold-light);border-color:color-mix(in srgb, var(--gold) 25%, transparent)}.guide-search__results button span{overflow-wrap:anywhere;min-width:0;color:var(--brown);font-size:13.5px;font-weight:700}.guide-search__results button small{overflow-wrap:anywhere;max-width:100%;color:var(--muted);flex:none;font-size:11px}.guide-sections{gap:14px;display:grid}.guide-section{border:1.5px solid var(--border2);background:var(--card);border-radius:18px;transition:border-color .22s,box-shadow .22s;box-shadow:0 4px 18px #3c280a0a}.guide-section[open]{border-color:color-mix(in srgb, var(--gold) 55%, var(--border2));box-shadow:0 8px 30px #b4822d17,0 1px 3px #0000000a}.guide-section__summary{min-height:64px;color:var(--brown);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;font-size:16.5px;font-weight:750;line-height:1.45;list-style:none;display:flex}.guide-section__summary::-webkit-details-marker{display:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-section__title-group{align-items:center;gap:12px;display:inline-flex}.guide-icon-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 22%, var(--card)), color-mix(in srgb, var(--gold) 8%, var(--card)));border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;line-height:1;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 3px 10px #b4822d1f}.guide-section:hover .guide-icon-badge{transform:scale(1.06);box-shadow:0 4px 14px #b4822d2e}.guide-section__title-text{color:var(--brown);letter-spacing:-.1px;font-size:16.5px;font-weight:750}.guide-section__chevron{width:28px;height:28px;color:var(--gold);flex-shrink:0;place-items:center;transition:transform .25s cubic-bezier(.34,1.2,.64,1);display:grid}.guide-section[open]>.guide-section__summary .guide-section__chevron{transform:rotate(180deg)}.guide-section[open]>.guide-section__summary{border-bottom:1px solid var(--border2)}.guide-section__body{color:var(--text2);padding:16px 20px 24px}.guide-section__body>p,.guide-introduction,.guide-paragraph,.guide-card p,.guide-step p,.guide-callout p,.guide-link-card p,.guide-quote blockquote,.guide-faq__answer p,.guide-install-steps{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;color:var(--text2);margin:0 0 13px;font-size:15px;line-height:1.76}.guide-introduction{background:var(--bg2);border-left:3.5px solid var(--gold);color:var(--text);border-radius:12px;margin-bottom:18px;padding:12px 16px;font-style:italic}.guide-topic{border-top:1px solid var(--border2);padding:20px 0 6px}.guide-topic:first-of-type{border-top:none;padding-top:4px}.guide-topic h3{color:var(--brown);align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:750;line-height:1.45;display:flex}.guide-topic h3:before{content:"";background:var(--gold);border-radius:2px;flex-shrink:0;width:4px;height:16px;display:inline-block}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.guide-card{border:1px solid var(--border2);background:var(--bg2);border-radius:14px;margin:0;padding:16px;transition:transform .18s,border-color .18s;box-shadow:0 2px 8px #3c280a08}.guide-card:hover{border-color:color-mix(in srgb, var(--gold) 40%, var(--border2));transform:translateY(-2px)}.guide-card h4,.guide-bullets h4,.guide-step h4,.guide-callout strong,.guide-link-card strong,.guide-quote figcaption{color:var(--text);text-align:left;margin:0 0 6px;font-size:14.5px;font-weight:750;line-height:1.45}.guide-steps{gap:14px;margin:0 0 14px;padding:0;list-style:none;display:grid;position:relative}.guide-step{grid-template-columns:36px minmax(0,1fr);gap:14px;display:grid;position:relative}.guide-step:before{content:"";border-left:2px dashed color-mix(in srgb, var(--gold) 35%, transparent);width:2px;position:absolute;top:36px;bottom:-16px;left:17px}.guide-step:last-child:before{display:none}.guide-step__number{background:linear-gradient(135deg, var(--gold), var(--brown));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 3px 10px #b4822d40}.guide-bullets{border:1px solid var(--border2);background:var(--bg2);border-radius:14px;margin:0 0 12px;padding:16px}.guide-bullets ul{margin:0;padding-left:20px;font-size:15px;line-height:1.76}.guide-bullets li{text-align:justify;text-justify:inter-word}.guide-bullets li+li{margin-top:6px}.guide-callout{border:1px solid color-mix(in srgb, var(--gold) 35%, var(--border2));border-left:4.5px solid var(--gold);background:var(--gold-light);border-radius:14px;margin:0 0 14px;padding:16px 18px;box-shadow:0 2px 10px #c8963e14}.guide-callout--warning{border-color:color-mix(in srgb, var(--red) 35%, var(--border2));border-left-color:var(--red);background:color-mix(in srgb, var(--red) 8%, var(--card))}.guide-callout strong{color:var(--brown);font-size:14.5px;display:block}.guide-callout--warning strong{color:var(--danger-text)}.guide-quote{border:1px solid var(--border2);border-left:4px solid var(--gold);background:var(--bg2);border-radius:14px;margin:0 0 14px;padding:16px 18px}.guide-quote blockquote{color:var(--text);border:0;padding:0;font-style:italic}.guide-link-card{border:1px solid var(--border2);background:var(--bg2);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;padding:16px 18px;display:flex}.guide-link-card a,.guide-install-button{background:linear-gradient(135deg, var(--gold), color-mix(in srgb, var(--gold) 85%, #000));color:#fff;cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #b4822d38}.guide-link-card a:hover,.guide-install-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px #b4822d52}.guide-install-button{background:linear-gradient(135deg,#0779cc,#055e9f);margin:6px 0 14px;box-shadow:0 3px 12px #0779cc40}.guide-install-button:hover{box-shadow:0 5px 16px #0779cc59}.guide-install-status,.guide-install-fallback{background:var(--gold-light);color:var(--brown);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.6}.guide-faq-list{gap:10px;margin-top:10px;display:grid}.guide-faq{border:1.5px solid var(--border2);background:var(--bg2);border-radius:14px;transition:all .2s;box-shadow:0 2px 6px #3c280a05}.guide-faq[open]{border-color:color-mix(in srgb, var(--gold) 45%, var(--border2));background:var(--card);box-shadow:0 4px 16px #b4822d14}.guide-faq__summary{min-height:52px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:14.5px;font-weight:700;line-height:1.5;list-style:none;display:flex}.guide-faq__q-text{text-align:left;flex:1}.guide-faq__toggle{width:24px;height:24px;color:var(--gold);flex-shrink:0;place-items:center;transition:transform .22s cubic-bezier(.34,1.2,.64,1);display:grid}.guide-faq[open] .guide-faq__toggle{transform:rotate(45deg)}.guide-faq__answer{padding:4px 16px 16px}.guide-faq__answer p{text-align:justify;text-justify:inter-word;margin:0 0 10px;font-size:14.5px;line-height:1.76}.guide-faq__answer p:last-child{margin-bottom:0}.guide-focus-target{scroll-margin-top:calc(var(--nav-h,62px) + 82px)}.guide-topic:focus,.guide-focus-target:target{outline:3px solid color-mix(in srgb, var(--gold) 35%, transparent);outline-offset:4px;border-radius:12px}.guide-closing{background:color-mix(in srgb, var(--gold) 8%, var(--card));border:1px dashed color-mix(in srgb, var(--gold) 30%, transparent);color:var(--brown);text-align:center;border-radius:16px;margin:40px auto 0;padding:18px 24px;font-size:14.5px;font-style:italic;line-height:1.75;box-shadow:0 4px 16px #b4822d0d}@media (max-width:680px){.guide-page{padding:18px 12px 110px}.guide-hero{padding:var(--radius-control) 0}.guide-hero p{font-size:var(--font-size-body);line-height:1.5}.guide-hero__icon-wrap{width:64px;height:64px}.guide-hero__icon{font-size:34px}.guide-jump-bar{top:var(--nav-h,58px);margin-bottom:14px}.guide-jump-bar a{font-size:var(--font-size-label);padding:3px 12px 3px 6px}.guide-jump-badge{width:24px;height:24px;font-size:12.5px}.guide-search{padding:14px 16px}.guide-search input{font-size:var(--font-size-input)}.guide-search__hint{display:none}.guide-search__results button{flex-direction:column;align-items:flex-start;gap:3px}.guide-section__summary{min-height:58px;padding:10px 14px}.guide-icon-badge{width:36px;height:36px;font-size:18px}.guide-section__title-text{font-size:var(--font-size-card-title)}.guide-section__body{padding:12px 14px 20px}.guide-cards{grid-template-columns:minmax(0,1fr)}.guide-link-card{flex-direction:column;align-items:stretch}.guide-link-card a{align-self:flex-start}.guide-section__body>p,.guide-introduction,.guide-paragraph,.guide-card p,.guide-step p,.guide-callout p,.guide-link-card p,.guide-quote blockquote,.guide-faq__answer p,.guide-install-steps{font-size:var(--font-size-body);line-height:1.72}}@media (max-width:340px){.guide-page{padding-inline-start:8px;padding-inline-end:8px}}@media (prefers-reduced-motion:reduce){.guide-section__chevron,.guide-faq__toggle{transition:none}}.guide-backbar.svelte-1qjspiq{max-width:1160px;margin:0 auto 18px;padding:0 16px;display:flex}.guide-backbar.svelte-1qjspiq a:where(.svelte-1qjspiq){border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--brown);border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.guide-backbar.svelte-1qjspiq a:where(.svelte-1qjspiq):hover{border-color:var(--gold);background:var(--hover)}.guide-backbar.svelte-1qjspiq a:where(.svelte-1qjspiq):focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (max-width:768px){.guide-backbar.svelte-1qjspiq{margin-bottom:var(--radius-control);padding:0}}
