/* Shared styling for the privacy / allergens / terms pages. */
.legal{max-width:44rem;margin:0 auto;padding:clamp(30px,6vw,64px) clamp(18px,5vw,32px) 72px}
.legal h1{font-family:"Marcellus",Georgia,serif;font-size:clamp(2.1rem,5vw,3.1rem);
  line-height:1.05;letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}
.legal .updated{color:#6a5a4c;font-size:.86rem;margin:0 0 34px}
.legal h2{font-family:"Marcellus",Georgia,serif;font-size:1.45rem;margin:38px 0 10px;
  letter-spacing:-.01em}
.legal h3{font-size:1.02rem;margin:24px 0 6px;font-weight:700}
.legal p,.legal li{font-size:1rem;line-height:1.65}
.legal ul,.legal ol{padding-left:22px;margin:10px 0}
.legal li{margin:6px 0}
.legal li::marker{color:var(--gold)}
.legal a{color:var(--red);text-underline-offset:2px}
.legal .callout{background:var(--paper);border-left:3px solid var(--red);
  padding:18px 20px;margin:26px 0;border-radius:0 8px 8px 0}
.legal .callout p:first-child{margin-top:0}
.legal .callout p:last-child{margin-bottom:0}
.legal .contact{background:#fff;border:1px solid var(--line);padding:20px;border-radius:8px;margin:30px 0}
.legal table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.94rem}
.legal th,.legal td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.legal th{font-weight:700}
.legal-back{display:inline-block;margin-top:40px;font-weight:700;color:var(--red);text-decoration:none}
.legal-back:hover{text-decoration:underline}
.legal .todo{background:#fdf0d0;padding:1px 6px;border-radius:3px;font-weight:700}