/* Technical Guide v1: reuse the website palette, header and reading canvas. */
.guide-body a{color:var(--blue2)}
.guide-body .brand{flex-shrink:0}
.guide-body .secondary{text-decoration:none;display:inline-block}
.guide-body .nav-item{text-decoration:none;line-height:1.3}
.guide-body .sidebar{overflow-y:auto}
.guide-body .guide-topics{gap:2px}
.guide-topics .nav-item{padding:9px 13px;font-size:14px}
.guide-article{max-width:960px;margin:auto;overflow-wrap:anywhere}
.guide-version{color:#526780;font-size:14px;line-height:1.5}
.guide-search-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;margin:26px 0 32px;box-shadow:0 8px 26px rgba(30,77,126,.06)}
.guide-search-box label{display:block;font-weight:700;margin-bottom:10px}
.guide-search-row{display:flex;gap:10px;align-items:stretch}
.guide-search-row input{min-width:0;flex:1;width:100%;border:1px solid #aac6df;border-radius:10px;padding:13px;color:var(--ink);background:#fbfdff;font:inherit}
.guide-search-row button{flex-shrink:0}
#guideSearchHelp{font-size:14px;color:#526780;line-height:1.5;margin:12px 0}
.guide-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.guide-actions p{margin:8px auto 8px 0;font-size:14px;color:#40566f}
.guide-actions button{font-size:14px;padding:10px 13px}
.guide-topic{margin:36px 0;scroll-margin-top:calc(var(--header) + 20px)}
.guide-topic h2{font-size:clamp(23px,3vw,30px);line-height:1.25;margin:0 0 15px}
.guide-question{background:var(--white);border:1px solid var(--line);border-radius:12px;margin:9px 0;overflow:hidden}
.guide-question summary{padding:17px 20px;cursor:pointer;font-weight:650;line-height:1.5;min-height:54px}
.guide-question summary::marker{color:var(--blue2)}
.guide-question summary:hover{background:#f2f8fe}
.guide-question[open]{border-color:#a6cce9}
.guide-question[open] summary{background:#edf6ff;border-bottom:1px solid var(--line)}
.guide-answer{padding:0 20px;color:#40566f;line-height:1.75;font-size:16px}
.guide-answer p{margin:16px 0 20px;max-width:76ch}
.guide-empty,.guide-help{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px;line-height:1.7}
.guide-help h2{font-size:24px;margin-top:0}
.guide-help{margin-top:40px}
.guide-skip{position:fixed;top:-100px;left:16px;z-index:100;padding:14px;background:#fff;border:2px solid var(--blue2);border-radius:8px}
.guide-skip:focus{top:12px}
.guide-body :is(a,button,input,summary):focus-visible{outline:3px solid #075cc8;outline-offset:3px}
.guide-body #guide-main{scroll-margin-top:calc(var(--header) + 20px)}
@media(max-width:900px){.guide-body .content-pane{padding:28px 22px 45px}.guide-body .sidebar{padding-top:18px;visibility:hidden}.guide-body .sidebar.open{visibility:visible}.guide-body .launch-pill{font-size:12px}.guide-body .topbar{gap:4px}.guide-body h1{font-size:42px}}
@media(max-width:540px){.guide-body .topbar{padding:10px 14px}.guide-body .brand{width:130px}.guide-body .brand .zaiclox5-wordmark{width:130px}.guide-body .header-actions{gap:5px}.guide-body .launch-pill{display:none}.guide-body .guide-support{padding:10px 12px}.guide-search-box{padding:16px}.guide-search-row{flex-direction:column}.guide-search-row button{align-self:flex-start}.guide-question summary{padding:15px}.guide-answer{padding:0 15px}.guide-body .content-pane{padding:25px 16px 40px}.guide-actions{gap:8px}.guide-actions p{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.guide-body *{scroll-behavior:auto!important;animation:none!important}}

html[data-theme="dark"] .guide-body :is(.guide-version,#guideSearchHelp,.guide-actions p,.guide-answer){color:var(--muted);}
html[data-theme="dark"] .guide-question:is([open],:hover) summary{background:#294159;color:var(--ink);}
html[data-theme="dark"] :is(.guide-empty,.guide-help){background:#23344a;color:var(--ink);}
html[data-theme="dark"] .guide-search-row input{background:#17283c;color:var(--ink);}