:root{--card:#e9fff2;--text:#123524;--muted:#3d7a5a;--accent:#22c55e}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4fff8;color:var(--text)}
.wrap{max-width:1100px;margin:0 auto;padding:28px 20px}
.hero{padding:28px;border-radius:14px;background:linear-gradient(120deg,#d9ffe9,#b8ffd5)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:#f7fff9;border:1px solid #d2f2dc;border-radius:12px;padding:14px}
a{color:#15803d;text-decoration:none}
.muted{color:var(--muted)}
.docs{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-top:16px}
.nav{background:#eafff1;border:1px solid #b7e4c7;border-radius:12px;padding:12px;position:sticky;top:12px;height:fit-content}
.nav ul{padding-left:18px;margin:8px 0}.nav li{margin:6px 0}
.content{background:#f7fff9;border:1px solid #d2f2dc;border-radius:12px;padding:14px}
@media(max-width:900px){.docs{grid-template-columns:1fr}.nav{position:static}}


.breadcrumb{font-size:13px;color:#3d7a5a;margin-bottom:10px}
.searchbox{width:100%;padding:8px;border-radius:8px;border:1px solid #b7e4c7;margin-bottom:8px}
.searchResults{list-style:none;padding-left:0;margin:6px 0}
.searchResults li{margin:4px 0}