/* padho.ai — long-form pages (About, Terms, Privacy): one readable column on the theme. Chrome comes from site.css. */
.doc-page {
  background: var(--landing-cream);
}
.doc-page .site-footer {
  padding-top: 40px;
  background: var(--color-surface);
  box-shadow: 0 0 0 100vmax var(--color-surface);
  clip-path: inset(0 -100vmax);
}
.doc {
  max-width: 800px;
  padding-block: 80px 136px;
  overflow-wrap: break-word;
}
.doc-head h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
}
.doc-updated {
  margin-top: 8px;
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
  line-height: var(--text-body-sm--line-height);
}
.doc-card {
  margin-top: 32px;
  padding: 40px;
  border: var(--stroke-default) solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}
.doc-card section+section {
  margin-top: 32px;
}
.doc-card h2 {
  margin-bottom: 12px;
  font-size: var(--text-h2);
  line-height: var(--text-h2--line-height);
  font-weight: 600;
}
.doc-card h3 {
  margin: 20px 0 4px;
  font-size: var(--text-title);
  line-height: var(--text-title--line-height);
  font-weight: var(--text-title--font-weight);
}
.doc-card p,.doc-card li {
  color: var(--color-text);
  line-height: 26px;
}
.doc-card p+p,.doc-card p+ul,.doc-card ul+p,.doc-card h3+ul {
  margin-top: 12px;
}
.doc-card ul {
  margin: 12px 0 0;
  padding-left: 22px;
}
.doc-card li+li {
  margin-top: 6px;
}
.doc-card li::marker {
  color: var(--color-text-muted);
}
.doc-card b,.doc-card strong {
  color: var(--color-text);
  font-weight: 600;
}
.doc-card a {
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Terms opens with the AI caveat: a quiet callout, not a warning. */
.doc-card .disclaimer {
  margin-bottom: 32px;
  padding: 16px 20px;
  border-radius: var(--radius-control);
  background: var(--color-surface-2);
}
.doc-card .disclaimer p {
  color: var(--color-text);
}

@media(max-width:639px) {
  .doc {
    padding-block: 32px 80px;
  }
  .doc-head h1 {
    font-size: var(--text-h1);
    line-height: var(--text-h1--line-height);
  }
  .doc-card {
    margin-top: 24px;
    padding: var(--spacing-card-padding);
  }
  .doc-card h2 {
    font-size: var(--text-title);
    line-height: var(--text-title--line-height);
  }
}