/* Shared styling for the legal pages. Matches the sales page palette. */
:root{
  --paper:#e9e0cd;
  --paper2:#f3ece0;
  --cream:#fbf6ec;
  --ink:#14201f;
  --ink2:#33443f;
  --muted:#5e6f6c;
  --charcoal:#132229;
  --green:#0c3f3a;
  --green2:#125c52;
  --lime:#5fe3c0;
  --gold:#ffcf6a;
  --gold2:#a8762a;
  --orange:#ff8b1a;
  --rust:#b4552f;
  --line:rgba(20,32,31,.16);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased;
}
a{color:var(--green2)}
a:hover{text-decoration:underline}

.topbar{
  background:rgba(4,26,24,.97);border-bottom:1px solid rgba(255,207,106,.18);
  padding:16px 26px;display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;
}
.topbar .logo{font-family:Georgia,serif;font-size:21px;font-weight:800;color:#fbf6ec;text-decoration:none}
.topbar .logo span{display:block;margin-top:5px;color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800}
.topbar a.back{
  background:linear-gradient(180deg,#ffb449 0%,#ff8b1a 52%,#ef6b08 100%);
  color:#190f05;font-weight:900;text-decoration:none;
  padding:11px 22px;border-radius:7px;font-size:14px;
}

.wrap{width:min(760px,calc(100% - 40px));margin:0 auto;padding:54px 0 76px}
.eyebrow{color:var(--rust);font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:900;margin-bottom:12px}
h1{font-family:Georgia,serif;font-size:clamp(30px,5vw,42px);line-height:1.1;margin:0 0 10px;color:var(--charcoal)}
.updated{color:var(--muted);font-size:14px;margin:0 0 30px;padding-bottom:22px;border-bottom:2px solid var(--gold2)}
h2{font-family:Georgia,serif;font-size:22px;margin:34px 0 10px;color:var(--green)}
h3{font-size:16px;margin:22px 0 8px;color:var(--green2)}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
strong{color:var(--charcoal)}

.card{
  background:var(--cream);border:1px solid #d9cbab;border-left:5px solid var(--green2);
  border-radius:12px;padding:20px 22px;margin:22px 0;
}
.card.warn{border-left-color:var(--rust);background:#fbf1ea}
.card.gold{border-left-color:var(--gold2);background:#faf3e3}
.card h3{margin-top:0}
.card p:last-child,.card ul:last-child{margin-bottom:0}

.placeholder{
  background:#fff3cd;border:1px dashed #b8891f;border-radius:4px;
  padding:1px 7px;font-weight:800;color:#7a5a10;font-size:.92em;
}

footer{background:#0c1312;color:#95aaa5;padding:34px 20px 44px;text-align:center;font-size:13px;line-height:1.6}
footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}
footer a{color:#dcefe9}
footer .small{max-width:680px;margin:12px auto 0;font-size:12px;opacity:.75}

@media(max-width:640px){
  body{font-size:15px}
  .wrap{padding:38px 0 56px}
  .topbar{padding:14px 16px}
}
