.email-preferences {
    padding: 48px 0 64px;
}

.email-preferences__card {
    max-width: 680px;
    margin: 0 auto;
    padding: 32px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    color: #1f2937;
}

.email-preferences__title {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.25;
}

.email-preferences__subtitle {
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.4;
}

.email-preferences__lead {
    margin: 0 0 24px;
    color: #4b5563;
}

.email-preferences__address {
    color: #111827;
    overflow-wrap: anywhere;
}

.email-preferences__options {
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

.email-preferences__legend {
    float: none;
    width: auto;
    margin: 0 0 12px;
    padding: 0;
    font-size: 17px;
    font-weight: 600;
}

.email-preferences__option {
    margin: 0 0 8px;
    padding: 12px 14px 12px 44px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.email-preferences__option.form-switch {
    padding-left: 64px;
}

.email-preferences__option .form-check-input {
    margin-top: 3px;
}

.email-preferences__option .form-check-label {
    display: block;
    cursor: pointer;
}

.email-preferences__option--selected {
    border-color: #6b7280;
    background: #f9fafb;
}

.email-preferences__option-title {
    font-weight: 600;
}

.email-preferences__option-text {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #4b5563;
}

.email-preferences__badge {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    background: #e5e7eb;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    vertical-align: middle;
}

.email-preferences__hint {
    margin: 0 0 16px;
    font-size: 14px;
    color: #4b5563;
}

.email-preferences__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.email-preferences__essential {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #4b5563;
}

.email-preferences__essential-list {
    margin: 0;
    padding-left: 18px;
}

.email-preferences__essential-list li {
    margin-bottom: 4px;
}

.email-preferences__essential-list strong {
    display: block;
    color: #1f2937;
}

@media (max-width: 575px) {
    .email-preferences {
        padding: 24px 0 40px;
    }

    .email-preferences__card {
        padding: 20px;
    }

    .email-preferences__actions .btn {
        width: 100%;
    }
}

/* All preference screens */
.all-email-settings .form-check-input:checked{background-color:#147c64;border-color:#147c64}
.email-preferences__card{border-color:#e1e6e1;border-radius:16px;padding:36px;color:#17191c;box-shadow:0 8px 40px #173c2e08}.email-preferences__title{font-size:30px;letter-spacing:-1px}.email-preferences__lead{line-height:1.75;color:#646a6c}.email-preferences__option{border-color:#e1e6e1;border-radius:10px;padding-top:16px;padding-bottom:16px}.email-preferences__option:has(input:checked),.email-preferences__option--selected{border-color:#bfd8c5;background:#ecf5ef}.email-preferences__option-title{font-size:14px}.email-preferences__option-text{font-size:13px;line-height:1.6;color:#646a6c}.email-preferences .form-check-input:checked{background-color:#147c64;border-color:#147c64}.email-preferences .btn-primary{background:#147c64;border-color:#147c64;color:#fff;padding:12px 20px;border-radius:8px;min-height:44px}.email-preferences .btn-primary:hover{background:#095442;border-color:#095442}.email-preferences :is(a,button,input):focus-visible{outline:3px solid #147c64;outline-offset:3px}.email-preferences__essential{border-color:#e1e6e1;line-height:1.7}.email-preferences__badge{background:#ecf5ef;color:#095442;padding:3px 8px}.all-email-status{font-size:12px;color:#646a6c;display:flex;gap:8px;align-items:center}.all-email-status-dot{width:7px;height:7px;border-radius:50%;background:#147c64}.all-email-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.all-email-guidance{position:sticky;top:24px;align-self:start}.all-email-guidance h2{font-size:19px;letter-spacing:-.4px;font-weight:650;line-height:1.4;margin:8px 0 20px}.all-email-guidance ol{padding-left:18px;margin:0 0 20px}.all-email-guidance li{font-size:13px;color:#53615a;margin:0 0 14px;line-height:1.7}.all-email-guidance p{font-size:12px;color:#646a6c;line-height:1.75;margin:0}.all-email-section-nav{display:flex;gap:16px;flex-wrap:wrap;margin:4px 0 24px;font-size:13px}.all-email-section-nav a{color:#147c64;text-decoration:none;padding:6px 0}.all-email-settings .card[id]{scroll-margin-top:24px}.all-email-settings .form-switch{padding-top:4px;padding-bottom:4px;margin-bottom:20px}
@media(max-width:1199px){.all-email-settings-grid{grid-template-columns:1fr}.all-email-guidance{position:static}.all-email-guidance ol{display:flex;gap:32px;flex-wrap:wrap}.all-email-guidance li{flex:1 1 180px}}@media(max-width:600px){.email-preferences__card{padding:24px;margin:0 16px}.email-preferences__title{font-size:26px}.all-email-status{display:none}.all-email-section-nav{gap:10px}.all-email-section-nav a{padding:8px 0}.all-email-settings .all-suite-sticky-actions{position:static}}

/* Refined administration hierarchy and section navigation. */
.all-email-page-heading{margin:24px 0}.all-email-page-heading h1{font-size:26px;font-weight:650;letter-spacing:-.7px;line-height:1.3;margin:0 0 8px}.all-email-page-heading .all-suite-page-note{margin:0}
.all-email-section-nav{gap:6px;padding:6px;background:#fff;border:1px solid #e1e6e1;border-radius:10px}.all-email-section-nav a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border-radius:7px;color:#53645a;font-weight:550}.all-email-section-nav a:hover{background:#f7f9f7;color:#147c64}.all-email-section-nav a[aria-current=location]{background:#ecf5ef;color:#095442;font-weight:650}.all-email-settings .card[id]{scroll-margin-top:80px}.all-email-settings-grid>div{min-width:0}.all-email-guidance{min-width:0}.all-email-settings .table-responsive{max-width:100%}.all-email-settings .all-suite-sticky-actions{margin-bottom:8px}
@media(max-width:600px){.all-email-section-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.all-email-section-nav a{white-space:nowrap;min-height:44px}.all-email-settings .all-suite-actions .btn{min-height:44px}.all-email-page-heading h1{font-size:24px}}

/* The customer component retains its own hierarchy inside storefront themes. */
.email-preferences h1.email-preferences__title{font-size:30px!important;letter-spacing:-.8px!important;line-height:1.25!important;margin:0 0 12px}
.email-preferences h2.email-preferences__subtitle{font-size:17px!important;letter-spacing:normal!important;line-height:1.4!important;margin:0 0 6px}
.email-preferences .email-preferences__lead{margin:0 0 24px;line-height:1.65}
.email-preferences .email-preferences__option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px 16px!important;min-width:0}
.email-preferences .email-preferences__option .form-check-input{grid-column:1;width:20px;height:20px;float:none;position:static;margin:3px 0 0!important;accent-color:#147c64;cursor:pointer}
.email-preferences .email-preferences__option .form-check-label{grid-column:2;min-width:0;line-height:1.5}
.email-preferences .email-preferences__actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:8px;line-height:1.4;text-decoration:none;font-weight:600}
@media(max-width:600px){.email-preferences h1.email-preferences__title{font-size:26px!important;letter-spacing:-.6px!important}.email-preferences .email-preferences__option{padding:14px 12px!important}}

.all-email-settings #ep-templates .table-responsive{margin-top:16px}