/* Shared styling for the Halo legal pages (Terms, Privacy) — matches the joinhalo.dev design system */
:root{
  --abyss:#050f1c; --abyss-2:#081C2D; --abyss-3:#0c2740;
  --aqua:#A3D6D6; --gold:#E6C879;
  --ink:#F4F8FB; --ink-2:rgba(244,248,251,0.78); --ink-3:rgba(244,248,251,0.52);
  --line:rgba(163,214,214,0.14);
  --font-display:"Instrument Serif",Georgia,serif;
  --font-arcana:"Cinzel","Instrument Serif",serif;
  --font-body:"Lexend",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:radial-gradient(120% 60% at 50% 0%, #0a2138 0%, var(--abyss-2) 30%, var(--abyss) 72%);
  background-attachment:fixed;
  color:var(--ink-2);
  font-family:var(--font-body);
  font-size:17px; line-height:1.72;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  min-height:100vh;
}
a{color:var(--aqua); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; transition:color .2s ease;}
a:hover{color:var(--gold);}

/* header */
.legal-header{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:880px; margin:0 auto; padding:26px clamp(20px,5vw,32px) 0;
}
.legal-brand{display:inline-flex; align-items:center; gap:12px; text-decoration:none;}
.legal-brand img{height:38px; width:auto; display:block; filter:drop-shadow(0 3px 14px rgba(46,168,232,0.35));}
.legal-brand .word{font-family:var(--font-arcana); font-weight:600; font-size:22px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink);}
.legal-back{font-family:var(--font-body); font-size:14px; color:var(--ink-3); text-decoration:none; letter-spacing:0.02em; white-space:nowrap;}
.legal-back:hover{color:var(--aqua);}

/* body */
main.legal{max-width:760px; margin:0 auto; padding:clamp(34px,6vh,60px) clamp(20px,5vw,32px) 88px;}
.legal-eyebrow{font-family:var(--font-body); font-size:12.5px; letter-spacing:0.3em; text-transform:uppercase; color:var(--aqua); opacity:0.85; margin-bottom:14px;}
h1.legal-title{font-family:var(--font-display); font-weight:400; font-size:clamp(38px,6vw,56px); line-height:1.04; letter-spacing:-0.01em; color:var(--ink); margin-bottom:14px;}
.legal-meta{font-size:14px; color:var(--ink-3); line-height:1.5;}
.legal-meta .entity{color:var(--ink-2);}
.legal-divider{height:1px; background:var(--line); border:0; margin:26px 0 34px;}
.legal-intro{font-size:18px; color:var(--ink-2); margin-bottom:30px;}

main.legal h2{font-family:var(--font-arcana); font-weight:600; font-size:15px; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold); margin:46px 0 15px;}
main.legal h3{font-family:var(--font-body); font-weight:600; font-size:16.5px; color:var(--ink); margin:24px 0 9px;}
main.legal p{margin-bottom:15px;}
main.legal ul{margin:0 0 15px 0; padding-left:22px;}
main.legal li{margin-bottom:8px;}
main.legal strong{color:var(--ink); font-weight:600;}

.legal-tablewrap{overflow-x:auto; margin:6px 0 20px;}
table.legal-table{border-collapse:collapse; width:100%; font-size:14.5px; line-height:1.5;}
table.legal-table th, table.legal-table td{border:1px solid var(--line); padding:10px 13px; text-align:left; vertical-align:top;}
table.legal-table th{background:rgba(163,214,214,0.06); color:var(--ink); font-weight:600; white-space:nowrap;}

.legal-note{border:1px solid var(--line); border-left:2px solid var(--gold); background:rgba(230,200,121,0.04); border-radius:6px; padding:16px 18px; margin:8px 0 22px; font-size:15px; color:var(--ink-2);}

/* footer */
.legal-footer{
  border-top:1px solid var(--line); max-width:760px; margin:0 auto;
  padding:24px clamp(20px,5vw,32px) 52px;
  display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center;
  font-size:13.5px; color:var(--ink-3);
}
.legal-footer a{color:var(--ink-3); text-decoration:none;}
.legal-footer a:hover{color:var(--aqua);}
.legal-footer .dot{opacity:0.4;}