body{max-width:none}
.topbar{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);z-index:10}
.topbar-inner{max-width:1100px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px}
#logo a{text-decoration:none;font-weight:800}
.tagline{opacity:.75}
.topbar-ads{min-width:180px;max-width:320px}

.split{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:16px}
.split-rail{border-left:1px solid rgba(0,0,0,.08);padding-left:14px}
.rail-nav ul{margin:0;padding-left:1rem}
.rail-nav li.active>a{font-weight:800;text-decoration:underline}
.rail-slot{margin-top:14px;border:1px dashed rgba(0,0,0,.2);border-radius:12px;padding:12px}

.bottombar{max-width:1100px;margin:0 auto;border-top:1px solid rgba(0,0,0,.08);padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.social{display:flex;gap:.75rem;flex-wrap:wrap}

@media (max-width: 900px){
  .split{grid-template-columns:1fr}
  .split-rail{border-left:0;border-top:1px solid rgba(0,0,0,.08);padding-left:0;padding-top:12px}
  .topbar-ads{display:none}
}