/* Shared styles for the legal / notice pages - mirrors the main site palette */
:root {
  --sage: #7a8c6e; --sage-light: #a3b396; --sage-pale: #d4ddc8;
  --cream: #f2ede4; --parchment: #e8dfd0; --warm-tan: #c4aa88;
  --earth: #6b5744; --deep-green: #3d4f38; --text: #3a3228;
  --gold: #c9a84c; --gold-light: #e8c97a;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background-color: var(--cream); color: var(--text);
  font-family: 'Jost', sans-serif; font-weight: 300; line-height: 1.8;
  overflow-x: hidden;
}
body::after {
  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.032'/%3E%3C/svg%3E");
}

.lnav {
  position: sticky; top: 0; z-index: 500;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 1.2rem 4rem 1.2rem 2rem;
  background: rgba(242,237,228,0.94); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(122,140,110,0.18);
}
.lnav .nav-logo { display: flex; align-items: center; line-height: 0; margin-left: -0.35rem; text-decoration: none; }
.lnav .nav-logo img { display: block; height: 42px; width: auto; }
.lnav .back { font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--earth); text-decoration: none; transition: color 0.3s; }
.lnav .back:hover { color: var(--deep-green); }

.legal { max-width: 820px; margin: 0 auto; padding: 4.5rem 2rem 5rem; }
.legal .eyebrow { font-size: 0.67rem; letter-spacing: 0.32em; text-transform: uppercase; color: var(--sage); margin-bottom: 1rem; }
.legal h1 {
  font-family: 'Cormorant Garamond', serif; font-weight: 300;
  font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1.15;
  color: var(--deep-green); margin-bottom: 1rem;
}
.legal h1 em { font-style: italic; color: var(--earth); }
.legal .meta { font-size: 0.78rem; letter-spacing: 0.05em; color: var(--sage); margin-bottom: 2.6rem; }
.legal h2 {
  font-family: 'Cormorant Garamond', serif; font-weight: 400;
  font-size: 1.5rem; line-height: 1.3; color: var(--deep-green);
  margin: 3rem 0 0.9rem; padding-top: 1.6rem;
  border-top: 1px solid rgba(122,140,110,0.2);
}
.legal h3 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 1.14rem; color: var(--earth); margin: 1.8rem 0 0.5rem; }
.legal p { font-size: 0.92rem; color: var(--earth); line-height: 1.9; margin-bottom: 1rem; }
.legal p.intro { font-size: 1rem; }
.legal ul, .legal ol { margin: 0 0 1.2rem 0; padding-left: 1.2rem; }
.legal li { font-size: 0.9rem; color: var(--earth); line-height: 1.85; margin-bottom: 0.6rem; padding-left: 0.3rem; }
.legal strong { font-weight: 400; color: var(--deep-green); }
.legal em { font-style: italic; color: var(--sage); }
.legal a { color: var(--sage); text-decoration: none; border-bottom: 1px solid var(--sage-pale); transition: color 0.3s, border-color 0.3s; }
.legal a:hover { color: var(--deep-green); border-color: var(--sage); }

.callout {
  background: var(--parchment); border-left: 2px solid var(--sage);
  padding: 1.5rem 1.7rem; margin: 1.8rem 0;
}
.callout p { margin-bottom: 0.7rem; }
.callout p:last-child { margin-bottom: 0; }
.callout.hipaa-header p { font-size: 0.84rem; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.9; color: var(--deep-green); }
.callout.crisis { border-left-color: var(--gold); }

.contact-block { background: var(--cream); border: 1px solid rgba(122,140,110,0.22); padding: 1.7rem 1.8rem; margin: 1.8rem 0; }
.contact-block p { margin-bottom: 0.35rem; font-size: 0.88rem; }

footer.legal-footer { background: var(--text); padding: 2.4rem 4rem; }
footer.legal-footer p { font-size: 0.72rem; color: rgba(242,237,228,0.38); letter-spacing: 0.07em; line-height: 1.7; margin-bottom: 0.5rem; }
footer.legal-footer span { color: rgba(242,237,228,0.6); }
footer.legal-footer a { color: rgba(242,237,228,0.55); text-decoration: none; border-bottom: 1px solid rgba(242,237,228,0.16); transition: color 0.3s, border-color 0.3s; }
footer.legal-footer a:hover { color: rgba(242,237,228,0.85); border-color: rgba(242,237,228,0.4); }
footer.legal-footer strong { color: rgba(242,237,228,0.6); font-weight: 400; }

@media(max-width:640px){
  .lnav { padding: 1.05rem 1.5rem 1.05rem 1rem; }
  .lnav .nav-logo img { height: 32px; }
  .legal { padding: 3rem 1.5rem 3.5rem; }
  footer.legal-footer { padding: 2rem 1.5rem; }
}