*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

:root {
  --bg:#eeecea;
  --card:#fff;
  --orange:#e8521a;
  --ink:#111827;
  --mid:#686763;
  --line:rgba(0,0,0,.09);
}

html { scroll-behavior:smooth; }
body {
  min-height:100vh;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  font-size:15px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

.legal-nav {
  height:58px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  background:rgba(238,236,234,.9);
  backdrop-filter:blur(10px);
}
.logo {
  font-family:'Syne',sans-serif;
  font-size:17px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:-.05em;
  text-decoration:none;
}
.logo .z { color:var(--orange); }
.back-link {
  color:var(--mid);
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:color .18s;
}
.back-link:hover { color:var(--orange); }

.legal-shell { width:min(100% - 32px, 760px); margin:0 auto; padding:72px 0 80px; }
.eyebrow {
  color:var(--orange);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:12px;
}
h1 {
  max-width:650px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(38px,8vw,64px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.055em;
}
.intro { max-width:610px; margin-top:18px; color:var(--mid); font-size:17px; font-weight:300; }
.document-card {
  position:relative;
  margin-top:44px;
  padding:clamp(24px,5vw,44px);
  background:var(--card);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 38px rgba(0,0,0,.07);
  overflow:hidden;
}
.document-card::before {
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--orange);
}
.status {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 11px;
  border-radius:100px;
  background:#f8eee9;
  color:#9b3a16;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.status::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--orange); }
.document-card h2 {
  margin:38px 0 12px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:24px;
  line-height:1.25;
  letter-spacing:-.035em;
}
.document-card h2:first-of-type { margin-top:30px; }
.document-card h3 {
  margin:26px 0 8px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.02em;
}
.document-card p { margin:0 0 14px; color:var(--mid); }
.document-card ul,
.document-card ol { margin:8px 0 20px; padding-left:22px; color:var(--mid); }
.document-card li { margin-bottom:7px; padding-left:4px; }
.document-card li p { margin:0; }
.document-card a { color:#b74318; text-underline-offset:3px; }
.document-card table {
  width:100%;
  margin:0 0 26px;
  border-collapse:collapse;
  color:var(--mid);
  font-size:13px;
}
.document-card th,
.document-card td { padding:10px 12px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.document-card th:first-child,
.document-card td:first-child { width:145px; color:var(--ink); }
.document-card > table:last-child { margin-top:30px; margin-bottom:0; }
.legal-footer {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid var(--line);
  font-size:12px;
  color:var(--mid);
}
.legal-footer a { color:var(--mid); text-decoration:none; }
.legal-footer a:hover { color:var(--orange); }
a:focus-visible { outline:2px solid var(--orange); outline-offset:4px; border-radius:2px; }

@media (max-width:520px) {
  .legal-nav { padding:0 16px; }
  .legal-shell { padding-top:52px; }
  .intro { font-size:15px; }
}
