/* legal-shop.css (2026-10-14): the legal pages (privacy, terms, CCPA) in the site's look, without changing
   a word of their text. Loaded last; every rule carries the html body.legal-shop prefix and is scoped to the
   page content (main, .container), so the shared crew-chrome.js header/footer and the cookie banner keep theirs. */
html body.legal-shop {
  --ls-day:#E5EAEB; --ls-wall:#FFFFFF; --ls-steel:#1B2023; --ls-steel-2:#4A545A; --ls-rule:#C5CDD0;
  --ls-ring:#17628F; --ls-canary:#F4E6A9; --ls-canary-rule:#D9C47A;
  background:var(--ls-day) !important;
}
html body.legal-shop::before, html body.legal-shop::after {display:none !important}
html body.legal-shop :is(main, .container) {color:var(--ls-steel) !important;font:400 1.02rem/1.65 'Atkinson Hyperlegible',Verdana,sans-serif !important}
html body.legal-shop .hero {background:transparent !important;padding:clamp(36px,6vw,72px) clamp(16px,4vw,32px) 12px !important;text-align:left !important;max-width:860px;margin:0 auto}
html body.legal-shop :is(.hero h1, .container .header h1) {font:900 clamp(2.2rem,1.2rem + 3vw,3.4rem)/1 'Overpass',Arial,sans-serif !important;color:var(--ls-steel) !important;letter-spacing:-.02em;margin:0 0 10px !important;background:none !important;-webkit-text-fill-color:currentColor !important;text-align:left !important}
html body.legal-shop :is(main, .container) .bb-grad, html body.legal-shop .hero h1 * {background:none !important;-webkit-text-fill-color:currentColor !important;color:inherit !important}
html body.legal-shop :is(.hero p, .container .header p) {color:var(--ls-steel-2) !important;font-size:1.05rem !important;margin:0 !important;text-align:left !important}
html body.legal-shop .content-wrap {max-width:860px !important;margin:0 auto !important;padding:12px clamp(16px,4vw,32px) 72px !important}
html body.legal-shop .last-updated {font:700 .8rem 'Courier Prime','Courier New',monospace !important;letter-spacing:.06em;text-transform:uppercase;color:var(--ls-steel-2) !important;border-bottom:2px solid var(--ls-steel) !important;padding-bottom:10px !important}
html body.legal-shop :is(main, .container) .card {background:var(--ls-wall) !important;border:1px solid var(--ls-rule) !important;border-radius:2px !important;box-shadow:none !important;color:var(--ls-steel) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
html body.legal-shop :is(main, .container) :is(.highlight-box, .warning-box) {background:var(--ls-canary) !important;border:1px solid var(--ls-canary-rule) !important;border-left:4px solid var(--ls-steel) !important;border-radius:0 !important;color:var(--ls-steel) !important}
html body.legal-shop :is(main, .container) :is(h2, h3, h4) {font-family:'Overpass',Arial,sans-serif !important;color:var(--ls-steel) !important;font-weight:800 !important;letter-spacing:-.01em}
html body.legal-shop :is(main, .container) :is(p, li, td, th, strong, label, span, small) {color:var(--ls-steel) !important}
html body.legal-shop :is(main, .container) a {color:var(--ls-ring) !important}
html body.legal-shop :is(main, .container) :is(th, td) {border-color:var(--ls-rule) !important;background:transparent !important}
/* the data-request form */
html body.legal-shop .container {background:var(--ls-wall) !important;border:1px solid var(--ls-rule) !important;border-radius:2px !important;box-shadow:none !important;max-width:720px !important;margin:clamp(24px,5vw,56px) auto !important;padding:clamp(20px,4vw,40px) !important}
html body.legal-shop .container .identity-section {background:var(--ls-canary) !important;border:1px solid var(--ls-canary-rule) !important;border-left:4px solid var(--ls-steel) !important;border-radius:0 !important;color:var(--ls-steel) !important}
html body.legal-shop .container .header {background:transparent !important;border:0 !important;padding:0 0 12px !important;margin:0 0 16px !important;border-bottom:2px solid var(--ls-steel) !important}
html body.legal-shop :is(main, .container) :is(input, select, textarea) {background:#fff !important;color:var(--ls-steel) !important;border:1.5px solid var(--ls-steel-2) !important;border-radius:2px !important}
html body.legal-shop :is(main, .container) :is(button[type=submit], .submit-btn, .btn) {background:var(--ls-steel) !important;color:#fff !important;border:0 !important;border-radius:3px !important}
html body.legal-shop :is(main, .container) .request-type-hint {color:var(--ls-steel-2) !important}
/* 10/17: a link inside a sentence must not rely on color alone (WCAG 1.4.1; axe link-in-text-block found 36 on privacy,
   terms and CCPA at 2.48:1 against the text). The pages' old inline CSS removes the underline; put it back. */
html body.legal-shop :is(main, .container) :is(p, li, .highlight-box) a {text-decoration:underline !important;text-underline-offset:2px}
/* 10/17: the CCPA form's dropdown options asked for Inter Tight (from bizbot-shared.css), which these pages never load, so 13% of its text fell back; form text uses the page's own face like the rest of the legal pages */
html body.legal-shop :is(select, option, input, textarea) {font-family:inherit}