/* Text pages of the site (the accessibility statement, later the privacy policy and terms):
   a simple, readable column in the site's colours. */
.page { background: var(--cream); }
.page-head { background: linear-gradient(180deg, #D0B1EE, #EBD8F2); padding: 14px 20px; }
.brand { display: inline-flex; align-items: center; gap: 8px; color: var(--burgundy); text-decoration: none; font-family: 'Caveat', cursive; font-size: 2.125rem; line-height: 1; }
.page-body { max-width: 720px; margin: 0 auto; padding: 28px 20px 40px; line-height: 1.7; }
.page-body h1 { font-size: 2rem; font-weight: 800; color: var(--burgundy); margin: 0 0 4px; }
.page-body h2 { font-size: 1.3125rem; font-weight: 800; color: var(--burgundy); margin: 28px 0 8px; }
.page-body p, .page-body li { font-size: 1.0625rem; color: var(--text); }
.page-body ul { padding-inline-start: 22px; margin: 8px 0; }
.page-body li { margin: 0 0 8px; }
.page-body a { color: var(--burgundy); font-weight: 700; overflow-wrap: anywhere; } /* long addresses break instead of leaving the screen */
.updated { color: var(--text-soft); font-size: 0.9375rem !important; margin: 0 0 8px; }