/* Shared styling for Lucid Legal standalone legal/policy pages.
   Dark brand theme (matches the main site), readable single-column layout. */
:root{
  --bg:#0f0e17; --panel:#16152a; --text:#fffffe; --muted:rgba(255,255,255,.72);
  --accent:#f00069; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Inter',system-ui,-apple-system,sans-serif; line-height:1.7;
}
a{color:var(--accent); text-decoration:none;}
a:hover{text-decoration:underline;}

.legal-nav{
  background:var(--bg); border-bottom:1px solid var(--line); padding:16px 24px;
  position:sticky; top:0; z-index:10;
}
.legal-nav .wrap{
  max-width:900px; margin:0 auto; display:flex; align-items:center;
  justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.legal-nav img{height:34px; width:auto; display:block;}
.legal-nav .cta{
  padding:9px 20px; border-radius:50px; background:var(--accent);
  color:var(--text); font-weight:600; font-size:.85rem;
}
.legal-nav .cta:hover{text-decoration:none; opacity:.92;}

.legal-main{max-width:820px; margin:0 auto; padding:56px 24px 80px;}
.legal-main h1{
  font-family:'Playfair Display',Georgia,serif; font-weight:700;
  font-size:clamp(1.9rem,4vw,2.7rem); line-height:1.15; margin:0 0 10px;
}
.legal-meta{color:var(--muted); font-size:.86rem; margin:0 0 40px; padding-bottom:24px; border-bottom:1px solid var(--line);}
.legal-main h2{
  font-family:'Playfair Display',Georgia,serif; font-weight:600;
  font-size:1.35rem; margin:44px 0 12px; color:var(--text);
}
.legal-main p, .legal-main li{color:var(--muted); font-size:1rem;}
.legal-main ul{padding-left:22px; margin:12px 0;}
.legal-main li{margin:7px 0;}
.legal-main strong{color:var(--text);}
.callout{
  background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:10px; padding:18px 22px; margin:22px 0;
}
.callout p{margin:0; color:var(--text);}
.note{color:var(--accent); font-weight:600; font-size:.82rem; letter-spacing:.02em;}

.legal-footer{
  border-top:1px solid var(--line); background:var(--bg);
  padding:32px 24px; text-align:center; color:var(--muted); font-size:.82rem;
}
.legal-footer a{color:var(--muted);}
.legal-footer .links{margin-bottom:12px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap;}