/* Pages the owner adds in WordPress: the site's own header, footer and
   typefaces around a readable column. Colours and fonts are inherited. */
.site-page { padding-block: clamp(7.5rem, 13vw, 11rem) clamp(4rem, 8vw, 7rem); }
.site-page__inner { width: min(100% - 2.5rem, 46rem); margin-inline: auto; }
.site-page__title { font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.08; margin: 0 0 1.4rem; }
.site-page__content { font-size: 1.0625rem; line-height: 1.7; }
.site-page__content > * { margin-block: 0 1.1em; }
.site-page__content h2 { font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.2; margin-top: 2em; }
.site-page__content h3 { font-size: 1.25rem; line-height: 1.3; margin-top: 1.6em; }
.site-page__content ul, .site-page__content ol { padding-left: 1.25em; }
.site-page__content li { margin-bottom: .35em; }
/* A link is the text's own colour, underlined in the brand colour: the brand
   colour as link text failed contrast on a light page (gold on cream, 2.8:1),
   and the text colour is the one the design was checked with. */
.site-page__content a { color: inherit; text-decoration: underline; text-decoration-color: var(--site-accent, currentColor); text-decoration-thickness: .09em; text-underline-offset: .2em; }
.site-page__content a:hover { text-decoration-thickness: .16em; }
.site-page__content img, .site-page__content video { max-width: 100%; height: auto; }
.site-page__content figure { margin-inline: 0; }
.site-page__content figcaption { font-size: .875rem; opacity: .75; margin-top: .5em; }
.site-page__content blockquote { margin-inline: 0; padding-left: 1em; border-left: 3px solid var(--site-accent, currentColor); }
.site-page__content table { width: 100%; border-collapse: collapse; }
.site-page__content th, .site-page__content td { padding: .5em .75em; border-bottom: 1px solid rgba(127, 127, 127, .3); text-align: left; }
.site-page__content .wp-block-button__link { background: var(--site-accent, currentColor); color: var(--site-accent-ink, #fff); text-decoration: none; padding: .8em 1.4em; border-radius: .5em; display: inline-block; }
.site-page__content .alignwide { width: min(100vw - 2.5rem, 64rem); margin-left: 50%; transform: translateX(-50%); }
.site-page__content .alignfull { width: 100vw; margin-left: 50%; transform: translateX(-50%); }