/* Static / legal pages. */
.page-hero--short { padding-top: 180px; padding-bottom: clamp(36px, 5vw, 64px); min-height: 0; }

.page-body { font-size: 1.05rem; line-height: 1.8; color: var(--text-2); }
.page-body > * + * { margin-top: 1.25em; }
.page-body h2 { font-family: var(--font-display); font-size: clamp(1.4rem, 1.1rem + 1.2vw, 1.9rem); color: var(--text); margin-top: 1.7em; line-height: 1.2; }
.page-body p { color: var(--text-2); }
.page-body a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.page-body strong { color: var(--text); }
.page-body ul, .page-body ol { padding-left: 1.3em; }
.page-body li { margin-top: 0.5em; }
.page-body li::marker { color: var(--accent); }

/* The placeholder "sample text" callout. */
.page-body .page-flag {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  border-radius: var(--radius);
  padding: 16px 20px;
  font-size: 0.92rem;
  color: var(--text-2);
}
.page-body .page-flag strong { color: var(--accent); }

.page-updated { margin-top: clamp(32px, 4vw, 48px); font-size: 0.82rem; color: var(--text-3); }