/* Legal pages: the live site's policy text in the local design. Lists, bold labels and the State Coverage lists. */

/* The hero label: brand maroon between two fine maroon rules. */
.legal-hero .eyebrow { display: inline-flex; align-items: center; gap: 16px; color: #47181c; font-size: 12.5px; font-weight: 600; letter-spacing: .26em; }
.legal-hero .eyebrow::before, .legal-hero .eyebrow::after { content: ""; width: 40px; height: 1px; background: rgba(71, 24, 28, .4); }
.legal-copy ul, .legal-copy ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.legal-copy li { margin-bottom: .45em; }
.legal-copy h3 { margin: 1.6em 0 .5em; color: #47181c; font-size: 18px; font-weight: 500; }
.legal-copy strong { color: #47181c; font-weight: 600; }
.legal-copy a { color: #47181c; text-decoration: underline; text-underline-offset: 3px; }

.welm-states { margin: 22px 0 28px; }
.welm-states__h { margin-bottom: 12px; color: #8b5d54; font-size: 11.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.welm-states ul { margin: 0; padding: 0; list-style: none; columns: 3; column-gap: 24px; }
.welm-states--out { margin-top: 26px; }
.welm-states li { position: relative; margin: 0 0 9px; padding-left: 18px; color: #4a2a26; font-size: 15px; line-height: 1.5; break-inside: avoid; }
.welm-states li::before { content: ""; position: absolute; top: 8px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #c4956a; }
.welm-states--out li { color: #8b5d54; }
.welm-states--out li::before { border: 1px solid rgba(139, 93, 84, .55); background: none; }
@media (max-width: 760px) {
  .welm-states ul { columns: 2; }
}

/* The side menu follows the page; stop it below the fixed site header (72px) so the first link is never hidden. */
.legal-layout > nav { top: 104px; }