/* ============================================================
   SchedPro — shared styles for legal pages
   (Terms, Privacy, Refund). Edit colors in :root if needed.
   ============================================================ */
:root{
  --navy:#1B3A5C; --blue:#2E6DA4; --bright:#3D8FD1; --orange:#E07B2E;
  --tint:#EAF1F7; --paper:#F7F5EF; --ink:#14202E; --muted:#5A6B7B;
  --line:#D9E2EC; --white:#fff;
  --display:"Space Grotesk",system-ui,sans-serif;
  --body:"Inter",system-ui,sans-serif;
}
*{ box-sizing:border-box; margin:0; padding:0; }
body{ font-family:var(--body); color:var(--ink); background:var(--paper); line-height:1.7; -webkit-font-smoothing:antialiased; }
a{ color:var(--blue); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* header */
.legal-nav{ background:rgba(247,245,239,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; }
.legal-nav .inner{ max-width:820px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; }
.legal-nav .brand{ display:flex; align-items:center; gap:10px; }
.legal-nav .brand img{ width:34px; height:34px; }
.legal-nav .brand span{ font-family:var(--display); font-weight:700; font-size:1.25rem; color:var(--navy); }
.legal-nav .brand span b{ color:var(--blue); }
.legal-nav .back{ font-family:var(--display); font-weight:600; font-size:.9rem; }

/* body */
.legal-wrap{ max-width:820px; margin:0 auto; padding:54px 24px 80px; }
.legal-wrap h1{ font-family:var(--display); font-weight:700; color:var(--navy); font-size:2.1rem; line-height:1.15; }
.legal-wrap .updated{ color:var(--muted); font-size:.92rem; margin-top:10px; margin-bottom:36px; }
.legal-wrap h2{ font-family:var(--display); font-weight:600; color:var(--navy); font-size:1.25rem; margin:34px 0 12px; }
.legal-wrap p{ margin:12px 0; color:var(--ink); }
.legal-wrap ul{ margin:12px 0 12px 22px; }
.legal-wrap li{ margin:7px 0; }
.legal-wrap strong{ color:var(--navy); }
.legal-note{ background:var(--tint); border-left:4px solid var(--blue); border-radius:8px; padding:16px 18px; margin:20px 0; font-size:.95rem; color:var(--ink); }

/* footer */
.legal-foot{ border-top:1px solid var(--line); margin-top:50px; padding-top:24px; font-size:.88rem; color:var(--muted); display:flex; gap:18px; flex-wrap:wrap; }
.legal-foot a{ color:var(--muted); }
.legal-foot a:hover{ color:var(--navy); }