:root{--t12-bg:#0a0f17;--t12-ink:#e7eefb;--t12-muted:#9aa7c0;--t12-accent:#a3ffb3}
body{background:var(--t12-bg);color:var(--t12-ink)}
.t12.split{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.t12-nav{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.t12-nav__inner{padding:1rem}
.t12-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--t12-ink);padding:.6rem .65rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.t12-dot{width:18px;height:18px;border-radius:999px;background:radial-gradient(circle at 30% 30%, var(--t12-accent), #3aa5ff)}
.t12-nav__list{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem}
.t12-nav__item{padding:.55rem .65rem;border-radius:12px;color:#d9e6ff;text-decoration:none;border:1px solid transparent}
.t12-nav__item:hover{background:rgba(255,255,255,.04)}
.t12-nav__item.is-active{border-color:rgba(163,255,179,.55);background:rgba(163,255,179,.08)}
.t12-social{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}
.t12-social__a{font-size:.85rem;color:var(--t12-muted);text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.2rem .55rem}
.t12-head{padding:1.15rem 1.15rem 0}
.t12-head__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.t12-h1{font-weight:800;font-size:1.15rem}
.t12-tagline :is(p){margin:.35rem 0 0;color:var(--t12-muted)}
.t12-url{font-size:.85rem;color:var(--t12-muted)}
.t12-main{padding:1.15rem}
.t12-paper{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.15rem}
.t12-foot{padding:0 1.15rem 1.15rem}
.t12-foot__inner{color:var(--t12-muted);border-top:1px solid rgba(255,255,255,.08);padding-top:.9rem}
@media (max-width: 960px){.t12.split{grid-template-columns:1fr}.t12-nav{position:relative;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.t12-head{padding-top:1rem}}