/* Hew Health — Legal Pages stylesheet
 * Shared by privacy.html, terms.html, notice-of-privacy-practices.html
 * Matches main site brand tokens; stripped to essentials for long-form readability.
 */
:root{
  --obs:#040810; --navy:#0A1828; --ivory:#F0EBE1; --ivory-dim:#C5C2BC;
  --ivory-faint:#7A7770; --champagne:#D8C29A; --champagne-2:#E6D4B0;
  --teal:#19607E; --teal-glow:#6FD3EE;
  --line:rgba(216,194,154,0.12); --line-warm:rgba(216,194,154,0.18);
  --serif:'Fraunces','Cormorant Garamond',Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono','Courier Prime','Courier New',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);font-weight:300;color:var(--ivory);background:var(--obs);line-height:1.65;min-height:100vh}
a{color:var(--teal-glow);text-decoration:none;transition:color .3s}
a:hover{color:var(--champagne)}

/* header */
.legal-head{padding:2rem 0;border-bottom:1px solid var(--line);background:rgba(4,8,16,.85);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}
.legal-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.4rem}
.legal-head .logo{display:flex;align-items:center;gap:.8rem;font-family:var(--sans);font-size:1.1rem;font-weight:300;letter-spacing:.04em;color:var(--ivory)}
.legal-head .logo b{font-weight:500;color:var(--teal)}
.legal-head .logo svg{width:34px;height:34px}
.legal-back{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-dim)}
.legal-back:hover{color:var(--champagne)}

/* page */
.wrap{max-width:780px;margin:0 auto;padding:0 clamp(1.5rem,4vw,2.5rem)}
.legal-page{padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,8vw,7rem)}
.legal-meta{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--champagne);margin-bottom:1.4rem}
.legal-page h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.025em;color:var(--ivory);margin-bottom:.5rem}
.legal-page h1 em{font-style:italic;color:var(--champagne)}
.legal-updated{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--ivory-faint);margin-bottom:3rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
.legal-page h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.2;letter-spacing:-.01em;color:var(--ivory);margin:3rem 0 1.1rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.legal-page h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.legal-page h3{font-family:var(--sans);font-weight:500;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--champagne);margin:1.8rem 0 .7rem}
.legal-page p{font-size:1rem;color:var(--ivory-dim);margin-bottom:1.2rem;max-width:64ch}
.legal-page p strong{color:var(--ivory);font-weight:500}
.legal-page ul,.legal-page ol{margin:0 0 1.4rem 1.4rem;color:var(--ivory-dim)}
.legal-page li{margin-bottom:.55rem;font-size:1rem;line-height:1.65}
.legal-page li strong{color:var(--ivory);font-weight:500}
.legal-page hr{border:none;border-top:1px solid var(--line);margin:2.6rem 0}
.legal-callout{border:1px solid var(--line-warm);background:rgba(216,194,154,.05);padding:1.4rem 1.6rem;border-radius:2px;margin:1.8rem 0;font-size:.94rem;color:var(--ivory-dim)}
.legal-callout strong{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--champagne);margin-bottom:.55rem;font-weight:500}
.legal-contact{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--line)}
.legal-contact p{margin-bottom:.4rem}

/* footer */
.legal-foot{padding:2rem 0 2.4rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:var(--ivory-faint);text-transform:uppercase;text-align:center}
.legal-foot a{color:var(--ivory-dim);margin:0 .9rem}
.legal-foot a:hover{color:var(--champagne)}
.legal-foot .copy{display:block;margin-top:1rem;color:var(--ivory-faint);text-transform:none;letter-spacing:.04em}

@media(max-width:600px){
  .legal-head{padding:1.4rem 0}
  .legal-head .logo svg{width:28px;height:28px}
  .legal-head .logo{font-size:1rem}
  .legal-back{font-size:.62rem}
  .legal-page p{font-size:.95rem}
}