.guide-layout{flex-direction:column;min-height:100vh;display:flex}.guide-header{z-index:100;height:var(--header-height);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000014}.mobile-menu-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:6px;padding:.5rem;display:none}.mobile-menu-btn:hover{background:var(--color-bg-muted)}.guide-logo{color:var(--color-text);align-items:center;gap:.75rem;text-decoration:none;display:flex}.guide-logo:hover{text-decoration:none}.logo-image{border:none;border-radius:0;width:auto;height:28px}.logo-divider{background:var(--color-border);width:1px;height:24px}.logo-guide{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.header-app-link{background:var(--color-gradient);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #0f766e40}.header-app-link:hover{opacity:.9;color:#fff;text-decoration:none;transform:translateY(-1px)}.guide-body{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));display:flex}.guide-sidebar{top:var(--header-height);width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;padding:1rem 0 2rem;position:fixed;bottom:0;left:0;overflow-y:auto}.nav-list{margin:0;padding:0;list-style:none}.nav-link{color:#4b5563;border-left:2px solid #0000;padding:.4rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:var(--color-accent);background:var(--color-bg-soft);text-decoration:none}.nav-link.active{color:var(--color-accent-dark);border-left-color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.nav-group-toggle{text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem 1.25rem;font-size:.7rem;font-weight:600;display:flex}.nav-group-toggle:hover{color:var(--color-text)}.nav-sublist{margin:0;padding:0;list-style:none}.nav-sublist .nav-link{padding-left:2rem;font-size:.8125rem}.sidebar-footer{border-top:1px solid var(--color-border);margin-top:1.5rem;padding:1rem 1.25rem 0}.sidebar-footer-link{color:var(--color-text-muted);padding:.25rem 0;font-size:.75rem;text-decoration:none;display:block}.sidebar-footer-link:hover{color:var(--color-teal);text-decoration:none}.guide-content{margin-left:var(--sidebar-width);max-width:calc(var(--sidebar-width) + var(--content-max-width) + var(--toc-width) + 8rem);min-height:calc(100vh - var(--header-height));background:var(--color-bg);flex:1;padding:2.5rem 3rem 4rem}.sidebar-overlay{display:none}@media (width<=1024px){.mobile-menu-btn{display:block}.guide-sidebar{z-index:50;width:280px;transition:transform .2s;transform:translate(-100%)}.guide-sidebar.open{transform:translate(0)}.sidebar-overlay{inset:0;top:var(--header-height);z-index:40;background:#0000004d;display:block;position:fixed}.guide-content{margin-left:0;padding:1.5rem 1.25rem 3rem}}.markdown-layout{align-items:flex-start;gap:3rem;display:flex}.markdown-body{max-width:var(--content-max-width);flex:1;min-width:0}.markdown-body h1{color:var(--color-primary-dark);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.markdown-body h2{border-bottom:1px solid var(--color-border);color:var(--color-primary-dark);margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}.markdown-body h3{color:var(--color-primary);margin:2rem 0 .75rem;font-size:1.2rem;font-weight:600}.markdown-body h4{color:var(--color-primary);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}.markdown-body>p:first-of-type{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.75}.markdown-body p{margin:0 0 1rem}.markdown-body strong{color:var(--color-text);font-weight:600}.markdown-body ul,.markdown-body ol{margin:0 0 1rem;padding-left:1.5rem}.markdown-body li{margin-bottom:.35rem}.markdown-body li>ul,.markdown-body li>ol{margin-top:.35rem;margin-bottom:0}.markdown-body code{font-family:var(--font-mono);background:var(--color-bg-muted);color:var(--color-primary);border-radius:4px;padding:.15em .4em;font-size:.85em}.markdown-body pre{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:8px;margin:0 0 1.25rem;padding:1rem 1.25rem;overflow-x:auto}.markdown-body pre code{color:var(--color-text);background:0 0;padding:0;font-size:.8125rem;line-height:1.7}.table-wrapper{border:1px solid var(--color-border);border-radius:8px;margin:0 0 1.25rem;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%;font-size:.875rem}.markdown-body th{text-align:left;background:var(--color-primary-light);border-bottom:1px solid var(--color-border);white-space:nowrap;color:var(--color-primary-dark);padding:.625rem 1rem;font-weight:600}.markdown-body td{border-bottom:1px solid var(--color-border-light);vertical-align:top;padding:.625rem 1rem}.markdown-body tr:last-child td{border-bottom:none}.callout{border-left:4px solid;border-radius:8px;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.9375rem}.callout p:last-child{margin-bottom:0}.callout-info{background:var(--color-info-bg);border-color:var(--color-primary);color:var(--color-info-text)}.callout-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-text)}.callout-tip{background:var(--color-tip-bg);border-color:var(--color-accent);color:var(--color-tip-text)}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.markdown-body a{color:var(--color-teal);font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .15s}.markdown-body a:hover{color:var(--color-accent-dark);-webkit-text-decoration-color:var(--color-accent-dark);text-decoration-color:var(--color-accent-dark)}.markdown-body img{border:1px solid var(--color-border);border-radius:8px;margin:1rem 0;box-shadow:0 2px 8px #0000000f}.markdown-body img[alt*=Screenshot]{background:var(--color-bg-muted);justify-content:center;align-items:center;min-height:200px;display:flex}.toc{top:calc(var(--header-height) + 2rem);width:var(--toc-width);max-height:calc(100vh - var(--header-height) - 4rem);scrollbar-width:thin;flex-shrink:0;position:sticky;overflow-y:auto}.toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.toc-list{border-left:1px solid var(--color-border);margin:0;padding:0;list-style:none}.toc-item{margin:0}.toc-item a{color:var(--color-text-muted);border-left:2px solid #0000;margin-left:-1px;padding:.2rem 0 .2rem .875rem;font-size:.75rem;line-height:1.5;text-decoration:none;transition:all .15s;display:block}.toc-item a:hover{color:var(--color-text)}.toc-item .toc-active{color:var(--color-accent-dark);border-left-color:var(--color-accent);font-weight:500}.toc-level-3 a{padding-left:1.75rem;font-size:.7rem}@media (width<=1200px){.toc{display:none}}@media (width<=768px){.markdown-body h1{font-size:1.75rem}.markdown-body h2{font-size:1.25rem}}*,:before,:after{box-sizing:border-box;margin:0}:root{--color-primary:#305a65;--color-primary-light:#e6f0f3;--color-primary-dark:#003d4c;--color-accent:#00c853;--color-accent-light:#e6faee;--color-accent-dark:#00bb31;--color-teal:#0f766e;--color-gradient:linear-gradient(90deg, #0f766e 40%, #00bb31 100%);--color-text:#003d4c;--color-text-secondary:#505250;--color-text-muted:#707372;--color-bg:#fff;--color-bg-soft:#f8fafc;--color-bg-muted:#f1f5f9;--color-bg-page:#f9fafb;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#2ecc71;--color-warning:#f39c12;--color-danger:#e74c3c;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-info-bg:#e6f0f3;--color-info-border:#305a65;--color-info-text:#003d4c;--color-tip-bg:#e6faee;--color-tip-border:#00c853;--color-tip-text:#166534;--font-sans:"Noto Sans", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--header-height:60px;--sidebar-width:260px;--content-max-width:800px;--toc-width:200px}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);font-size:16px;line-height:1.7}body{min-height:100vh;margin:0}a{color:var(--color-teal);text-decoration:none}a:hover{color:var(--color-accent-dark);text-decoration:underline}img{border-radius:8px;max-width:100%;height:auto}::selection{background:var(--color-accent-light);color:var(--color-primary-dark)}