/* Feature layout; shared components are in nulltage.css. */
@layer legacy {
.newsletter-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:540px;max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #ccc;color:#202124;background:#fff}.newsletter-dialog::backdrop{background:#0008}.newsletter-dialog h2{font-size:22px;line-height:1.3}.newsletter-dialog p,.newsletter-opt-in{font-size:16px;line-height:1.6}.newsletter-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.newsletter-actions>*{min-height:44px}.newsletter-opt-in{display:flex;gap:12px;align-items:start;margin:24px 0}.newsletter-opt-in input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin-top:4px}.newsletter-success{padding:16px;border-left:3px solid #18864b;background:#edf8f1;color:#126634}#newsletter-email{box-sizing:border-box;display:block;width:100%;max-width:480px;min-height:44px;margin:8px 0}
#newsletter-prompt-email{box-sizing:border-box;display:block;width:100%;min-height:44px;margin:8px 0}

.account-newsletter{padding-bottom:28px}.newsletter-actions button{appearance:none;border:1px solid var(--line,#d9d8d2);border-radius:2px;background:var(--surface,#fff);color:var(--text,#202124);padding:10px 16px;min-height:44px;font:inherit;cursor:pointer}.newsletter-actions button:hover{border-color:var(--accent,#e53300);color:var(--accent,#e53300)}.newsletter-actions button:focus-visible{outline:2px solid var(--accent,#e53300);outline-offset:3px}
.account-newsletter>a.button,.account-section>form .newsletter-actions button{min-height:44px}

}