* { box-sizing: border-box; }
body { margin: 0; color: #111; background: #fff; font: 17px/1.6 system-ui, sans-serif; }
.g210-email-page { width: min(100% - 40px, 660px); margin: 8vh auto; }
.g210-wordmark { color: #72552e; font-weight: 750; letter-spacing: .15em; }
h1 { font-size: clamp(30px, 7vw, 46px); line-height: 1.1; }
a { color: inherit; text-underline-offset: 3px; }
label { display: block; margin: 18px 0; }
input { accent-color: #72552e; width: 20px; height: 20px; vertical-align: middle; margin-right: 7px; }
button { padding: 14px 20px; margin: 12px 0; background: #111; color: #fff; border: 2px solid #111; font: inherit; font-weight: 650; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid #b08d63; outline-offset: 4px; }
[role=status] { min-height: 3em; }
[hidden] { display: none !important; }