:root { --privacy-ink: #142638; --privacy-navy: #063b6b; --privacy-paper: #fffaf0; }
* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body {
  width: 100% !important;
  overflow-x: hidden;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 80px !important;
  color: var(--privacy-ink) !important;
  background:
    radial-gradient(circle at 8% 2%, rgba(242,173,24,.12), transparent 23rem),
    radial-gradient(circle at 96% 32%, rgba(8,185,231,.09), transparent 24rem),
    var(--privacy-paper) !important;
  font-family: "Aptos", "Segoe UI", system-ui, sans-serif !important;
  font-size: 16px;
  line-height: 1.7 !important;
}
body > :not(.home) { width: min(calc(100% - 40px), 820px); margin-left: auto; margin-right: auto; }
.home {
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  margin: 0 0 58px !important;
  padding: 22px max(20px, calc((100vw - 820px) / 2));
  display: block !important;
  border-bottom: 1px solid rgba(6,59,107,.12);
  color: var(--privacy-navy) !important;
  background: rgba(255,250,240,.92);
  backdrop-filter: blur(16px);
  font-size: .92rem !important;
  font-weight: 800;
  text-decoration: none;
}
h1 { margin-top: 0 !important; color: var(--privacy-navy) !important; font-family: "Trebuchet MS", system-ui, sans-serif; font-size: clamp(2.2rem, 6vw, 4rem) !important; line-height: 1.08; letter-spacing: -.045em; }
h2 { margin-top: 44px !important; color: var(--brand, var(--privacy-navy)) !important; font-size: 1.35rem !important; line-height: 1.25; }
h3 { color: var(--accent, var(--privacy-navy)) !important; }
p, li, .summary { max-width: 100%; overflow-wrap: anywhere; color: #3f4e5b !important; }
.meta { margin-top: -16px; color: #71808b !important; }
.summary {
  margin-top: 30px !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(6,59,107,.12);
  border-left: 5px solid var(--accent-soft, #08b9e7) !important;
  border-radius: 0 16px 16px 0 !important;
  background: var(--soft-bg, white) !important;
  box-shadow: 0 12px 32px rgba(4,43,80,.06);
}
a { color: var(--accent, var(--privacy-navy)); }
code { max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 3px 7px !important; border-radius: 6px !important; background: rgba(6,59,107,.08) !important; }
.lang-divider { margin-top: 76px !important; padding-top: 0; border: 0 !important; border-top: 3px dashed rgba(6,59,107,.18) !important; }
nav, footer { margin-top: 56px !important; padding-top: 24px !important; border-top: 1px solid rgba(6,59,107,.14) !important; }
nav a, .back { padding: 11px 18px !important; border-radius: 999px !important; color: white !important; background: var(--accent, var(--privacy-navy)) !important; font-weight: 800; text-decoration: none; }
footer { color: #71808b !important; }
@media (max-width: 640px) { body > :not(.home) { width: min(calc(100% - 28px), 820px); } .home { margin-bottom: 42px !important; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }