/* The site's own pages (privacy, support), built on the shared Narthex tokens
   (tokens.css). The game keeps its own look. One exception to the tokens: body text
   here is 15px, not 13px, because Chapel Words' readers are mostly over 50. */
.page { max-width: calc(var(--measure) + 2 * var(--space-5)); margin: 0 auto; padding: var(--space-6) var(--space-5) var(--space-8); }

.top { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); padding-bottom: var(--space-5); border-bottom: 1px solid var(--hair); }
.top a { text-decoration: none; }

main { font-size: 15px; line-height: 1.65; }
main h1 { font: 500 34px/1.1 var(--display); margin: var(--space-6) 0 var(--space-5); letter-spacing: -0.005em; text-wrap: balance; }
main h2 { font: italic 500 var(--title-sm)/1.15 var(--display); margin: 0; padding-top: var(--space-6); }
main h2 + p, main h2 + ul { margin-top: var(--space-3); }
main section + section { border-top: 1px solid var(--hair); margin-top: var(--space-6); }
main p, main ul { margin: 0 0 var(--space-4); }
main ul { padding-left: var(--space-5); }
main li { margin: var(--space-2) 0; }
main strong { font-weight: 500; }

/* Readable light-theme gold, with the shared dark-theme gold preserved. */
:root { --gold: #806019; --text-md: 15px; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --gold: #d8b464; }
}
:root[data-theme="dark"] { --gold: #d8b464; }
body { overflow-wrap: anywhere; }
a { text-decoration-color: currentColor; }
.top > a { display: inline-flex; align-items: center; min-height: 44px; }
:focus-visible { outline-width: 2px; }