.how-guide{max-width:1200px;margin:0 auto}.how-guide .guide-start{color:var(--text-2);margin:12px 0 22px;font-size:13px;line-height:1.6}.how-guide .guide-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.how-guide .zl-guide-toc{position:sticky;top:8px}.how-guide .guide-content{gap:16px;min-width:0;display:grid}.how-guide .guide-mobile-toc{display:none}.how-guide .zl-guide-btn,.how-guide .zl-guide-toc-btn{background:0 0}.how-guide .zl-guide-btn:hover,.how-guide .zl-guide-toc-btn:hover{background:var(--surface-3)}.how-guide button:focus-visible,.how-guide a:focus-visible,.how-guide summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.how-guide .guide-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.how-guide .zl-guide-toc-btn[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.how-guide .guide-section{scroll-margin-top:16px}.how-guide .guide-mobile-toc summary{cursor:pointer;color:var(--text-2);padding:14px 16px;font-size:13px;font-weight:600}.how-guide .guide-mobile-toc .card{box-shadow:none;border:0;padding-top:0!important}.how-guide .guide-search-count{color:var(--text-3);white-space:nowrap;font-size:11px}.how-guide .empty-state button{margin-top:16px}@media (max-width:1100px){.how-guide .guide-layout{grid-template-columns:minmax(0,1fr)}.how-guide .zl-guide-toc{display:none}.how-guide .guide-mobile-toc{display:block}}@media (max-width:640px){main:has(>.how-guide){padding-left:14px!important;padding-right:14px!important}.how-guide .guide-section-header{gap:10px!important;padding:16px 14px!important}.how-guide .guide-section-items{padding-left:14px!important;padding-right:14px!important}.how-guide .guide-search{flex-wrap:wrap}.how-guide .guide-search-count{flex-basis:100%;order:1;padding-left:25px}}.how-guide input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.how-guide .empty-state{overflow-wrap:anywhere}