/* Shared styling for Apex Wellness legal pages — matches the landing page brand. */
@font-face{
  font-family:"Fraunces";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/assets/fonts/fraunces-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Fraunces";font-style:italic;font-weight:400 700;font-display:swap;
  src:url("/assets/fonts/fraunces-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;
  src:url("/assets/fonts/inter-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --bg:#FBF9EF; --surface:#FFFFFF; --ink:#1C2120; --ink-soft:#4C514F; --ink-faint:#8A8F8C;
  --teal:#467381; --teal-ink:#33586A; --charcoal:#1C2120; --line:#E7E1D2; --line-soft:#F0EBDD;
  --serif:"Fraunces","Hoefler Text","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--teal)}

/* header */
.legal-header{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:10;backdrop-filter:saturate(140%) blur(12px)}
.legal-header .bar{max-width:var(--maxw);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-header img{height:26px;width:auto}
.legal-header .back{font-family:var(--sans);font-size:.92rem;font-weight:600;white-space:nowrap}

/* body */
main.legal{max-width:var(--maxw);margin:0 auto;padding:clamp(36px,6vw,64px) 24px 40px}
.legal h1{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,5vw,2.9rem);line-height:1.1;letter-spacing:-.01em;color:var(--charcoal)}
.legal .updated{color:var(--ink-faint);font-size:.92rem;margin-top:12px}
.legal .intro{font-size:1.08rem;color:var(--ink-soft);margin-top:22px}
.legal h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.3rem,3vw,1.65rem);color:var(--charcoal);margin:40px 0 12px;line-height:1.2}
.legal h3{font-family:var(--sans);font-weight:700;font-size:1.05rem;color:var(--ink);margin:22px 0 8px}
.legal p{margin:12px 0;color:var(--ink-soft)}
.legal ul,.legal ol{margin:12px 0 12px 22px;color:var(--ink-soft)}
.legal li{margin:7px 0}
.legal strong{color:var(--ink)}
.legal .lead-in{color:var(--ink);font-weight:600}

/* callout used for legally-required statements + review notices */
.callout{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--teal);
  border-radius:10px;padding:18px 20px;margin:22px 0}
.callout.strong{border-left-color:var(--charcoal);background:#fff}
.callout p{margin:6px 0;color:var(--ink)}
.callout .h{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--teal-ink);margin-bottom:6px}

/* placeholder tokens the client must fill before publishing */
.fill{background:#FCEFC7;color:#7a5c00;padding:.05em .35em;border-radius:4px;font-weight:600;font-size:.95em}

/* footer */
.legal-footer{border-top:1px solid var(--line);margin-top:48px}
.legal-footer .inner{max-width:var(--maxw);margin:0 auto;padding:28px 24px 44px;font-size:.9rem;color:var(--ink-faint)}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px}
.legal-footer nav a{color:var(--ink-soft);text-decoration:none;font-weight:600}
.legal-footer nav a:hover{color:var(--teal)}
.legal-footer .fine{line-height:1.6}