/* VendVice legal pages (privacy, terms, cookies, account deletion), MIX-2722.
   Loaded after site.css. The nav and footer come from site.css; this styles only the
   legal title inside the navy band and the plain document column under it. */
.va .lhero { padding-bottom: 64px; }
.va .lhero .legal-hero { text-align: center; max-width: 760px; margin: 0 auto; }
.va .lhero .badge { display: inline-block; margin-top: 40px; font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; color: var(--amber); }
.va .lhero h1 { font-size: 64px; max-width: 760px; margin: 12px auto 18px; }
.va .lhero .legal-hero p { max-width: 580px; margin: 0 auto; color: rgba(244,238,227,.75); font-size: 17px; line-height: 1.65; }
.va .lhero .legal-hero p.updated { margin-top: 18px; font-size: 14px; color: rgba(244,238,227,.55); }

.va .legal-content { padding: 64px 0 96px; }
.va .legal-content .container { max-width: 760px; margin: 0 auto; padding: 0 40px; }
.va .legal-content h2 { font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 30px; line-height: 1.2; letter-spacing: -.015em; color: var(--ink); margin: 52px 0 14px; scroll-margin-top: 24px; }
.va .legal-content h2:first-child { margin-top: 0; }
.va .legal-content h3 { font-size: 18px; font-weight: 600; color: var(--ink); margin: 28px 0 8px; }
.va .legal-content p { font-size: 16px; line-height: 1.75; color: #3C414A; margin-bottom: 16px; }
.va .legal-content ul { margin: 0 0 16px; padding-left: 24px; color: #3C414A; }
.va .legal-content li { margin-bottom: 8px; line-height: 1.7; }
.va .legal-content strong { color: var(--ink); font-weight: 600; }
.va .legal-content a { color: var(--navy); text-decoration: underline; text-decoration-color: var(--amber); text-decoration-thickness: 2px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.va .legal-content a:hover { text-decoration-color: var(--navy); }

.va .toc { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px 30px; margin-bottom: 52px; }
.va .legal-content .toc h3 { font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--mute); margin: 0 0 14px; }
.va .toc ol { margin: 0; padding-left: 22px; color: var(--mute); }
.va .toc li { margin-bottom: 6px; }
.va .legal-content .toc a { color: var(--ink); font-size: 15px; font-weight: 500; text-decoration: none; }
.va .legal-content .toc a:hover { text-decoration: underline; text-decoration-color: var(--amber); }

/* cookies.html */
.va .cookie-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 16px 0 26px; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.va .cookie-table th, .va .cookie-table td { text-align: left; vertical-align: top; padding: 13px 18px; font-size: 14px; border-bottom: 1px solid var(--line); }
.va .cookie-table th { background: var(--cream); color: var(--ink); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.va .cookie-table tr:last-child td { border-bottom: 0; }
.va .cookie-table td { color: #3C414A; }
.va .cookie-table td strong { color: var(--ink); }

@media (max-width: 760px) {
  .va .lhero { padding-bottom: 44px; }
  .va .lhero .badge { margin-top: 24px; }
  .va .lhero h1 { font-size: 40px; }
  .va .lhero .legal-hero p { font-size: 15.5px; }
  .va .legal-content { padding: 44px 0 64px; }
  .va .legal-content .container { padding: 0 20px; }
  .va .legal-content h2 { font-size: 25px; margin: 40px 0 12px; }
  .va .toc { padding: 22px 20px; margin-bottom: 40px; }
  .va .cookie-table th, .va .cookie-table td { padding: 10px 12px; font-size: 13px; }
}