/* Frontend defaults using brand tokens */
.aihab-container{max-width:var(--aihab-maxw);margin:0 auto;padding:clamp(16px,2vw,24px);font-family:var(--aihab-font);}
.aihab-title{font-size:clamp(24px,3.2vw,36px);margin:0 0 12px}
.aihab-head{margin-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}
.aihab-body{line-height:1.6}
.aihab a{color:var(--aihab-primary);text-decoration:none}
.aihab a:hover{text-decoration:underline}
.aihab .btn{display:inline-block;padding:10px 16px;border-radius:var(--aihab-radius);background:var(--aihab-primary);color:#fff}
.aihab .muted{color:#6b7280}
/* helpers */
.aihab .aihab-section{padding:16px 0;border-top:1px solid rgba(0,0,0,.06)}
.aihab .aihab-card{border:1px solid rgba(0,0,0,.08);border-radius:var(--aihab-radius);padding:16px;margin:8px 0;background:#fff}
.aihab .aihab-badge{display:inline-block;border-radius:999px;padding:2px 8px;background:var(--aihab-accent);color:#fff;font-size:12px}
/* toc & two-column */
.aihab .aihab-layout{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:992px){.aihab .aihab-layout.two-col{grid-template-columns:260px 1fr}}
.aihab .aihab-toc{position:sticky;top:80px;align-self:start;border:1px solid rgba(0,0,0,.08);border-radius:var(--aihab-radius);padding:12px}
.aihab .aihab-toc a{display:block;padding:6px 0}
/* accordion */
.aihab details{border:1px solid rgba(0,0,0,.08);border-radius:var(--aihab-radius);padding:10px;margin:8px 0;background:#fff}
.aihab summary{cursor:pointer;font-weight:600}