/* Shared styles for ATTENDING AI legal pages (privacy, terms, hipaa, baa). */
:root{
  --primary:#1A8FA8;--primary-light:#2CB5D1;
  --navy:#0C3547;--navy-deep:#081E2B;--navy-mid:#0E4A5E;
  --gold:#F0A500;--coral:#E87461;
  --text-primary:#FFFFFF;--text-secondary:rgba(255,255,255,0.78);--text-muted:rgba(255,255,255,0.58);
  --glass-bg:rgba(12,53,71,0.45);--border-glass:rgba(255,255,255,0.12);
  --r-md:12px;--r-lg:16px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  color:var(--text-primary);line-height:1.7;
  background:linear-gradient(160deg,var(--navy-deep) 0%,var(--navy) 40%,var(--navy-mid) 70%,var(--navy-deep) 100%);
  background-attachment:fixed;min-height:100vh;
}
a{color:var(--primary-light)}
a:hover{color:var(--gold)}

.legal-nav{
  position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  background:rgba(8,30,43,0.82);border-bottom:1px solid var(--border-glass);
}
.legal-nav-inner{max-width:820px;margin:0 auto;padding:0.875rem 1.5rem;display:flex;align-items:center;gap:0.75rem}
.legal-nav img{width:32px;height:32px;border-radius:8px;display:block}
.legal-nav-text{font-weight:800;letter-spacing:0.02em;font-size:0.9375rem;color:var(--text-primary);text-decoration:none}
.legal-nav-text span{color:var(--primary-light)}
.legal-nav-back{margin-left:auto;font-size:0.875rem;font-weight:600;text-decoration:none}

.legal-wrap{max-width:820px;margin:0 auto;padding:3rem 1.5rem 5rem}
.legal-kicker{
  display:inline-block;font-size:0.6875rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--primary-light);border:1px solid rgba(26,143,168,0.35);border-radius:999px;
  padding:0.3rem 0.75rem;margin-bottom:1rem;
}
h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:0.5rem}
.legal-meta{font-size:0.875rem;color:var(--text-muted);margin-bottom:2.5rem}
h2{font-size:1.25rem;font-weight:700;margin:2.5rem 0 0.75rem;color:var(--text-primary)}
h3{font-size:1rem;font-weight:700;margin:1.75rem 0 0.5rem;color:var(--text-primary)}
p,li{color:var(--text-secondary);margin-bottom:0.875rem}
ul,ol{padding-left:1.35rem;margin-bottom:1rem}
li{margin-bottom:0.5rem}
strong{color:var(--text-primary);font-weight:700}
hr{border:none;border-top:1px solid var(--border-glass);margin:2.5rem 0}

.callout{
  background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--border-glass);border-left:3px solid var(--gold);
  border-radius:var(--r-md);padding:1.25rem 1.5rem;margin:1.5rem 0;
}
.callout p:last-child{margin-bottom:0}
.callout.info{border-left-color:var(--primary)}

table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:0.9375rem;display:block;overflow-x:auto}
th,td{text-align:left;padding:0.7rem 0.9rem;border-bottom:1px solid var(--border-glass);vertical-align:top}
th{color:var(--text-primary);font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.06em}
td{color:var(--text-secondary)}

.btn{
  display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;font-weight:700;
  border-radius:var(--r-md);padding:0.8rem 1.4rem;font-size:0.9375rem;transition:opacity 150ms ease;
  background:var(--primary);color:#fff;border:1px solid transparent;
}
.btn:hover{opacity:0.9;color:#fff}

.legal-footer{
  max-width:820px;margin:0 auto;padding:2rem 1.5rem 3rem;
  border-top:1px solid var(--border-glass);font-size:0.8125rem;color:var(--text-muted);
}
.legal-footer ul{display:flex;flex-wrap:wrap;gap:1.25rem;list-style:none;padding:0;margin:0.75rem 0 0}
.legal-footer a{text-decoration:none;color:var(--text-muted)}
.legal-footer a:hover{color:var(--primary-light)}

@media (max-width:600px){
  .legal-wrap{padding:2rem 1.25rem 3.5rem}
  .legal-nav-inner{padding:0.75rem 1.25rem}
}