/* ============================================================
   WellNest — Legal pages shared stylesheet
   Reuses the marketing site's design tokens, nav & footer,
   plus long-form legal typography.
   ============================================================ */

/* Legal pages: nav stays solid at all times (base.css nav is transparent). */
nav{background:rgba(253,252,249,.95);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--bdr);}

.legal-hero{
  padding:120px 5% 44px;
  background:linear-gradient(160deg,#EDF4F0 0%,var(--cream) 55%,#EEE9F9 100%);
  border-bottom:1px solid var(--bdr);
}
.legal-hero-inner{max-width:1160px;margin:0 auto;}
.legal-breadcrumb{font-size:12.5px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.legal-breadcrumb a{color:var(--sage);font-weight:500;}
.legal-breadcrumb a:hover{text-decoration:underline;}
.legal-breadcrumb i{font-size:11px;color:var(--lav-mid);}
.legal-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sage);margin-bottom:10px;}
.legal-h1{font-family:var(--serif);font-size:clamp(32px,5vw,52px);font-weight:400;color:var(--ink);line-height:1.12;letter-spacing:-.015em;margin-bottom:14px;}
.legal-h1 em{font-style:italic;color:var(--lav);font-weight:300;}
.legal-updated{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:rgba(255,255,255,.65);border:1px solid var(--bdr);border-radius:100px;padding:6px 14px;}
.legal-updated i{color:var(--sage);}

/* ════ LEGAL BODY ════ */
.legal-wrap{max-width:1160px;margin:0 auto;padding:56px 5% 80px;}
/* Keep the reading column comfortable while the frame matches the site width */
.legal-article{max-width:820px;font-size:15px;line-height:1.85;color:var(--ink2);font-weight:400;}
.legal-article h2{
  font-family:var(--serif);font-size:clamp(22px,3vw,29px);font-weight:600;color:var(--ink);
  line-height:1.25;margin:44px 0 14px;scroll-margin-top:90px;
  display:flex;align-items:baseline;gap:12px;
}
.legal-article h2:first-child{margin-top:0;}
.legal-article h2 .num{font-size:.72em;color:var(--sage);font-weight:700;font-family:var(--sans);}
.legal-article h3{font-size:16px;font-weight:600;color:var(--ink);margin:26px 0 8px;}
.legal-article p{margin-bottom:16px;}
.legal-article ul,.legal-article ol{margin:0 0 16px 4px;padding-left:22px;}
.legal-article li{margin-bottom:9px;padding-left:4px;}
.legal-article ul li::marker{color:var(--sage);}
.legal-article ol li::marker{color:var(--sage);font-weight:700;}
.legal-article a{color:var(--sage);font-weight:600;}
.legal-article a:hover{text-decoration:underline;}
.legal-article strong{color:var(--ink);font-weight:600;}
.legal-article hr{border:none;border-top:1px solid var(--bdr);margin:36px 0;}

/* Intro lead paragraph */
.legal-lead{font-size:16.5px;color:var(--muted);font-weight:300;line-height:1.8;margin-bottom:8px;
  padding-bottom:28px;border-bottom:1px solid var(--bdr);}

/* Table of contents */
.legal-toc{
  background:var(--warm);border:1px solid var(--bdr);border-radius:18px;
  padding:22px 26px;margin:0 0 40px;
}
.legal-toc-h{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.legal-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:32px;}
.legal-toc li{margin-bottom:8px;font-size:13.5px;break-inside:avoid;padding:0;}
.legal-toc a{color:var(--ink2);font-weight:500;display:inline-flex;gap:8px;}
.legal-toc a:hover{color:var(--sage);}
.legal-toc a .tn{color:var(--lav);font-weight:700;}

/* Callout note */
.legal-note{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--amber-l);border:1px solid rgba(232,168,56,.35);
  border-radius:14px;padding:18px 20px;margin:24px 0;font-size:14px;line-height:1.7;color:var(--ink2);
}
.legal-note.info{background:var(--sky-l);border-color:rgba(123,189,224,.4);}
.legal-note.mint{background:var(--mint-l);border-color:rgba(107,191,168,.4);}
.legal-note i{font-size:22px;flex-shrink:0;margin-top:1px;}
.legal-note.warn i{color:var(--amber);}
.legal-note.info i{color:var(--sky);}
.legal-note.mint i{color:var(--mint);}

/* Definition / data table */
.legal-table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:13.5px;}
.legal-table th,.legal-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--bdr);vertical-align:top;}
.legal-table th{background:var(--sage-l);color:var(--ink);font-weight:600;font-size:12.5px;}
.legal-table tr:last-child td{border-bottom:none;}
.legal-table-wrap{overflow-x:auto;border:1px solid var(--bdr);border-radius:14px;margin-bottom:24px;}
.legal-table-wrap .legal-table{margin:0;}

/* Contact block at end */
.legal-contact{
  background:linear-gradient(145deg,var(--sage-l),var(--lav-l));
  border:1px solid var(--bdr);border-radius:20px;padding:28px 30px;margin-top:40px;
}
.legal-contact h3{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);margin:0 0 6px;}
.legal-contact p{font-size:14px;color:var(--muted);margin-bottom:16px;}
.legal-contact-rows{display:flex;flex-direction:column;gap:10px;}
.legal-contact-row{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink2);}
.legal-contact-row i{color:var(--sage);font-size:18px;width:20px;text-align:center;}
.legal-contact-row a{color:var(--sage);font-weight:600;}

/* Back to home */
.legal-back{margin-top:40px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--sage);}
.legal-back:hover{gap:11px;}

/* ════ RESPONSIVE ════ */
@media(max-width:640px){
  .legal-toc ol{columns:1;}
  .legal-wrap{padding:44px 6% 64px;}
}