body{padding:0}
.hero{text-align:center;padding:60px 24px 40px;background:var(--bg2)}
.hero h1{font-size:2.2rem;font-weight:700;margin-bottom:12px}
.hero p{font-size:1.05rem;color:var(--muted);max-width:600px;margin:0 auto 24px}
.search-box{max-width:440px;margin:0 auto;position:relative}
.search-box input{width:100%;padding:12px 16px 12px 44px;border-radius:10px;border:1px solid var(--border);background:var(--input);color:var(--text);font-size:.95rem;transition:border-color .2s}
.search-box input:focus{outline:none;border-color:var(--primary)}
.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.guide-container{max-width:860px;margin:0 auto;padding:32px 24px}
.toc-section{margin-bottom:36px}
.toc-heading{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border)}
.toc-heading .icon{font-size:1.4rem}
.toc-list{list-style:none;padding:0}
.toc-list li{margin-bottom:4px}
.toc-list a{display:block;padding:10px 14px;border-radius:8px;font-size:.92rem;color:var(--text);transition:background .15s;line-height:1.5}
.toc-list a:hover{background:rgba(73,204,144,.06);text-decoration:none}
.toc-list .title{font-weight:600;font-size:.92rem}
.toc-list .desc{font-size:.82rem;color:var(--muted);margin-top:2px;display:block}
.guide-footer{border-top:1px solid var(--border);padding:32px 24px;text-align:center;color:var(--muted);font-size:.8rem}
.guide-footer a{color:var(--muted)}
.guide-footer a:hover{color:var(--primary)}
.guide-glossary-link{margin:-8px auto 26px;text-align:center;font-size:.92rem}
.guide-glossary-link a{color:var(--primary,#159a68);text-decoration:none;border-bottom:1px dashed currentColor}
.guide-glossary-link a:hover{opacity:.8}
.article-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.article-tags .tags-label{font-size:.84rem;color:var(--muted,#9494b8)}
.tag-chip{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--card,#16162a);border:1px solid var(--border,#2a2a4a);color:var(--primary,#159a68);font-size:.86rem;text-decoration:none;transition:border-color .15s,color .15s}
.tag-chip:hover{border-color:var(--primary,#159a68);color:var(--primary,#159a68)}
@media(max-width:640px){.hero h1{font-size:1.6rem}.hero{padding:40px 16px 28px}.guide-container{padding:24px 16px}}