/* Text pages (Support, Privacy): simple.css plus a reading column. */
body { display: flex; flex-direction: column; min-height: 100vh; }
.s-page {
  flex: 1; width: 100%; max-width: 760px; margin: 0 auto;
  padding-block: clamp(56px, 8vw, 104px);
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
  display: flex; flex-direction: column; gap: 18px;
}
.s-page h1 { font-size: clamp(44px, 7vw, 76px); font-weight: 200; margin-bottom: 10px; }
.s-page h2 { font-size: clamp(24px, 3vw, 30px); font-weight: 400; margin-top: 26px; }
.s-page p, .s-page li { color: var(--ink-soft); }
.s-page strong { color: var(--ink); font-weight: 500; }
.s-page a { color: var(--cyan); text-underline-offset: 3px; overflow-wrap: anywhere; }
.s-page a:hover { color: var(--ink); }
.s-page ul { margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 8px; }
.s-page li::marker { color: var(--blank); }
.s-updated { font-size: 15px; }
.s-short { padding: 22px 24px; border-radius: 18px; background: var(--card); border: 1px solid var(--rule); }
.s-short p { color: var(--ink); }
.s-footer { width: 100%; }