/* Server-only form and pagination resilience; site branding lives in website */
.site-form { max-width: 36rem; display: grid; gap: 1.25rem; }
.site-form > div { display: grid; gap: .45rem; }
.site-form input, .site-form textarea, .site-form select { font: inherit; width: 100%; max-width: 100%; min-height: 44px; padding: .75rem; border: 1px solid currentColor; background: transparent; color: inherit; border-radius: 0; box-sizing: border-box; }
.site-form .helptext { font-size: .875rem; }
.site-form .helptext ul { padding-inline-start: 1.25rem; }
.site-form .errorlist { color: #a80024; padding-inline-start: 1.25rem; margin: .3rem 0; }
.site-form :focus-visible { outline: 3px solid #a80024; outline-offset: 3px; }
.account-panel { max-width: 52rem; margin: 3rem auto 5rem; overflow-wrap: anywhere; }
.account-panel h1 { margin-bottom: 1.5rem; }
.account-panel > p { margin: 1.25rem 0; }
.logout-form { margin-top: 2rem; }
.pagination { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0; }
.pagination a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 600px) { .account-panel { margin-top: 2rem; } }