/* ZOYOS · Editorial identity for legal pages */

:root {
  --blue: #151514;
  --cream: #f4f4f0;
  --black: #151514;
  --tint: #e9e9e4;
  --white: #fff;
  --legal-line: rgba(21,21,20,.15);
  --legal-muted: #73736e;
  --legal-serif: "Iowan Old Style", "Baskerville", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

body { background: var(--cream); color: var(--black); }

h1, h2 {
  font-family: var(--legal-serif);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1;
}

h3, h4, h5, h6 { font-family: 'Inter', sans-serif; }

nav {
  min-height: 78px;
  padding: 0 max(32px, calc((100vw - 1240px) / 2));
  background: rgba(244,244,240,.92);
  border-bottom: 1px solid var(--legal-line);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.nav-brand-img { height: 26px; filter: brightness(0); }
.nav-back { color: var(--black); font-size: 13px; opacity: .62; }

main { max-width: 860px; padding: 132px 32px 88px; }
.page-label {
  color: var(--legal-muted);
  font-family: 'Geist Mono', 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: .1em;
  margin-bottom: 22px;
}
h1 { font-size: clamp(44px, 5.5vw, 68px); margin-bottom: 14px; }
.last-updated { color: var(--legal-muted); font-style: normal; margin-bottom: 56px; }

.legal-section { margin-bottom: 46px; }
.legal-section h2 {
  display: block;
  padding-bottom: 14px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--legal-line);
  font-size: clamp(24px, 2.5vw, 32px);
}
.legal-section h3 { margin-top: 28px; font-size: 16px; }
.legal-section :is(p, li, address),
.info-row { color: rgba(21,21,20,.7); font-size: 15px; line-height: 1.78; }
.legal-section a { color: var(--black); text-decoration: underline; text-decoration-color: rgba(21,21,20,.3); text-underline-offset: 3px; }
.legal-section a:hover { text-decoration-color: var(--black); }
.section-number { color: var(--legal-muted); font-family: 'Inter', sans-serif; }
.section-divider,
hr.section-divider { border-top-color: var(--legal-line); }

.toc,
.info-box {
  padding: 26px 28px;
  margin-bottom: 64px;
  border: 1px solid var(--legal-line);
  border-left: 3px solid var(--black);
  border-radius: 0 6px 6px 0;
  background: #e9e9e4;
}
.toc-title { color: var(--black); font-family: 'Inter', sans-serif; font-size: 12px; }
.toc :is(a, li),
.info-box p { color: rgba(21,21,20,.68); }
.toc a:hover { color: var(--black); }

.data-table th {
  background: #e9e9e4;
  color: var(--black);
  border-bottom-color: rgba(21,21,20,.22);
}
.data-table td { border-bottom-color: var(--legal-line); }
.placeholder-badge {
  color: var(--black);
  background: #e9e9e4;
  border-color: rgba(21,21,20,.35);
}

footer { padding: 38px max(32px, calc((100vw - 1240px) / 2)); background: var(--black); font-size: 11px; }
footer a { color: rgba(255,255,255,.48); }

@media (max-width: 640px) {
  nav { min-height: 68px; padding: 0 20px; }
  .nav-brand-img { height: 22px; }
  main { padding: 110px 20px 72px; }
  h1 { font-size: clamp(40px, 12vw, 54px); }
  .last-updated { margin-bottom: 44px; }
  footer { padding: 28px 20px; }
}