/* legal-pages.css  — used by /privacy.html and /do-not-sell.html only */

/* Hard reset so nothing leaks from site theme or prefers-color-scheme */
:root { color-scheme: light only; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:#fff !important; }
body, body * { color:#111 !important; text-shadow:none !important; filter:none !important; opacity:1 !important; }

/* Layout */
.legal-wrap{
  max-width: 880px;
  margin: 48px auto;
  padding: 0 22px;
  font: 16px/1.7 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Headings */
h1{ font-size: clamp(28px, 4vw, 44px); line-height:1.15; margin:0 0 18px; }
h2{ font-size: clamp(20px, 2.6vw, 28px); margin:24px 0 10px; }

/* Text, links */
p, li { color:#222 !important; }
a{ color:#0b66ff !important; text-decoration: underline; text-underline-offset: 2px; }

/* Inline code badges (e.g., youtube-nocookie.com) */
code, kbd, samp{
  font: 600 0.92rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background:#111;
  color:#fff !important;
  padding:.12rem .45rem;
  border-radius:.45rem;
}

/* Buttons */
.btn{
  appearance:none; border:1px solid #c9d3e3; background:#fff; color:#111;
  padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:600;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
.btn:hover{ background:#f6f8fc; }
.btn.accent{ border-color:#7aa7ff; background:#eef4ff; }
.cta{ display:flex; gap:14px; flex-wrap:wrap; margin:14px 0 8px; }

/* Inline consent row (only show when no choice yet) */
.inline-consent{ display:none; margin-top: 24px; }
.inline-consent .row{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.inline-consent .btn{ border-radius:10px; }

/* Mobile tweaks */
@media (max-width: 820px){
  .legal-wrap{ margin: 28px auto; padding: 0 16px; }
}