.guide-root{background:var(--ks-bg);color:var(--ks-fg);min-height:100vh}.guide-container{max-width:1200px;margin:auto;padding:112px 28px 88px;line-height:1.75}.guide-container *{box-sizing:border-box}.guide-container a:focus-visible,.guide-container summary:focus-visible{outline:3px solid var(--ks-primary,#4f46e5);outline-offset:5px;border-radius:6px}.guide-hero{max-width:820px;margin-bottom:36px}.guide-eyebrow{color:var(--ks-fg-2);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.guide-container h1{font-size:clamp(28px,3.1vw,44px);line-height:1.22;letter-spacing:-.035em;font-weight:650;margin:12px 0 18px;overflow-wrap:anywhere}.guide-hero>p,.guide-lead{font-size:17px;color:var(--ks-fg-2);max-width:760px}.guide-container h2{font-size:21px;font-weight:600;line-height:1.4;margin-bottom:14px}.guide-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{display:flex;flex-direction:column;padding:25px;border:1px solid var(--ks-border,#ddd);border-radius:18px;background:var(--ks-surface,var(--ks-bg));text-decoration:none;transition:background .18s,border-color .18s;min-width:0}.guide-card:hover{border-color:var(--ks-fg-3,#888);background:var(--ks-bg-2,#f6f7f9)}.guide-card h2{font-size:19px;margin:10px 0}.guide-card p{color:var(--ks-fg-2);font-size:14px;margin:0 0 16px}.guide-card-label{font-size:12px;color:var(--ks-fg-2);margin-top:auto}.guide-card-number{font-size:13px;font-weight:600;color:var(--ks-fg-2)}.guide-quickstart{margin:36px 0;padding:28px;background:var(--ks-bg-2,#f6f7f9);border:1px solid var(--ks-border,#ddd);border-radius:18px}.guide-quickstart>p{color:var(--ks-fg-2);font-size:14px}.guide-quickstart ol{padding-left:22px;display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:16px}.guide-quickstart a{text-decoration:underline;text-underline-offset:4px;font-size:14px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--ks-fg-2);font-size:12px;margin-bottom:28px}.guide-breadcrumb a:hover{text-decoration:underline}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}.guide-sidebar{position:sticky;top:94px;font-size:13px;max-height:calc(100vh - 115px);overflow:auto}.guide-sidebar summary{font-weight:600;cursor:pointer;padding:10px 12px}.guide-sidebar nav{display:flex;flex-direction:column;gap:3px}.guide-sidebar a{padding:9px 12px;border-radius:8px;color:var(--ks-fg-2);line-height:1.45}.guide-sidebar a:hover,.guide-sidebar a[aria-current=page]{background:var(--ks-bg-2,#f2f3f7);color:var(--ks-fg)}.guide-sidebar a[aria-current=page]{border-left:3px solid var(--ks-primary,#4f46e5);font-weight:600}.guide-group-link{font-weight:600}.guide-other-groups{margin-top:20px;border-top:1px solid var(--ks-border,#ddd);padding-top:12px}.guide-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-article{min-width:0;scroll-margin-top:104px}.guide-article h1{font-size:clamp(27px,2.8vw,38px)}.guide-article section{margin:32px 0}.guide-steps{padding-left:25px}.guide-steps li{padding-left:7px;margin:0 0 18px;scroll-margin-top:110px}.guide-steps li::marker{font-weight:600;color:var(--ks-fg-2)}.guide-note,.guide-result{padding:22px 24px;border-radius:14px;background:var(--ks-bg-2,#f6f7f9);border:1px solid var(--ks-border,#ddd)}.guide-note p,.guide-result p{font-size:15px}.guide-note h2,.guide-result h2{font-size:17px;margin-bottom:8px}.guide-video{width:100%;aspect-ratio:16/9;height:auto;border-radius:14px;background:#0b1020;display:block}.guide-video-label{font-size:12px;color:var(--ks-fg-2);margin-bottom:10px}.guide-media{margin:32px 0}.guide-media summary{cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:4px}.guide-media img{display:block;width:100%;height:auto;border:1px solid var(--ks-border,#ddd);border-radius:12px;margin-top:16px}.guide-media figcaption{color:var(--ks-fg-2);font-size:12px;margin-top:8px}.guide-related{display:flex;gap:10px;flex-wrap:wrap}.guide-related a{border:1px solid var(--ks-border,#ddd);border-radius:10px;padding:10px 14px;font-size:14px;text-decoration:underline;text-underline-offset:3px}.guide-prerequisites{font-size:13px;color:var(--ks-fg-2);margin:16px 0}.guide-prerequisites a{text-decoration:underline}.guide-pagination{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--ks-border,#ddd);font-size:13px}.guide-pagination a{max-width:48%}.guide-pagination span{display:block;color:var(--ks-fg-2);font-size:11px}.guide-language-note{font-size:13px;background:var(--ks-bg-2,#f6f7f9);padding:12px;border-radius:10px;margin-bottom:20px}@media(max-width:900px){.guide-families{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.guide-module-grid{grid-template-columns:1fr}}@media(max-width:640px){.guide-container{padding:92px 18px 50px}.guide-families{grid-template-columns:1fr}.guide-card{padding:22px}.guide-layout{display:flex;flex-direction:column;gap:24px}.guide-sidebar{position:static;max-height:none;width:100%;border:1px solid var(--ks-border,#ddd);border-radius:12px;padding:6px}.guide-sidebar nav{max-height:220px;overflow:auto}.guide-sidebar details:not([open]){margin:0}.guide-other-groups{margin-top:4px;padding-top:4px}.guide-article{width:100%}.guide-quickstart{padding:22px}.guide-quickstart ol{display:block}.guide-quickstart li{margin-top:8px}.guide-note,.guide-result{padding:18px}.guide-pagination{flex-wrap:wrap}.guide-breadcrumb{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}.guide-quickstart ol,.guide-steps{list-style-type:decimal}.guide-article:target{scroll-margin-top:145px}.guide-media figcaption a{text-decoration:underline;text-underline-offset:3px}