/* Shared styling for the Privacy Policy + Cookie Policy pages. Pub theme. */
.legal-hero{ position:relative; background:var(--navy); color:var(--cream);
  text-align:center; padding:clamp(96px,14vw,156px) 20px clamp(46px,7vw,76px); }
.legal-hero h1{ font-family:var(--font-serif); font-weight:600; line-height:1;
  font-size:clamp(2.4rem,6vw,4rem); margin:0 0 16px; color:var(--cream); }
.legal-hero .legal-rule{ margin-left:auto; margin-right:auto; }
.legal-updated{ font-family:var(--font-sans); font-size:.76rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gold); }
.legal-hero-bar{ position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--gold); }

.legal-body{ background:var(--cream); color:var(--navy);
  padding:clamp(52px,8vw,92px) 20px clamp(72px,10vw,120px); }
.legal-inner{ max-width:760px; margin:0 auto; }
.legal-lead{ font-family:var(--font-sans); font-size:1.12rem; line-height:1.7;
  color:var(--navy); margin:0 0 32px; }

.legal-rule{ display:block; width:54px; height:3px; background:var(--gold); margin:0 0 16px; }

.legal-inner h2{ font-family:var(--font-serif); font-weight:600; line-height:1.1;
  font-size:clamp(1.55rem,3vw,2.1rem); margin:44px 0 6px; color:var(--navy); }
.legal-inner h2:first-of-type{ margin-top:0; }
.legal-inner h3{ font-family:var(--font-sans); font-weight:700; font-size:1.05rem;
  margin:24px 0 6px; color:var(--navy); }
.legal-inner p, .legal-inner li{ font-family:var(--font-sans); font-size:1rem;
  line-height:1.72; color:#28394a; }
.legal-inner p{ margin:0 0 16px; }
.legal-inner ul{ padding-left:1.25em; margin:10px 0 18px; }
.legal-inner li{ margin-bottom:8px; }
.legal-inner a{ color:var(--teal); text-decoration:underline; text-underline-offset:2px; font-weight:500; }
.legal-inner a:hover{ color:var(--burgundy); }
.legal-inner strong{ color:var(--navy); }

.legal-contact{ background:#fff; border:1px solid rgba(17,34,51,.12); border-left:4px solid var(--gold);
  border-radius:14px; padding:22px 26px; margin:8px 0 4px; }
.legal-contact p{ margin:0; }

.legal-back{ display:inline-block; margin-top:44px; font-family:var(--font-sans); font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; font-size:.74rem; color:var(--teal);
  text-decoration:none; }
.legal-back:hover{ color:var(--burgundy); }