/* The bar, the headline banner and the footer of a public information page with a way back to the homepage: legal.php and faq.php.
   Linked after the shared stylesheets and before the page's own one. The bar sits on .public-topnav (tokens.css). */
.site-header{padding:0 48px;height:72px;backdrop-filter:blur(24px);z-index:1000;}
.nav-container{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;}
.logo-wrap{display:flex;align-items:center;text-decoration:none;}
.back-link{display:flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;transition:color 0.3s;}
.back-link:hover{color:var(--primary);}

.public-hero{
  background:linear-gradient(135deg,rgba(var(--primary-rgb), 0.06) 0%,var(--dark2) 100%);
  border-bottom:1px solid var(--border);
  padding:60px 48px 48px;
}
.public-hero-inner{max-width:1200px;margin:0 auto;}
.public-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:3px;margin-bottom:12px;}
.public-hero p{font-size:0.92rem;color:var(--text-muted);max-width:600px;line-height:1.7;}
@media(max-width:900px){
  .public-hero{padding:40px 24px 32px;}
}

.public-footer { background:rgba(var(--dark-rgb), 0.98); border-top:1px solid rgba(var(--primary-rgb), 0.12); padding:32px 48px; margin-top:60px; }
.public-footer-inner { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; font-size:0.78rem; color:rgba(var(--white-rgb), 0.45); flex-wrap:wrap; gap:16px; }
.public-footer-link { color:var(--primary); text-decoration:none; font-weight:600; }
@media (pointer: coarse) {
  .back-link, .public-footer-link { display:inline-flex; align-items:center; min-height:var(--tap); }
}