/* The closed control keeps the approved page layout. Email choices only appear on demand. */
.email-options > summary { cursor: pointer; list-style: none; }
.email-options > summary::-webkit-details-marker { display: none; }
.email-options > summary::marker { content: ''; }
.email-options > summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.email-options-panel { margin-top: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 3px; background: var(--paper); color: var(--brown); font-family: var(--serif); font-size: 1.125rem; line-height: 1.4; text-align: center; }
.email-recipient { overflow-wrap: anywhere; }
.email-recipient a { text-decoration: underline; text-underline-offset: 3px; }
.email-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 14px; }
.email-actions > a, .email-actions > button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 9px 12px; border: 1px solid var(--line); border-radius: 3px; background: transparent; color: var(--brown); font: inherit; line-height: 1.25; text-align: center; }
.email-actions > a:hover, .email-actions > button:hover { background: var(--sand); }
.email-options .email-help, .email-options .email-status { margin-top: 12px; font-family: var(--serif); font-size: 1rem; line-height: 1.4; }
.email-copy-fallback { margin-top: 14px; text-align: left; }
.email-copy-fallback label { display: block; margin-bottom: 7px; font-size: 1rem; }
.email-copy-fallback textarea { display: block; width: 100%; min-width: 0; max-width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 3px; background: #fffdf9; color: var(--brown); font: inherit; font-size: 1rem; line-height: 1.4; resize: vertical; }
.email-options [hidden] { display: none !important; }