body{overflow:auto;background:var(--bg)}
.pub-nav{background:var(--bg);padding:16px 40px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:50}
.pub-nav .brand{font-family:var(--font-display);font-size:18px;color:var(--accent);font-weight:600}
.pub-nav .links{display:flex;gap:22px;margin-left:auto}
.pub-nav .links a{color:var(--tx-2);font-size:13px}
.pub-nav .links a:hover,.pub-nav .links a.active{color:var(--accent)}
.page-hero{background:linear-gradient(135deg,var(--card),var(--bg));padding:50px 40px 36px;text-align:center;border-bottom:1px solid var(--bdr)}
.container{max-width:1200px;margin:0 auto;padding:32px 24px}
[wire\:loading]{opacity:.5;pointer-events:none;transition:opacity .15s}
@media(max-width:768px){
  .pub-nav{padding:12px 16px}
  .pub-nav .links{display:none}
  .page-hero{padding:36px 20px 24px}
  .container{padding:20px 16px}
}