/* Standalone layout for the legal pages (terms/privacy/aup.html) — these
   aren't part of the SPA shell (no signup flow to sit inside of yet, Area
   A/I1), just a readable document on the app's own tokens. */

body {
  background: var(--background);
  color: var(--on-surface);
  font-family: var(--font-body);
  margin: 0;
}

.doc {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--stack-lg) var(--container-margin) calc(var(--stack-lg) * 2);
}

.doc__back {
  display: inline-block;
  margin-bottom: var(--stack-lg);
  color: var(--primary);
  text-decoration: none;
  font-size: 14px;
}

.doc__back:hover {
  text-decoration: underline;
}

.doc h1 {
  font-family: var(--font-headline);
  color: var(--primary);
  font-size: 28px;
  margin: 0 0 var(--unit);
}

.doc__updated {
  color: var(--on-surface-variant);
  font-size: 13px;
  margin: 0 0 var(--stack-lg);
}

.doc h2 {
  font-family: var(--font-headline);
  font-size: 18px;
  margin: var(--stack-lg) 0 var(--stack-sm);
}

.doc p,
.doc li {
  font-size: 15px;
  line-height: 1.6;
  color: var(--on-surface-variant);
}

.doc a {
  color: var(--primary);
}

.doc strong {
  color: var(--on-surface);
}

.doc__callout {
  border: 1px solid var(--outline-variant);
  border-left: 3px solid var(--primary);
  border-radius: var(--radius);
  padding: var(--stack-sm) var(--stack-md);
  background: var(--surface-container);
}

.placeholder {
  color: var(--warning);
}