/* "Get notified when this opens": one email field and one rust submit button. Ink on warm white; the submit button is the page's one rust action. */
.notify { max-width: 640px; margin: var(--space-6, 32px) 0 0; padding: var(--space-5, 24px); background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-border, #7A736C); border-radius: 4px; color: var(--color-text, #2B2623); font-family: var(--font-body, "Source Sans 3", system-ui, sans-serif); font-size: 16px; line-height: 1.5; }
.notify *, .notify *::before, .notify *::after { box-sizing: border-box; }
.notify__title { margin: 0 0 var(--space-2, 8px); font-family: var(--font-display, "Rubik", system-ui, sans-serif); font-size: 22px; font-weight: 600; line-height: 1.25; }
.notify__title:focus { outline: none; }
.notify__title:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.notify__text { margin: 0 0 var(--space-4, 16px); }
.notify__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3, 12px); }
.notify__field { flex: 1 1 260px; min-width: 0; }
.notify__label { display: block; margin-bottom: var(--space-1, 4px); font-weight: 600; }
.notify__input { display: block; width: 100%; min-height: 44px; padding: 0 var(--space-3, 12px); border: 1px solid var(--color-text, #2B2623); border-radius: 4px; background: #FFFFFF; color: var(--color-text, #2B2623); font: inherit; font-size: 16px; }
.notify__input[aria-invalid="true"] { border: 2px solid var(--color-accent, #A7410E); }
.notify__input:focus-visible, .notify__submit:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.notify__submit { flex: 0 0 auto; min-height: 44px; min-width: 44px; padding: 0 var(--space-5, 24px); border: 1px solid var(--color-accent, #A7410E); border-radius: 4px; background: var(--color-accent, #A7410E); color: #FFFFFF; font: inherit; font-weight: 600; cursor: pointer; }
.notify__submit:hover { background: #8F360A; border-color: #8F360A; }
.notify__submit[aria-disabled="true"] { cursor: default; opacity: .7; }
.notify__error { display: flex; align-items: flex-start; gap: var(--space-2, 8px); margin: var(--space-2, 8px) 0 0; font-size: 14px; }
.notify__error:empty { display: none; }
.notify__icon { flex: none; margin-top: 1px; color: var(--color-accent, #A7410E); }
.notify__error-label { font-weight: 700; }
.notify__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 760px) { .notify { padding: var(--space-4, 16px); } .notify__submit { flex: 1 1 100%; } }
@media (forced-colors: active) { .notify__input[aria-invalid="true"] { border-color: Highlight; } }