/* The guide layout renders the same Markdown files used on GitHub. */
.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:54px;align-items:start;padding-block:38px 64px}
.guide-sidebar{position:sticky;top:112px;max-height:calc(100dvh - 132px);overflow:auto}
.guide-menu>summary{display:none}
.guide-menu nav{display:grid;gap:3px}
.guide-menu a{padding:10px 14px;min-height:44px;text-decoration:none;font-size:14px;border-left:2px solid transparent;color:var(--muted)}
.guide-menu a:hover{background:var(--surface);color:var(--text)}
.guide-menu a[aria-current=page]{background:var(--surface-raised);border-color:var(--mint);color:var(--mint)}
.guide-main{min-width:0}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:30px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}
.guide-content{max-width:790px;font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.guide-content h1{font-size:clamp(34px,4vw,48px);margin:0 0 26px}
.guide-content h2{font-size:29px;margin:46px 0 18px;letter-spacing:-.025em}
.guide-content h3{font-size:22px;margin:30px 0 14px}
.guide-content h1,.guide-content h2,.guide-content h3,.guide-content [id]{scroll-margin-top:126px}
.guide-content p,.guide-content ul,.guide-content ol,.guide-content table,.guide-content pre,.guide-content blockquote{margin:18px 0}
.guide-content p,.guide-content li{color:var(--text)}
.guide-content li{margin-block:8px}
.guide-content li>p{margin-block:8px}
.guide-content a{color:var(--mint)}
.guide-content img{border:1px solid var(--line);border-radius:8px;margin:22px auto;max-width:100%}
.guide-content pre{padding:18px 20px;background:#101c13;border:1px solid var(--line);border-radius:7px;overflow:auto;line-height:1.55}
.guide-content code{font-size:.9em;background:var(--surface-raised);border-radius:3px;padding:2px 5px}
.guide-content pre code{background:none;padding:0}
.guide-content table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
.guide-content th{text-align:left;color:var(--text);background:var(--surface-raised)}
.guide-content td,.guide-content th{padding:13px 15px;border:1px solid var(--line);vertical-align:top}
.guide-content th:first-child,.guide-content td:first-child{width:36%}
.guide-content blockquote{padding:12px 22px;border-left:3px solid var(--mint);background:var(--surface)}
.guide-content hr{border:0;border-top:1px solid var(--line);margin-block:32px}
.page-outline{padding:0 18px;border:1px solid var(--line);border-radius:7px;background:var(--surface);margin:24px 0}
.page-outline summary{cursor:pointer;color:var(--mint);font-size:15px;min-height:48px;padding:12px 0}
.page-outline nav{padding-bottom:14px}
.page-outline a{display:block;padding:6px 0;font-size:14px;line-height:1.5;text-decoration:none}
.page-outline a:hover{text-decoration:underline}
.page-outline a[data-level="3"]{padding-left:17px;color:var(--muted)}
.guide-pagination{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);margin-top:48px;padding-top:26px}
.guide-pagination a{flex:1;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--mint);font-size:16px}
.guide-pagination span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.guide-feedback{font-size:14px;line-height:1.8;margin-top:30px}
.guide-feedback p{margin-block:12px}
.guide-feedback a{color:var(--mint)}
.guide-content .architecture-flow{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.architecture-flow ol{margin:0;padding-left:24px}
.architecture-flow li{padding-block:4px}
@media(max-width:980px){.guide-layout{gap:30px;grid-template-columns:190px minmax(0,1fr)}.guide-menu a{font-size:13px;padding-inline:10px}}
@media(max-width:760px){.guide-layout{display:block;padding-block:22px 42px}.guide-sidebar{position:static;max-height:none;margin-bottom:26px}.guide-menu{border:1px solid var(--line);border-radius:7px;background:var(--surface)}.guide-menu>summary{display:list-item;padding:12px 16px;min-height:48px;cursor:pointer;color:var(--mint)}.guide-menu nav{padding:0 8px 12px}.guide-menu a{font-size:15px;padding:10px 12px}.guide-content{font-size:16px;line-height:1.75}.guide-content h2{font-size:26px;margin-top:38px}.guide-content h3{font-size:21px}.guide-content td,.guide-content th{padding:10px 9px}.guide-content table{font-size:14px}.guide-content pre{font-size:14px;padding:14px}.breadcrumbs{margin-bottom:22px;font-size:13px}.page-outline a{min-height:44px;font-size:15px;padding-block:10px}.guide-pagination{gap:12px}.guide-pagination a{font-size:14px;padding:13px}.guide-feedback{font-size:14px}}
@media print{.site-header,.site-footer,.guide-sidebar,.breadcrumbs,.page-outline,.guide-pagination,.guide-feedback{display:none!important}.guide-layout{display:block;width:100%;padding:0}.guide-content{max-width:none;color:#111}.guide-page{background:white}.guide-content p,.guide-content li,.guide-content a,.guide-content h1,.guide-content h2,.guide-content h3{color:#111}.guide-content table{font-size:11px}}

.guide-diagram{overflow:auto;margin:26px 0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.guide-diagram svg{display:block;width:100%;min-width:620px;height:auto;margin:auto}