.email-tools-main { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.email-tools-main h1 { font-size: clamp(2rem, 3.3vw, 3.4rem); }
.email-tools-main h2 { font-size: 1.45rem; line-height: 1.25; margin: 0 0 .8rem; }
.email-tools-main h3, .email-tools-main h4 { line-height: 1.4; margin: 0 0 .5rem; }
.email-tools-main p { line-height: 1.65; margin: .65rem 0; }
.email-tools-main a { color: var(--brand-accent, #a94f39); text-underline-offset: .2em; }
.email-tools-main button { min-height: 44px; border: 1px solid #b8b8af; border-radius: 12px; padding: .75rem 1rem; background: #fff; color: #1d3343; font: inherit; font-weight: 650; cursor: pointer; max-width: 100%; white-space: normal; }
.email-tools-main button.primary-button { background: #a94f39; color: white; border-color: #a94f39; }
.email-tools-main button:disabled { opacity: .55; cursor: not-allowed; }
.email-tools-main :focus-visible { outline: 3px solid #a94f39; outline-offset: 3px; }
.mailbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 1.5rem; align-items: start; }
.mailbox-card { background: white; border: 1px solid #dadad1; border-radius: 22px; padding: clamp(1rem, 2.2vw, 2rem); min-width: 0; overflow-wrap: anywhere; }
.mailbox-account .field-group { max-width: 42rem; }
.mailbox-preference { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-top: 1px solid #e4e3dd; padding-top: 1.25rem; margin-top: 1.25rem; }
.mailbox-preference > div { min-width: 0; }
.email-tools-main #mailbox-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; flex: 0 0 auto; width: auto; min-width: 112px; }
.mailbox-toggle-track { width: 34px; height: 20px; border-radius: 20px; background: #69747b; padding: 3px; box-sizing: border-box; }
.mailbox-toggle-track::after { content: ""; display: block; width: 14px; height: 14px; background: white; border-radius: 50%; }
#mailbox-toggle[aria-checked=true] .mailbox-toggle-track { background: #a94f39; }
#mailbox-toggle[aria-checked=true] .mailbox-toggle-track::after { transform: translateX(14px); }
@media (max-width: 540px) { .mailbox-preference { align-items: flex-start; flex-direction: column; gap: .5rem; } }
.email-tools-main input:not([type=checkbox]), .email-tools-main select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; font: inherit; border: 1px solid #b8b8af; border-radius: 10px; padding: .7rem; background: white; color: #1d3343; }
.email-tools-main .field-group { margin-top: 1rem; }
.email-tools-main .field-group > label { display: block; font-weight: 650; margin-bottom: .5rem; }
.email-tools-main fieldset { min-width: 0; border: 0; padding: 0; margin: 1.2rem 0; }
.email-tools-main legend { font-weight: 650; margin-bottom: .5rem; }
.mailbox-checkbox, .mailbox-message-list label { display: flex; align-items: start; gap: .65rem; padding: .75rem 0; line-height: 1.5; }
.mailbox-checkbox input, .mailbox-message-list input { flex: 0 0 auto; width: 19px; height: 19px; margin-top: .2rem; accent-color: #a94f39; }
.mailbox-message-list label { border-bottom: 1px solid #e8e7e2; }
.mailbox-message-list { max-height: 24rem; overflow-y: auto; }
.mailbox-message-list span { min-width: 0; overflow-wrap: anywhere; }
.mailbox-notice, .mailbox-preview { padding: 1rem; border: 1px solid #e2c8bb; border-radius: 12px; background: #fbf4ee; overflow-wrap: anywhere; }
.mailbox-preview { margin-top: 1rem; }
.mailbox-results article { border-top: 1px solid #e4e3dd; padding: 1rem 0; }
.mailbox-results button { margin: .3rem .4rem .3rem 0; }
.mailbox-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.mailbox-footer p { flex-basis: 100%; color: #52616b; font-size: .9rem; }
@media (max-width: 1120px) { .mailbox-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 540px) { .email-tools-main .dashboard-header { align-items: start; flex-direction: column; gap: .75rem; } .mailbox-grid { gap: 1rem; } .mailbox-card button { width: 100%; } }