/* Shared styles for Privacy.html and Terms.html — matches Lia Website.html design language */

:root{
  --cream-0:#FDF7E6;
  --cream-1:#FBF2DD;
  --cream-2:#F5E9CC;
  --cream-line:rgba(60,38,18,.08);
  --ink:#1F1610;
  --ink-2:#3A2A1C;
  --ink-soft:rgba(31,22,16,.62);
  --ink-mute:rgba(31,22,16,.42);
  --gold:#B98935;
  --gold-2:#C9943B;
  --gold-soft:rgba(185,137,53,.14);
  --card:#FFFCF3;
  --card-line:rgba(60,38,18,.10);
  --shadow-sm: 0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(60,38,18,.05);
  --shadow-md: 0 1px 0 rgba(255,255,255,.7) inset, 0 8px 28px -10px rgba(60,38,18,.18);
  --serif:"Fraunces", "Instrument Serif", Georgia, serif;
  --serif-display:"Fraunces", "Instrument Serif", Georgia, serif;
  --script:"Cormorant Garamond","Fraunces", serif;
  --sans:"Geist","Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--cream-1);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--gold-soft);color:var(--ink)}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--gold) 30%, transparent);transition:border-color .15s ease}
a:hover{border-bottom-color:var(--gold)}
code{
  font-family:"SF Mono", "JetBrains Mono", ui-monospace, monospace;
  font-size:.88em;
  background:var(--cream-2);
  padding:2px 7px;
  border-radius:5px;
  color:var(--ink-2);
  border:1px solid var(--cream-line);
}

.container{max-width:760px;margin:0 auto;padding:0 32px}

/* ── Top nav ─────────────────────────────────────────────────────── */
.legal-nav{
  position:sticky;top:0;z-index:40;
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  background:color-mix(in srgb, var(--cream-1) 82%, transparent);
  border-bottom:1px solid var(--cream-line);
}
.legal-nav-inner{
  max-width:1240px;margin:0 auto;padding:0 32px;
  display:flex;align-items:center;justify-content:space-between;
  height:72px;
}
.legal-wordmark{
  font-family:var(--script);
  font-style:italic;font-weight:500;
  font-size:32px;letter-spacing:-.01em;
  color:var(--ink);line-height:1;
  border-bottom:none;
}
.legal-back{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--sans);
  font-size:14px;color:var(--ink-soft);
  border-bottom:none;
}
.legal-back:hover{color:var(--ink)}
.legal-back svg{width:14px;height:14px}

/* ── Header ──────────────────────────────────────────────────────── */
.legal-header{
  padding:88px 0 40px;
  text-align:left;
}
.legal-eyebrow{
  font-family:var(--sans);
  font-size:12.5px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--gold);
  font-weight:500;
  margin-bottom:20px;
}
.legal-title{
  font-family:var(--serif-display);
  font-weight:300;
  font-size:64px;
  line-height:1;
  letter-spacing:-.025em;
  margin:0 0 20px;
  color:var(--ink);
}
.legal-meta{
  font-family:var(--sans);
  font-size:14px;
  color:var(--ink-mute);
  letter-spacing:.01em;
}

/* ── TL;DR card ──────────────────────────────────────────────────── */
.tldr{
  background:var(--card);
  border:1px solid var(--card-line);
  border-radius:18px;
  padding:32px 36px;
  margin:32px 0 56px;
  box-shadow:var(--shadow-md);
  position:relative;
}
.tldr::before{
  content:"";
  position:absolute;
  left:0;top:24px;bottom:24px;
  width:3px;
  background:var(--gold);
  border-radius:0 3px 3px 0;
}
.tldr-head{
  display:flex;align-items:baseline;gap:12px;
  margin-bottom:16px;
}
.tldr-tag{
  font-family:var(--sans);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  background:var(--gold-soft);
  padding:5px 10px;
  border-radius:6px;
}
.tldr-sub{
  font-family:var(--serif);
  font-style:italic;
  font-size:18px;
  color:var(--ink-soft);
}
.tldr ul{
  margin:0;padding:0;
  list-style:none;
}
.tldr ul li{
  padding:6px 0 6px 22px;
  position:relative;
  font-size:15.5px;
  line-height:1.55;
  color:var(--ink-2);
}
.tldr ul li::before{
  content:"";
  position:absolute;
  left:4px;top:14px;
  width:5px;height:5px;
  border-radius:50%;
  background:var(--gold);
}
.tldr code{font-size:.85em;background:var(--cream-1)}

/* ── Body content ────────────────────────────────────────────────── */
.legal-body{
  padding:0 0 80px;
}
.legal-body h2{
  font-family:var(--serif-display);
  font-weight:400;
  font-size:32px;
  line-height:1.15;
  letter-spacing:-.015em;
  margin:64px 0 16px;
  color:var(--ink);
}
.legal-body h2:first-child{margin-top:24px}
.legal-body h3{
  font-family:var(--serif);
  font-weight:500;
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.005em;
  margin:36px 0 10px;
  color:var(--ink);
}
.legal-body p{
  margin:0 0 16px;
  color:var(--ink-2);
  font-size:16.5px;
  line-height:1.7;
}
.legal-body ul{
  margin:0 0 20px;
  padding-left:0;
  list-style:none;
}
.legal-body ul li{
  position:relative;
  padding:4px 0 4px 22px;
  font-size:16px;
  line-height:1.65;
  color:var(--ink-2);
}
.legal-body ul li::before{
  content:"";
  position:absolute;
  left:4px;top:13px;
  width:5px;height:5px;
  border-radius:50%;
  background:color-mix(in srgb, var(--gold) 60%, transparent);
}
.legal-body b, .legal-body strong{
  color:var(--ink);
  font-weight:600;
}
.legal-body hr{
  border:none;
  border-top:1px solid var(--cream-line);
  margin:48px 0;
}

/* ── Tables ──────────────────────────────────────────────────────── */
.table-wrap{
  margin:20px 0 28px;
  overflow-x:auto;
  border:1px solid var(--card-line);
  border-radius:14px;
  background:var(--card);
  box-shadow:var(--shadow-sm);
}
.legal-body table{
  width:100%;
  border-collapse:collapse;
  font-size:14.5px;
}
.legal-body table thead{
  background:var(--cream-2);
}
.legal-body table th{
  text-align:left;
  font-family:var(--sans);
  font-weight:600;
  font-size:12.5px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ink-2);
  padding:14px 16px;
  border-bottom:1px solid var(--card-line);
}
.legal-body table td{
  padding:14px 16px;
  vertical-align:top;
  color:var(--ink-2);
  line-height:1.55;
  border-bottom:1px solid var(--cream-line);
}
.legal-body table tr:last-child td{border-bottom:none}
.legal-body table code{font-size:.82em}

/* ── Footer ──────────────────────────────────────────────────────── */
.legal-footer{
  padding:48px 0 64px;
  border-top:1px solid var(--cream-line);
  background:color-mix(in srgb, var(--cream-1) 60%, var(--cream-2));
}
.legal-footer-inner{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:20px;
}
.legal-footer-mark{
  font-family:var(--script);
  font-style:italic;
  font-weight:500;
  font-size:28px;
  color:var(--ink);
}
.legal-footer .links{
  display:flex;gap:24px;
  font-size:14px;
}
.legal-footer .links a{
  color:var(--ink-soft);
  border-bottom:none;
}
.legal-footer .links a:hover{color:var(--gold)}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 700px){
  .container{padding:0 22px}
  .legal-title{font-size:44px}
  .legal-body h2{font-size:26px;margin-top:48px}
  .legal-body h3{font-size:18px}
  .tldr{padding:24px 24px 24px 28px}
  .legal-header{padding:56px 0 28px}
}