/* ============================================================
   Privacy Terms Styles — Jesup Well
   Scope: privacy-terms.html only
   ============================================================ */

:root{
  --primary:#0d3460;
  --primary-light:#1a4a7a;
  --primary-dark:#071624;

  --accent:#00d4ea;
  --accent-light:#33dff0;
  --accent-rgb:0,212,234;

  --header-navy:#091a28;
  --header-navy-rgb:9,26,40;
  --white:#ffffff;

  --gray:#5d6d7e;
  --text-muted:#7f8c9a;
  --surface:#f7f9fb;
  --border:rgba(0,0,0,.08);

  --radius-md:6px;
  --radius-lg:10px;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',system-ui,sans-serif;background:var(--surface);min-height:100vh;display:flex;flex-direction:column;color:#2c3e50}
h1,h2,h3{font-family:'Oxanium',sans-serif;font-weight:700}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* ── Header ─────────────────────────────────────────────── */
.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(var(--header-navy-rgb),1);border-bottom:1px solid rgba(var(--accent-rgb),.2);padding:0 var(--space-lg)}
.site-logo img{height:44px;width:auto}
.header-home{display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.75);font-size:.875rem;font-weight:600;transition:color .2s}
.header-home:hover{color:var(--accent);text-decoration:none}

/* ── Main content ────────────────────────────────────────── */
main{flex:1;max-width:780px;width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg)}

.page-title{font-size:2rem;color:var(--primary);margin-bottom:.5rem}
.page-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-md)}

section{margin-bottom:var(--space-xl)}
section h2{font-size:1.15rem;color:var(--primary);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:2px solid rgba(var(--accent-rgb),.25)}
section p{font-size:.95rem;line-height:1.75;color:#444;margin-bottom:.75rem}
section ul{padding-left:1.25rem;margin-bottom:.75rem}
section li{font-size:.95rem;line-height:1.75;color:#444;margin-bottom:.25rem}

/* ── Footer ──────────────────────────────────────────────── */
footer{background:var(--primary-dark);padding:var(--space-md) var(--space-lg);text-align:center;border-top:1px solid rgba(255,255,255,.06)}
footer p{color:rgba(255,255,255,.35);font-size:.8rem}

@media(max-width:480px){
  main{padding:var(--space-lg) var(--space-md)}
  .page-title{font-size:1.5rem}
}