/* Legal pages (terms / privacy / refund). Loaded only by those three pages on
   top of styles.css, so nothing here can affect the funnel — and adding it as a
   separate file means styles.css keeps its cached ?v= for every other page. */

.legal-wrap{
  max-width:760px;
  margin:0 auto;
  padding:34px 18px 70px;
}

.legal-head{
  text-align:center;
  margin-bottom:30px;
}
/* The page title sits on `checkout-body`'s NAVY background, not on the cream of
   the landing page — so it must be light. Using var(--ink) here rendered the
   heading in exactly the body's own navy (#1A2B4C on #1A2B4C: invisible), which
   is what happened on the first cut. Only text inside .legal-card, which paints
   its own white background, may use --ink. */
.legal-head h1{
  font-size:29px;
  line-height:1.2;
  color:#fff;
  margin:0 0 10px;
  font-weight:800;
}
.legal-updated{
  font-size:12.5px;
  color:#9FB0CC;
}

.legal-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 24px;
  box-shadow:0 10px 30px rgba(26,43,76,.07);
}

.legal-card h2{
  font-size:17px;
  color:var(--ink);
  font-weight:800;
  margin:30px 0 10px;
  padding-top:4px;
}
.legal-card h2:first-child{margin-top:0;}

.legal-card h3{
  font-size:14.5px;
  color:var(--ink);
  font-weight:700;
  margin:20px 0 8px;
}

.legal-card p,
.legal-card li{
  font-size:14.5px;
  line-height:1.72;
  color:#4A4438;
}
.legal-card p{margin:0 0 12px;}

.legal-card ul{
  margin:0 0 14px;
  padding-left:20px;
}
.legal-card li{margin-bottom:7px;}

.legal-card b{color:var(--ink);}
.legal-card a{color:var(--orange-dark);text-decoration:underline;}
.legal-card a:hover{color:var(--orange);}

/* Callout for the clauses a buyer most needs to actually notice — chiefly the
   one condition that voids the refund. Deliberately loud: a term that removes a
   right has to be impossible to skim past, not buried in a paragraph. */
.legal-note{
  background:var(--peach);
  border:1px solid var(--peach-deep);
  border-left:4px solid var(--orange);
  border-radius:12px;
  padding:15px 16px;
  margin:0 0 16px;
}
.legal-note p{margin:0;}
.legal-note p + p{margin-top:9px;}
.legal-note-title{
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:800;
  color:var(--ink);
  font-size:14px;
  margin-bottom:7px;
}
.legal-note-title [data-lucide]{width:17px;height:17px;stroke-width:2.4;}

/* The plain-language recap that opens the refund page. */
.legal-tldr{
  background:#F4F8FF;
  border:1px solid #DCE6F7;
  border-radius:14px;
  padding:16px 18px;
  margin:0 0 22px;
}
.legal-tldr ul{margin:0;padding-left:18px;}
.legal-tldr li{margin-bottom:6px;font-size:14px;}
.legal-tldr li:last-child{margin-bottom:0;}

.legal-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:24px;
  font-size:13.5px;
  font-weight:700;
  color:var(--orange-dark);
}
.legal-back [data-lucide]{width:16px;height:16px;}

@media (max-width:520px){
  .legal-wrap{padding:24px 14px 56px;}
  .legal-head h1{font-size:24px;}
  .legal-card{padding:20px 17px;border-radius:15px;}
  .legal-card p,.legal-card li{font-size:14px;}
}