/* Shared styling for the Zulvan legal pages. Same Industrial Infrastructure
   palette as index.html (DR #453) so privacy/terms don't read as a bolted-on
   template from another company. */
:root{
  --bg:#F4F4F0; --bg-2:#ECECE4; --card:#FBFBF7;
  --ink:#1E2922; --ink-mid:#475249; --ink-dim:#647067;
  --line:#E1E1D8; --line-soft:#EBEBE3;
  --orange:#D95D39; --orange-2:#C24E2C; --orange-soft:#d95d3914;
  --radius:14px;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"Public Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  --display:"Archivo","Public Sans",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  line-height:1.62;-webkit-font-smoothing:antialiased;
}
a{color:var(--orange-2)}
a:hover{color:var(--orange)}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(18px,5vw,28px)}
header.topbar{border-bottom:1px solid var(--line);background:var(--card)}
header.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.brand{font-family:var(--display);font-weight:900;letter-spacing:-.02em;font-size:20px;color:var(--ink);text-decoration:none}
.brand span{color:var(--orange)}
.back{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
main{padding:clamp(28px,6vw,52px) 0 8px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-2);font-weight:600;margin:0 0 10px}
h1{font-family:var(--display);font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:-.02em;margin:0 0 10px}
h2{font-family:var(--display);font-size:clamp(19px,3vw,23px);letter-spacing:-.01em;margin:38px 0 10px;padding-top:20px;border-top:1px solid var(--line-soft)}
h3{font-size:16px;margin:22px 0 6px;color:var(--ink)}
p,li{color:var(--ink-mid);font-size:16px}
ul{padding-left:20px}
li{margin:6px 0}
.dateline{font-family:var(--mono);font-size:13px;color:var(--ink-dim);margin:0 0 26px}
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:var(--radius);padding:16px 18px;margin:22px 0}
.note p{margin:0;font-size:15px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-weight:600}
.tablewrap{overflow-x:auto}
footer{border-top:1px solid var(--line);margin-top:48px;padding:26px 0 40px;color:var(--ink-dim);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between}
footer a{text-decoration:none}
@media (max-width:520px){ header.topbar .wrap{padding-top:12px;padding-bottom:12px} }