/* Staunch Eventz — legal pages */
:root{
  --orange:#D4721A; --orange-dark:#B8600F;
  --dark:#05050A; --dark2:#0F0F14; --charcoal:#1A1A1A;
  --dim:rgba(255,255,255,.72); --faint:rgba(255,255,255,.42);
  --ghost:rgba(255,255,255,.13);
  --hf:'Oswald',Impact,sans-serif; --bf:'Manrope',Calibri,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--bf);background:var(--dark);color:var(--dim);
  line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* topbar */
.topbar{background:var(--charcoal);border-bottom:1px solid var(--ghost);padding:14px 0}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;max-width:1140px}
.brand{font-family:var(--hf);font-size:1.05rem;font-weight:700;letter-spacing:2px;
  color:#fff;text-decoration:none}
.brand i{color:var(--orange);font-style:normal}
.legalnav{display:flex;gap:20px;flex-wrap:wrap}
.legalnav a{font-size:.76rem;font-weight:600;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--faint);text-decoration:none}
.legalnav a:hover{color:var(--orange)}

/* doc */
.doc{padding:54px 24px 70px}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--orange);margin-bottom:12px}
h1{font-family:var(--hf);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:#fff;
  letter-spacing:1.4px;text-transform:uppercase;line-height:1.12}
.updated{font-size:.82rem;color:var(--faint);margin-top:10px}
.rule{height:2px;width:64px;background:var(--orange);margin:22px 0 34px}

.doc h2{font-family:var(--hf);font-size:1.18rem;font-weight:600;color:#fff;
  letter-spacing:1.2px;text-transform:uppercase;margin:38px 0 12px;
  padding-top:22px;border-top:1px solid var(--ghost)}
.doc h2:first-of-type{border-top:none;padding-top:0}
.doc h3{font-family:var(--hf);font-size:.98rem;font-weight:600;color:var(--orange);
  letter-spacing:1px;text-transform:uppercase;margin:24px 0 8px}
.doc p{margin-bottom:14px;font-size:.95rem}
.doc ul,.doc ol{margin:0 0 16px 22px}
.doc li{margin-bottom:9px;font-size:.95rem}
.doc a{color:var(--orange)}
.doc strong{color:#fff;font-weight:600}

/* callout */
.note{background:rgba(212,114,26,.08);border-left:3px solid var(--orange);
  padding:16px 20px;margin:20px 0;font-size:.9rem}

/* table */
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.9rem}
th{background:var(--charcoal);color:#fff;text-align:left;padding:11px 14px;
  font-family:var(--hf);font-size:.8rem;font-weight:600;letter-spacing:1.2px;
  text-transform:uppercase}
td{padding:11px 14px;border-bottom:1px solid var(--ghost);vertical-align:top}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}

/* contact card */
.contactcard{background:var(--dark2);border:1px solid var(--ghost);
  border-top:2px solid var(--orange);padding:26px;margin-top:46px}
.contactcard h3{font-family:var(--hf);font-size:1.02rem;font-weight:600;color:#fff;
  letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}
.contactcard p{font-size:.9rem;margin-bottom:12px}
.contactcard a{color:var(--orange)}

/* footer */
footer{background:var(--charcoal);border-top:1px solid var(--ghost);padding:26px 0}
footer .wrap{max-width:1140px;display:flex;flex-direction:column;gap:10px;
  align-items:center;text-align:center}
footer p{font-size:.78rem;color:var(--faint)}
footer a{color:var(--faint);text-decoration:none}
footer a:hover{color:var(--orange)}
footer .fine{font-size:.7rem}

@media(max-width:640px){
  .doc{padding:36px 20px 52px}
  .topbar .wrap{justify-content:center}
  .legalnav{gap:14px;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}