/* ===== Shared styles for GDE AI legal pages ===== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --bg:#06070d;--bg-soft:#0b0d18;--panel:rgba(255,255,255,.04);--panel-border:rgba(255,255,255,.09);
  --text:#eef1f8;--muted:#9aa3b8;--muted-dim:#6b7387;--accent:#6d5efc;--accent-2:#22d3ee;
  --grad:linear-gradient(120deg,#6d5efc 0%,#22d3ee 100%);
  --grad-text:linear-gradient(110deg,#c4b5ff 0%,#7dd3fc 55%,#5eead4 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent-2);text-decoration:none}
a:hover{text-decoration:underline}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ambient */
.l-orb{position:fixed;border-radius:50%;filter:blur(110px);opacity:.28;z-index:-1;pointer-events:none}
.l-orb.a{width:480px;height:480px;background:#5b46ff;top:-160px;left:-120px}
.l-orb.b{width:420px;height:420px;background:#0fb6c9;top:200px;right:-160px;opacity:.2}

.lwrap{max-width:880px;margin:0 auto;padding:0 24px}

/* header */
.lh{position:sticky;top:0;z-index:20;background:rgba(6,7,13,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--panel-border)}
.lh-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-weight:700;font-size:19px;color:var(--text)}
.logo:hover{text-decoration:none}
.logo .mark{width:34px;height:34px;display:block;filter:drop-shadow(0 6px 18px rgba(109,94,252,.5))}
.back{font-size:14.5px;font-weight:500;color:var(--muted)}
.back:hover{color:var(--text);text-decoration:none}

/* doc */
.doc{padding:54px 0 90px}
.doc-tag{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin-bottom:14px}
.doc h1{font-family:'Space Grotesk';font-size:clamp(28px,4.4vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin-bottom:14px}
.doc .meta{color:var(--muted-dim);font-size:14px;margin-bottom:14px}
.doc .lead{color:var(--muted);font-size:16.5px;margin-bottom:8px}

.note{background:rgba(109,94,252,.08);border:1px solid rgba(109,94,252,.28);border-radius:14px;padding:16px 20px;margin:26px 0;color:var(--muted);font-size:14.5px}
.note b{color:var(--text)}

.doc section{margin-top:34px}
.doc h2{font-family:'Space Grotesk';font-size:20px;font-weight:600;margin-bottom:14px;padding-top:6px;color:var(--text)}
.doc h2 .h-num{color:var(--accent-2);margin-right:10px;font-weight:700}
.doc h3{font-size:16.5px;font-weight:600;margin:18px 0 8px}
.doc p{color:var(--muted);font-size:15.5px;margin-bottom:12px}
.doc ul,.doc ol{margin:0 0 14px 4px;padding-left:22px}
.doc li{color:var(--muted);font-size:15.5px;margin-bottom:8px}
.doc strong{color:var(--text);font-weight:600}

.req{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:24px 26px;margin-top:14px}
.req dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px}
.req dt{color:var(--muted-dim);font-size:14.5px}
.req dd{color:var(--text);font-size:14.5px;font-weight:500}
.fill{color:#ffb86b;font-style:italic}

/* footer */
.lf{border-top:1px solid var(--panel-border);padding:34px 0;color:var(--muted-dim);font-size:13.5px}
.lf-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center}
.lf a{color:var(--muted)}

@media(max-width:560px){
  .req dl{grid-template-columns:1fr;gap:2px 0}
  .req dt{margin-top:10px}
  .doc{padding:36px 0 64px}
}