/* Shared styling for the three legal pages (privacy, terms, delivery &
   returns). Deliberately plain: these are documents, not marketing. Colours,
   type and the .btn come from styles.css so they stay in step with the rest
   of the site if the palette ever moves. */

.legal-body{ background:var(--cream, #F3F0E9); }

.legal{
  max-width:760px; margin:0 auto;
  padding:clamp(34px,6vw,72px) clamp(22px,5vw,48px) clamp(48px,7vw,88px);
  color:#2A2823; text-align:left;
}

.legal__kicker{
  font-family:var(--mono, ui-monospace, "SF Mono", Menlo, monospace);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:#B5352A; margin:0 0 14px;
}
.legal__head{
  margin:0 0 8px; font-family:var(--sans);
  font-size:clamp(36px,6vw,64px); line-height:.98; font-weight:700;
  letter-spacing:-.035em; color:#0E0E0E;
}
.legal__updated{
  margin:0 0 clamp(26px,4vw,38px);
  font-family:var(--mono, ui-monospace, "SF Mono", Menlo, monospace);
  font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:#8A8578;
}

/* The plain-English summary, so nobody has to read the whole thing to learn
   the one fact most people actually want. */
.legal__summary{
  margin:0 0 clamp(30px,4.5vw,44px); padding:clamp(18px,2.6vw,24px);
  border-left:3px solid #B5352A; background:rgba(255,255,255,.55);
  border-radius:0 10px 10px 0;
}
.legal__summary p{ margin:0; font-size:clamp(15px,1.6vw,16.5px); line-height:1.6; }

.legal h2{
  margin:clamp(32px,4.5vw,46px) 0 12px;
  font-size:clamp(20px,2.2vw,25px); font-weight:700;
  letter-spacing:-.02em; color:#0E0E0E;
}
.legal h3{
  margin:clamp(22px,3vw,30px) 0 8px;
  font-size:clamp(16px,1.7vw,18px); font-weight:700;
  letter-spacing:-.015em; color:#0E0E0E;
}
.legal p{
  margin:0 0 14px; font-size:clamp(14.5px,1.5vw,16px);
  line-height:1.65; color:#3A362E;
}
.legal p b{ color:#0E0E0E; }

.legal__address{
  font-family:var(--mono, ui-monospace, "SF Mono", Menlo, monospace);
  font-size:13px; line-height:1.8; color:#3A362E;
}

.legal__list{
  margin:0 0 14px; padding-left:20px;
  font-size:clamp(14.5px,1.5vw,16px); line-height:1.65; color:#3A362E;
}
.legal__list li{ margin-bottom:7px; }
.legal__list li b{ color:#0E0E0E; }

.legal a{ color:#B5352A; text-decoration:underline; text-underline-offset:2px; }
.legal a:hover{ color:#8f2a21; }

/* Sideways routes to the other two documents, then out. */
.legal__nav{
  display:flex; flex-wrap:wrap; gap:clamp(16px,3vw,28px);
  margin:clamp(40px,6vw,60px) 0 clamp(18px,2.4vw,24px);
  padding-top:clamp(20px,3vw,28px);
  border-top:1px solid rgba(14,14,14,.14);
  font-family:var(--mono, ui-monospace, "SF Mono", Menlo, monospace);
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
}
.legal__nav a{ text-decoration:none; color:#6B665B; }
.legal__nav a:hover{ color:#B5352A; }

.legal__back{
  display:inline-block;
  font-family:var(--mono, ui-monospace, "SF Mono", Menlo, monospace);
  font-size:10.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:#6B665B; text-decoration:none;
}
.legal__back:hover{ color:#B5352A; }