/* Public email pages inherit the website palette and type from style.css. */
body.email-page { padding: 32px 20px 56px; line-height: 1.65; height: auto; }
.email-brand { display: block; width: fit-content; margin: 0 auto 36px; font-family: "Lobster Two", serif; font-size: 2rem; text-decoration: none; }
.email-card { width: min(100%, 620px); margin: 0 auto; padding: 32px; border: 1px solid var(--border-color); background: var(--dark-color); }
.email-card h1 { margin: 0 0 24px; text-align: left; }
.email-card p { margin: 0 0 20px; color: var(--lighter-color); }
.email-card .email-eyebrow { color: var(--primary-color); font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.email-card fieldset { padding: 0; border: 0; margin: 28px 0 24px; min-width: 0; }
.email-card legend { margin-bottom: 16px; }
.email-choice { display: flex; gap: 14px; padding: 16px; margin-bottom: 12px; border: 1px solid var(--border-color); cursor: pointer; }
.email-choice:has(input:checked) { border-color: var(--primary-color); background: var(--darkest-color); }
.email-choice input { flex-shrink: 0; width: 20px; height: 20px; margin: 5px 0 0; accent-color: var(--primary-color); }
.email-choice strong, .email-choice small { display: block; }
.email-choice strong { font-size: 1rem; font-weight: 600; }
.email-choice small { color: var(--lighter-color); font-size: .85rem; margin-top: 4px; }
.email-choice--disabled { opacity: .7; cursor: default; }
.email-choice--all { margin-top: 24px; }
.email-card .email-button { display: inline-block; text-decoration: none; min-height: 48px; font: inherit; padding: 12px 24px; cursor: pointer; }
.email-page :focus-visible { outline: 3px solid var(--primary-color); outline-offset: 4px; }
.email-card .email-notice { border: 1px solid var(--color-success); color: var(--color-success); padding: 12px 16px; }
.email-card .email-footnote { font-size: .85rem; margin: 24px 0 16px; }
.email-back { font-size: .9rem; color: var(--primary-color); }
.email-card .email-signature { font: italic 2rem "Lobster Two", serif; color: var(--lightest-color); margin: 28px 0; }
@media (max-width: 480px) { body.email-page { padding: 24px 14px 40px; } .email-card { padding: 24px 18px; } .email-card .email-button { width: 100%; text-align: center; } }