.guide-main{max-width:1180px;padding-bottom:50px}.guide-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;padding-top:32px;color:var(--muted)}.guide-breadcrumb a{color:var(--green)}.guide-title{max-width:900px}.guide-title h1{font-size:clamp(30px,4vw,46px);line-height:1.28;letter-spacing:-.7px}.guide-title p{max-width:800px;font-size:17px;line-height:1.85}.guide-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:24px}.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:48px}.guide-toc{display:flex;flex-direction:column;align-self:start;position:sticky;top:115px;border-inline-start:1px solid var(--line);padding:8px 0 8px 20px;gap:14px;font-size:13px}.guide-toc strong{font-size:14px}.guide-toc a{color:var(--muted);line-height:1.65}.guide-toc a:hover{color:var(--green)}.guide-prose{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 40px 36px}.guide-prose section{padding-top:22px;scroll-margin-top:120px}.guide-prose h2{font-size:24px;line-height:1.4;margin:14px 0}.guide-prose p,.guide-prose li{line-height:1.9;color:#455c50;overflow-wrap:anywhere}.guide-prose ol{padding-inline-start:24px}.guide-prose li{padding:4px 0}.guide-prose .code-block{margin:20px 0}.guide-prose pre{direction:ltr;text-align:left;max-height:640px;white-space:pre;overflow:auto}.guide-reference{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;color:var(--green)}.guide-related{margin-top:46px}.guide-related>h2{font-size:25px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-grid .doc-card{margin:0;display:flex;flex-direction:column}.guide-grid h2{font-size:23px;line-height:1.4}.guide-grid p{flex:1;color:var(--muted);line-height:1.85}.guide-duration{font-size:12px;color:var(--muted)}.guide-read{color:var(--green);font-weight:600;font-size:14px}.guide-skip{position:fixed;top:-100px;z-index:100;background:#fff;padding:12px 24px}.guide-skip:focus{top:8px}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:20px}.guide-toc{position:static;flex-direction:row;flex-wrap:wrap;border:0;padding:0 0 18px;border-bottom:1px solid var(--line)}.guide-toc strong{width:100%}.guide-toc a{padding:4px 0}.guide-prose{padding:10px 24px 28px}}
@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.guide-title p{font-size:15px}.guide-meta{gap:12px}.guide-prose{padding:8px 18px 24px}.guide-prose h2{font-size:22px}.guide-prose section{scroll-margin-top:160px}.guide-breadcrumb{font-size:12px;padding-top:22px}.guide-related{margin-top:30px}}

.guide-prose pre code{display:block;padding:0;background:transparent;color:#d8ede2;border-radius:0;font-size:inherit}.guide-prose .code-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#ecf3ee;color:var(--green);font-size:12px}.guide-prose .code-heading button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--green);padding:6px 10px;font-size:12px;cursor:pointer}.guide-grid h2 a{text-decoration:none}.guide-grid h2 a:hover{text-decoration:underline}