.site-footer{width:min(720px,calc(100vw - 3rem));text-align:center;padding:2rem 0 1rem;border-top:1px solid var(--border);margin:2rem auto 1rem;color:var(--text-muted);font-size:.8rem}
.site-footer .links,.footer-primary-links{display:flex;justify-content:center;gap:1.25rem;margin-bottom:.75rem;flex-wrap:wrap}
.site-footer .links a,.footer-primary-links a{color:var(--text-muted);font-size:.8rem;text-decoration:none}
.site-footer .links a:hover,.footer-primary-links a:hover{color:var(--text)}
.footer-docs{max-width:640px;margin:.85rem auto 1rem;text-align:left;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(13,17,23,.35);overflow:hidden}
.footer-docs-toggle{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1rem;color:var(--text-dim);font-weight:700;cursor:pointer;list-style:none;text-align:center}
.footer-docs-toggle::-webkit-details-marker{display:none}
.footer-docs-toggle::after{content:'⌄';font-size:.8rem;transition:transform .18s ease;color:var(--accent)}
.footer-docs[open] .footer-docs-toggle::after{transform:rotate(180deg)}
.footer-docs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:0 1rem 1rem}
.footer-docs-group{min-width:0}
.footer-docs-title{margin:.35rem 0 .35rem;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.footer-docs-group a{display:block;padding:.32rem 0;color:var(--text-dim);font-size:.8rem;line-height:1.35;text-decoration:none}
.footer-docs-group a:hover{color:var(--text)}
.site-footer .credit{font-size:.72rem;color:var(--text-muted);line-height:1.6}
.footer-version{display:inline-flex;align-items:center;margin-left:.45rem;padding:.08rem .42rem;border:1px solid rgba(59,130,246,.22);border-radius:999px;background:rgba(59,130,246,.08);color:var(--accent);font-family:var(--mono);font-size:.68rem}
html:not([data-theme="dark"]) .footer-docs{background:rgba(255,255,255,.72);border-color:rgba(203,213,225,.9)}
html:not([data-theme="dark"]) .footer-docs-toggle,html:not([data-theme="dark"]) .footer-docs-group a{color:#475569}
html:not([data-theme="dark"]) .footer-docs-group a:hover{color:#0f172a}
@media(max-width:768px){.site-footer{width:min(720px,calc(100vw - 2rem));margin-top:1.5rem}.footer-docs-grid{grid-template-columns:1fr;gap:.45rem}.footer-docs{max-width:420px}.footer-docs-group a{padding:.38rem 0}}