/* Static content layout fixes */
body{margin:0}
.site-shell{max-width:1200px;margin:0 auto;padding:24px 20px 40px}
.top-nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:12px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px}
.top-nav a{color:#f8fafc;text-decoration:none;font-weight:600;opacity:.92}
.top-nav a:hover{opacity:1;text-decoration:underline}
.hero-copy{max-width:900px;margin:0 auto 22px;padding:8px 0 10px;text-align:center}
.hero-copy h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin:0 0 12px;color:#fff;font-weight:800}
.hero-copy p{font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.82);margin:0 auto}
#root{margin-top:8px}
.site-footer{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.site-footer .container{max-width:980px;margin:0 auto;text-align:center}
.site-footer p{color:rgba(255,255,255,.78);line-height:1.7}
.footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.footer-links a{color:#f8fafc;text-decoration:none;font-weight:600}
.footer-links a:hover{text-decoration:underline}
.small{font-size:.92rem;opacity:.8}
.page-shell{max-width:980px;margin:0 auto;padding:24px 20px 56px}
.page-card{background:rgba(15,23,42,.55);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px 24px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.page-card h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 14px;color:#fff}
.page-card h2{font-size:1.2rem;margin:24px 0 10px;color:#fff}
.page-card p,.page-card li{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.84)}
.page-card ul{padding-left:20px}
.page-card a{color:#facc15}
@media (max-width:700px){
  .site-shell{padding:18px 14px 32px}
  .top-nav{gap:14px}
  .page-shell{padding:18px 14px 40px}
  .page-card{padding:22px 18px}
}