/* ============================================================
   AURIXA — Shared stylesheet for content/legal pages
   (privacy, about, contact, terms, and educational guides).
   Uses the same brand tokens as the app pages so these read
   as part of the same site. Served via the static allow-list
   (.css is permitted). Article width capped for readability.
   ============================================================ */
:root{
  --gold:#B8860B; --gold-mid:#C9980A; --gold-bright:#F5A623; --gold-pale:#FEF9EC;
  --gold-border:rgba(184,134,11,0.2);
  --charcoal:#1A1B2E; --ink:#2D2F3E; --slate:#5A5C6E; --mist:#9A9BAA;
  --border:#E8E9F0; --bg:#F7F8FC; --white:#FFFFFF;
  --green:#1A9E5C; --red:#D63B3B;
  --shadow-sm:0 1px 4px rgba(0,0,0,0.06); --shadow-md:0 4px 16px rgba(0,0,0,0.08);
  --radius:12px; --radius-sm:8px;
  --font:'Inter',system-ui,sans-serif; --font-display:'Manrope',system-ui,sans-serif;
  --transition:0.25s cubic-bezier(0.4,0,0.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:var(--gold-mid);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold-mid);outline-offset:2px}

/* ── top bar ── */
.doc-nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}
.doc-nav-inner{max-width:1000px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between}
.doc-logo{display:flex;align-items:center;gap:8px}
.doc-logo-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold),var(--gold-bright));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff}
.doc-logo-text{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--charcoal)}
.doc-nav-links{display:flex;gap:18px;align-items:center}
.doc-nav-links a{font-size:14px;font-weight:500;color:var(--slate)}
.doc-nav-links a:hover{color:var(--gold-mid)}
@media(max-width:600px){.doc-nav-links a:not(.doc-home){display:none}}

/* ── article ── */
.doc-wrap{max-width:760px;margin:0 auto;padding:44px 20px 64px}
.doc-breadcrumb{font-size:13px;color:var(--mist);margin-bottom:18px}
.doc-breadcrumb a{color:var(--mist)}
.doc-breadcrumb a:hover{color:var(--gold-mid)}
.doc-wrap h1{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--charcoal);line-height:1.15;letter-spacing:-0.02em;margin-bottom:10px}
.doc-lead{font-size:17px;color:var(--slate);line-height:1.6;margin-bottom:14px}
.doc-updated{font-size:13px;color:var(--mist);margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.doc-wrap h2{font-family:var(--font-display);font-size:23px;font-weight:700;color:var(--charcoal);margin:36px 0 12px;letter-spacing:-0.01em}
.doc-wrap h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);margin:24px 0 8px}
.doc-wrap p{font-size:16px;color:var(--ink);margin-bottom:16px}
.doc-wrap ul,.doc-wrap ol{margin:0 0 16px 22px}
.doc-wrap li{font-size:16px;color:var(--ink);margin-bottom:8px}
.doc-wrap strong{color:var(--charcoal);font-weight:600}
.doc-wrap a{font-weight:500}
.doc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin:20px 0;box-shadow:var(--shadow-sm)}
.doc-note{background:var(--gold-pale);border:1px solid var(--gold-border);border-radius:var(--radius-sm);padding:14px 18px;margin:20px 0;font-size:14.5px;color:var(--ink)}
.doc-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.doc-table th{text-align:left;padding:10px 14px;background:var(--bg);border-bottom:2px solid var(--border);font-weight:700;color:var(--charcoal);font-size:13px}
.doc-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--ink)}
.doc-cta{display:inline-block;margin-top:8px;padding:11px 22px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold),var(--gold-bright));color:#fff;font-weight:600;font-size:15px}
.doc-cta:hover{color:#fff;box-shadow:0 4px 14px rgba(184,134,11,0.35)}

/* ── related guides grid ── */
.doc-related{margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}
.doc-related-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--charcoal);margin-bottom:14px}
.doc-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.doc-related-grid{grid-template-columns:1fr}}
.doc-related-card{display:block;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:14.5px;font-weight:600;color:var(--charcoal);box-shadow:var(--shadow-sm)}
.doc-related-card:hover{border-color:var(--gold-border);background:var(--gold-pale);color:var(--charcoal)}
.doc-related-card span{display:block;font-size:12.5px;font-weight:400;color:var(--mist);margin-top:3px}

/* ── footer (self-contained; links every trust + guide page) ── */
.doc-footer{background:var(--charcoal);color:rgba(255,255,255,0.5);margin-top:0;padding:44px 20px 28px}
.doc-footer-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
@media(max-width:760px){.doc-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.doc-footer-grid{grid-template-columns:1fr}}
.doc-footer-brand-logo{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.doc-footer-logo-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-bright));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;font-weight:800;color:#fff}
.doc-footer-logo-text{font-family:var(--font-display);font-size:17px;font-weight:800;color:#fff}
.doc-footer-desc{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.7;max-width:240px}
.doc-footer-col-title{font-size:11px;font-weight:700;color:rgba(255,255,255,0.4);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px}
.doc-footer-links{display:flex;flex-direction:column;gap:9px}
.doc-footer-links a{font-size:13px;color:rgba(255,255,255,0.5)}
.doc-footer-links a:hover{color:var(--gold-bright)}
.doc-footer-bottom{max-width:1000px;margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.doc-footer-copy{font-size:12px;color:rgba(255,255,255,0.3)}
.doc-footer-note{font-size:11px;color:rgba(255,255,255,0.2);max-width:520px;line-height:1.5}