/* Privacy Policy page — extends the site's base.css / style.css design tokens.
   Scoped to .legal-page so it never leaks into other templates. */

.legal-hero{background:var(--surface);border-bottom:1px solid var(--border);padding-block:var(--space-16) var(--space-12)}
.legal-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:var(--text-xs);line-height:1.6;color:var(--muted);margin-bottom:var(--space-8)}
.legal-breadcrumbs a:hover{color:var(--text);text-decoration:underline}
.legal-breadcrumbs span[aria-current]{color:var(--text)}
.legal-hero h1{font-size:clamp(2.25rem,1.9rem + 1.5vw,3.25rem);margin-bottom:var(--space-4)}
.legal-meta{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6)}
.legal-intro{max-width:760px;color:var(--muted);font-size:var(--text-base);line-height:1.8}

.legal-content{padding-block:clamp(var(--space-12),6vw,var(--space-20))}
.legal-container{display:grid;grid-template-columns:230px 1fr;gap:var(--space-16);align-items:start}

.legal-toc{position:sticky;top:calc(94px + var(--space-8));display:flex;flex-direction:column;gap:var(--space-1);border-left:1px solid var(--border);padding-left:var(--space-5)}
.legal-toc a{font-size:var(--text-xs);color:var(--muted);padding-block:var(--space-2);line-height:1.5}
.legal-toc a:hover{color:var(--accent)}

.legal-prose{max-width:760px}
.legal-prose h2{font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);margin-top:var(--space-16);margin-bottom:var(--space-5);scroll-margin-top:calc(94px + var(--space-6))}
.legal-prose h2:first-of-type{margin-top:0}
.legal-prose h3{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.015em;margin-top:var(--space-8);margin-bottom:var(--space-3);scroll-margin-top:calc(94px + var(--space-6))}
.legal-prose p{color:var(--muted);margin-bottom:var(--space-5);line-height:1.8}
.legal-prose ul{margin:0 0 var(--space-5);padding-left:var(--space-6);color:var(--muted)}
.legal-prose li{margin-bottom:var(--space-3);line-height:1.8}
.legal-prose strong{color:var(--text);font-weight:600}
.legal-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

.legal-contact-card{margin:var(--space-5) 0 var(--space-6);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}
.legal-contact-card p{margin-bottom:var(--space-2);color:var(--text)}
.legal-contact-card p:last-child{margin-bottom:0}

@media(max-width:1000px){
  .legal-container{grid-template-columns:1fr}
  .legal-toc{position:static;border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:var(--space-5);flex-direction:row;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-10)}
  .legal-toc a{padding-block:var(--space-1)}
}
@media(max-width:760px){
  .legal-hero{padding-block:var(--space-10) var(--space-8)}
  .legal-hero h1{font-size:clamp(2rem,7vw,2.75rem)}
}