/* ==========================================================================
   PRIVACY PAGE  (privacy.html, <body class="privacy-body">)
   1. Page and background   2. Header and nav   3. Reading surface (.legal)
   ========================================================================== */

/* 1. PAGE AND BACKGROUND  (html: .privacy-background) -------------------- */
.privacy-body{background:var(--bg);isolation:isolate}
.privacy-background{z-index:-1;background:radial-gradient(ellipse at 90% 5%,#284139 0,transparent 55%),radial-gradient(ellipse at 5% 90%,#172d32 0,transparent 65%),#0c1413}

/* 2. HEADER AND NAV ------------------------------------------------------ */
.privacy-body header{border-bottom-color:#d4e4cf30}
.privacy-body nav [aria-current="page"]{color:#c0d49a;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.privacy-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.06em;color:#bac9b7;text-decoration:none!important}

/* 3. READING SURFACE  (html: .legal) ------------------------------------- */
.privacy-body .legal{max-width:860px;margin-block:56px;padding:48px 56px;background:#0c1718a6;backdrop-filter:blur(12px)}
.privacy-body .legal h1{font-size:clamp(40px,6vw,64px);font-weight:400;letter-spacing:-.045em}
.privacy-body .legal .eyebrow{margin:30px 0 16px;font-size:10px;letter-spacing:.23em;color:#bace90}
.privacy-body .legal .updated{margin-bottom:34px;font-size:12px;color:#a5b5aa}
.privacy-body .legal h2{margin-top:44px;padding-top:26px;border-top:1px solid #c4d9cf26;font-size:23px;font-weight:400;letter-spacing:-.025em}
.privacy-body .legal p,.privacy-body .legal li{font-size:16px;line-height:1.85;color:#d1dbd4}
.privacy-body .legal li{margin-block:8px}
.privacy-body .legal a{color:#c0d49a;text-decoration:underline;text-decoration-color:#c0d49a70;text-underline-offset:4px;overflow-wrap:anywhere}
.privacy-body .legal strong{font-weight:600;color:#e4eadf}
.privacy-body .legal .scope{padding:0 0 10px}
.privacy-body .legal .scope p{font-size:18px;line-height:1.75;color:#e2e8e0}

@media (max-width: 600px) {
  .privacy-body .legal{width:calc(100% - 32px);margin-block:24px;padding:20px 20px 32px;background:#0c1718d9;backdrop-filter:none}
  .privacy-body .legal h1{font-size:42px}
  .privacy-body .legal .eyebrow{font-size:9px;letter-spacing:.16em}
  .privacy-body .legal h2{margin-top:32px;padding-top:24px;font-size:22px;line-height:1.3}
  .privacy-body .legal p{font-size:15px;line-height:1.8}
  .privacy-body .legal .scope p{font-size:16px}
}