/* ================================================================
   UNIBRUZ Legal Docs (Privacy / Terms) — Page Styles
   Depends on: base.css
   Shared by: privacy.html, terms.html
   ================================================================ */

/* ----------------------------------------------------------------
   CSS Variables (Legal-specific override — everything else comes
   from base.css)
   ---------------------------------------------------------------- */
:root {
  --muted: hsl(0 0% 65%);
}

body { line-height: 1.7; }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { width: min(820px, 92%); margin: 0 auto; }

.topbar { border-bottom: 1px solid var(--border); padding: 1.1rem 0; }
.topbar .container { display: flex; align-items: center; justify-content: space-between; }
.wordmark { height: 26px; width: auto; display: block; }
.back { font-size: .85rem; color: var(--muted); }
.back:hover { color: var(--text); text-decoration: none; }

header.page-head { padding: 3.5rem 0 2rem; }
header.page-head h1 { font-family: var(--font-display); font-size: clamp(1.9rem, 5vw, 2.6rem); letter-spacing: -.02em; margin-bottom: .6rem; }
.updated { color: var(--muted); font-size: .85rem; }

.doc { padding-bottom: 4rem; }
.doc h2 { font-family: var(--font-display); font-size: 1.2rem; margin: 2.2rem 0 .7rem; color: var(--text); }
.doc p, .doc li { color: var(--muted); font-size: .95rem; }
.doc p { margin-bottom: 1rem; }
.doc ul { margin: 0 0 1rem 1.2rem; }
.doc li { margin-bottom: .45rem; }
.doc strong { color: var(--text); font-weight: 600; }

.notice {
  background: hsl(48 100% 50% / .06);
  border: 1px solid hsl(48 100% 50% / .25);
  border-radius: var(--radius);
  padding: 1rem 1.1rem;
  font-size: .85rem;
  color: var(--muted);
  margin: 2rem 0;
}
footer { border-top: 1px solid var(--border); padding: 2rem 0; text-align: center; color: var(--muted); font-size: .8rem; }
footer a { color: var(--muted); }
footer a:hover { color: var(--primary); }