:root{--brand:#7c3aed;--brand-2:#ec4899}
html{scroll-behavior:smooth}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sticky-nav{position:sticky;top:0;z-index:50;background:rgba(17,17,17,.85);backdrop-filter:saturate(180%) blur(8px)}
:focus-visible{outline:2px dashed var(--brand);outline-offset:2px}
.faq-q[aria-expanded="true"] .chev{transform:rotate(180deg)}
#toc a{display:flex;gap:.5rem;align-items:center}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;background:#111;color:#fff;border:1px solid #333}
.logo-img{height:32px;width:auto}
.hero-grad{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%)}
.author-avatar{border-radius:9999px;box-shadow:0 0 0 3px #222}