@charset "UTF-8";
.kc-guides { color:#201c2c; }
.guide-breadcrumbs { padding:24px 0 0; color:var(--muted); font-size:.82rem; }
.guide-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.guide-breadcrumbs li+li::before { content:"/"; margin-inline-end:8px; color:#aaa2b6; }
.guide-breadcrumbs a:hover { color:var(--purple); }
.guide-hero { padding:54px 0 42px; max-width:900px; }
.guide-meta { display:flex; flex-wrap:wrap; gap:10px 20px; margin-bottom:16px; color:var(--purple); font-size:.78rem; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.guide-hero h1 { max-width:920px; margin-bottom:18px; font-size:clamp(2.45rem,5vw,4.75rem); line-height:1.06; }
.guide-lede { max-width:760px; color:#5e5968; font-size:1.15rem; line-height:1.75; }
.guide-install-note { max-width:760px; margin:14px 0 0; color:var(--muted); font-size:.82rem; }
.guide-answer,.guide-paths,.guide-hub-note,.guide-note { border:1px solid #ded5ff; border-radius:16px; background:#f7f3ff; }
.guide-answer { margin-bottom:30px; padding:26px; }
.guide-answer h2 { font-size:1.35rem; }
.guide-answer p:last-child,.guide-note p:last-child,.guide-hub-note p:last-child { margin-bottom:0; }
.guide-figure { margin:0 0 34px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 18px 45px rgb(39 27 77 / 8%); }
.guide-figure img { width:100%; height:auto; }
.guide-figure figcaption,.guide-entry figcaption { padding:12px 16px; color:var(--muted); font-size:.75rem; line-height:1.55; }
.guide-layout { display:grid; grid-template-columns:minmax(210px,260px) minmax(0,780px); align-items:start; gap:48px; padding-bottom:64px; }
.guide-toc,.guide-body { min-width:0; }
.guide-toc { position:sticky; top:102px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.guide-toc h2 { margin-bottom:12px; font-size:1rem; }
.guide-toc ol { margin:0; padding-left:20px; color:var(--muted); font-size:.82rem; line-height:1.65; }
.guide-toc li+li { margin-top:7px; }
.guide-toc a:hover { color:var(--purple); text-decoration:underline; }
.guide-body>section { margin-bottom:42px; }
.guide-body h2 { margin-bottom:14px; font-size:1.72rem; }
.guide-body h3 { margin:28px 0 8px; }
.guide-body p,.guide-body li { color:#4e4959; line-height:1.78; }
.guide-body a,.guide-related a { color:#4f2cc4; text-decoration:underline; text-underline-offset:3px; }
.guide-body li+li { margin-top:8px; }
.guide-note { margin:24px 0; padding:20px; }
.guide-related { margin:46px 0 0; padding:24px; border-top:3px solid var(--purple); border-radius:12px; background:#fff; box-shadow:0 10px 32px rgb(39 27 77 / 7%); }
.guide-related h2 { font-size:1.25rem; }
.guide-table-scroll { overflow:auto; border:1px solid var(--line); border-radius:12px; background:#fff; }
.guide-status-table { width:100%; min-width:680px; border-collapse:collapse; font-size:.84rem; }
.guide-status-table caption { padding:14px; color:var(--muted); text-align:left; font-weight:700; }
.guide-status-table th,.guide-status-table td { padding:14px; border-top:1px solid var(--line); text-align:left; vertical-align:top; line-height:1.55; }
.guide-status-table thead th { color:#fff; background:#302354; }
.guide-paths { margin-bottom:42px; padding:28px; }
.guide-paths h2,.guide-directory>h2 { font-size:1.7rem; }
.guide-paths ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0 0; padding:0; list-style:none; }
.guide-paths li { display:flex; flex-direction:column; gap:10px; padding:20px; border-radius:12px; background:#fff; }
.guide-paths span { color:var(--muted); font-size:.88rem; line-height:1.6; }
.guide-paths a,.guide-entry-link { margin-top:auto; color:var(--purple); font-weight:800; }
.guide-directory { padding-bottom:64px; }
.guide-entry { display:grid; grid-template-columns:minmax(260px,42%) 1fr; gap:28px; margin:24px 0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
.guide-entry figure { margin:0; background:#f3f0f7; }
.guide-entry figure img { width:100%; height:auto; }
.guide-entry>div { padding:26px 26px 26px 0; }
.guide-entry h3 a:hover { color:var(--purple); }
.guide-entry p { color:var(--muted); }
.guide-hub-note { margin-top:32px; padding:28px; }
.guide-hub-note h2 { font-size:1.4rem; }
.guide-cta { color:#fff; background:#251c42; }
.guide-cta>.container { min-height:190px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.guide-cta h2 { margin-bottom:8px; font-size:2rem; }
.guide-cta p { margin:0; color:#d8d1eb; }
@media(max-width:860px){.guide-layout{grid-template-columns:1fr;gap:24px}.guide-toc{position:static}.guide-paths ol{grid-template-columns:1fr}.guide-entry{grid-template-columns:1fr}.guide-entry>div{padding:0 20px 24px}.guide-cta>.container{padding-block:38px;align-items:flex-start;flex-direction:column}.guide-hero{padding-top:38px}}
@media(max-width:560px){.guide-hero h1{font-size:2.35rem}.guide-hero{padding-bottom:28px}.guide-answer,.guide-paths,.guide-hub-note{padding:20px}.guide-body h2{font-size:1.45rem}.guide-figure,.guide-entry{border-radius:10px}}