/* Static/legal pages (About, Help, Contact, Safety, Terms, Privacy) and the admin content editor. */
.page-content { max-width: 44rem; margin: var(--s-8) auto var(--s-16); }
.page-content h1 { margin-bottom: var(--s-6); font-size: var(--fs-h1); }
.page-content__body { font-size: var(--fs-md); line-height: 1.7; max-width: none; }

.content-edit__meta { color: var(--ink-500); font-size: var(--fs-sm); margin-bottom: var(--s-5); }
.content-edit textarea.input { min-height: 24rem; font-family: inherit; line-height: 1.6; }


/* The contact form under the Contact page's text. */
.contact-form { margin-top: var(--s-10); padding-top: var(--s-8); border-top: 1px solid var(--line); }
.contact-form h2 { font-size: var(--fs-h2); margin-bottom: var(--s-2); }
.contact-form form { margin-top: var(--s-6); }
.contact-form .select,
.contact-form .textarea { width: 100%; }
.contact-form .textarea { min-height: 10rem; resize: vertical; }
.contact-form .btn { margin-top: var(--s-4); }

/* Help centre: a lead paragraph, a row of topic links, then every question in the open. */
.help-centre__lead { font-size: var(--fs-lg); color: var(--ink-700); line-height: 1.6; margin: 0 0 var(--s-6); }
.help-centre__topics ul { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: 0 0 var(--s-8); padding: 0; list-style: none; }
.help-centre__topics a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 var(--s-4); border: 1px solid var(--line-strong); border-radius: 999px; background: #fff; color: var(--navy-800); font-weight: 600; font-size: var(--fs-sm); text-decoration: none; }
.help-centre__topics a:hover { border-color: var(--navy-700); background: var(--surface); }
.help-centre__group { margin-top: var(--s-10); padding-top: var(--s-6); border-top: 1px solid var(--line); }
.help-centre__group h2 { font-size: var(--fs-h2); margin: 0 0 var(--s-2); scroll-margin-top: var(--s-8); }
.help-centre__group h3 { font-size: var(--fs-md); margin: var(--s-6) 0 var(--s-1); color: var(--ink-900); scroll-margin-top: var(--s-8); }
.help-centre__group p { margin: 0; color: var(--ink-700); line-height: 1.7; }
.help-centre__next { margin-top: var(--s-12); padding: var(--s-6); background: var(--surface); border-radius: var(--r-md); }
.help-centre__next h2 { font-size: 1.25rem; margin: 0 0 var(--s-2); }
.help-centre__next p { margin: 0; }