.guide-hero{padding:clamp(24px,4vw,44px);background:linear-gradient(125deg,rgba(158,241,37,.11),transparent 75%),var(--surface);margin-bottom:24px}.guide-hero h2,.guide-article-hero h2{font-size:clamp(26px,3vw,38px);margin:12px 0}.guide-hero p,.guide-article-hero p{max-width:760px;font-size:17px;line-height:1.9}.guide-search{max-width:720px;margin-top:24px}.guide-search>label{display:block;font-weight:700;margin-bottom:8px}.guide-search>div{display:flex;gap:10px}.guide-search input{min-width:0;flex:1}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;position:relative;padding:26px;gap:10px;color:var(--text);text-decoration:none;min-width:0}.guide-card h2{font-size:23px;margin:6px 0}.guide-card p{line-height:1.9;font-size:16px;margin:0 0 14px;color:var(--muted)}a.guide-card:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.guide-card-icon{display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:rgba(158,241,37,.12);color:var(--primary)}.guide-card-icon svg{width:26px;height:26px}.guide-card-count{position:absolute;inset-inline-end:24px;top:32px;font-size:13px;color:var(--muted)}.guide-card-link{display:flex;align-items:center;gap:8px;font-weight:800;margin-top:auto}.guide-card-link svg{width:18px;height:18px}.guide-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:24px}.guide-help h2{margin:0}.guide-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;font-size:14px}.guide-article-hero{padding:30px;margin-bottom:24px}.guide-article-hero>.button{display:table;margin-top:20px}.guide-reading-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:24px;align-items:start}.guide-toc{padding:22px;position:sticky;top:calc(var(--dashboard-topbar-height,80px) + 16px)}.guide-toc h3{margin:0 0 16px}.guide-toc ol{padding-inline-start:22px;margin:0 0 20px}.guide-toc li{padding:8px 0;line-height:1.7}.guide-toc a{color:var(--text);text-decoration:none}.guide-toc a:hover{color:var(--primary)}.guide-steps{min-width:0}.guide-demo-note{font-size:14px;line-height:1.8;padding:16px 20px;border-inline-start:2px solid var(--primary);background:var(--surface-2);border-radius:10px;margin:0 0 20px}.guide-step{padding:clamp(18px,3vw,30px);margin-bottom:22px;scroll-margin-top:calc(var(--dashboard-topbar-height,80px) + 22px)}.guide-step-heading{display:flex;gap:14px;align-items:center}.guide-step-heading h3{font-size:23px;line-height:1.6;margin:2px 0}.guide-step-heading small{color:var(--muted);font-size:13px}.guide-step-number{flex:0 0 40px;display:grid;place-items:center;height:40px;background:var(--primary);color:#101c0b;font-weight:900;border-radius:50%}.guide-copy{white-space:pre-line;line-height:2;font-size:17px;overflow-wrap:anywhere}.guide-figure{margin:22px 0 0}.guide-figure a{display:block;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.guide-figure img{width:100%;height:auto;display:block}.guide-figure a>span{position:absolute;inset-inline-end:12px;bottom:12px;background:#101a12;color:#fff;border:1px solid #9ef125;padding:7px 12px;border-radius:8px;font-size:13px}.guide-figure figcaption{margin-top:8px;color:var(--muted);font-size:13px}.guide-terms,.guide-faq{padding:26px;margin-bottom:22px;scroll-margin-top:calc(var(--dashboard-topbar-height,80px) + 22px)}.guide-table-wrap{overflow:auto}.guide-table-wrap table{width:100%;border-collapse:collapse;font-size:14px}.guide-table-wrap th,.guide-table-wrap td{padding:14px 10px;border-bottom:1px solid var(--border);text-align:start;vertical-align:top;line-height:1.7}.guide-faq details{border-top:1px solid var(--border);padding:18px 0}.guide-faq summary{font-size:17px;cursor:pointer;font-weight:700}.guide-related>div,.guide-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.guide-actions{margin:16px 0}.guide-image-dialog{width:min(1400px,95vw);max-height:94dvh;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);overflow:auto}.guide-image-dialog::backdrop{background:rgba(0,0,0,.8)}.guide-image-dialog>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.guide-image-dialog h2{font-size:18px;margin:0}.guide-image-dialog img{max-width:100%;height:auto;display:block;margin:auto}.guide-editor>.dashboard-panel{padding:24px}.guide-editor-languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.guide-editor-languages section{min-width:0}.guide-editor label{display:block;font-weight:700;margin:14px 0}.guide-editor label input:not([type=checkbox]),.guide-editor label textarea{display:block;width:100%;margin-top:8px;font-weight:400}.guide-editor label small{display:block;font-weight:400;line-height:1.7;color:var(--muted);margin-top:8px}.guide-editor input[type=checkbox]{width:18px;height:18px}.guide-editor-image{display:block;max-width:100%;max-height:230px;border:1px solid var(--border);border-radius:12px;margin:16px 0}.guide-editor-step,.guide-editor-faq{padding:22px;margin:22px 0;min-width:0}.guide-editor-step legend,.guide-editor-faq legend{font-weight:800;padding:0 12px}.guide-save-bar{position:sticky;bottom:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:24px;z-index:3;box-shadow:0 8px 24px rgba(0,0,0,.15)}.guide-search input:focus-visible,.guide-toc a:focus-visible,.guide-card:focus-visible,.guide-figure a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media(max-width:1100px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-reading-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{position:static}.guide-toc ol{columns:2}}@media(max-width:640px){.guide-grid,.guide-editor-languages{grid-template-columns:minmax(0,1fr)}.guide-help{align-items:stretch;flex-direction:column}.guide-search>div{flex-direction:column}.guide-toc ol{columns:1}.guide-hero,.guide-article-hero{padding:22px}.guide-step-heading h3{font-size:21px}.guide-copy{font-size:16px}.guide-card-count{font-size:12px}.guide-image-dialog{padding:10px}.guide-image-dialog h2{font-size:15px}.guide-terms{padding:16px}}
