/* Generated by tools/build-styles.py; edit newsletter-2026.css instead. */
.mbp-newsletter-page { padding-top:24px; padding-bottom:72px; } .mbp-newsletter-page .mbp-breadcrumb { margin:0 0 40px; } .mbp-newsletter-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:start; } .mbp-newsletter-grid > * { min-width:0; } .mbp-newsletter-intro { padding-top:24px; } .mbp-editorial .mbp-newsletter-intro h1 { font:500 clamp(36px,4.5vw,58px)/1.13 var(--mbp-font-serif); letter-spacing:-1px; color:var(--ed-ink); margin:18px 0 22px; max-width:520px; } .mbp-newsletter-intro h1 em { display:block; font-weight:400; color:var(--mbp-color-accent); } .mbp-editorial .mbp-newsletter-lead { font:400 16px/1.85 var(--mbp-font-sans); color:var(--ed-muted); margin:0 0 26px; max-width:490px; } .mbp-editorial .mbp-newsletter-benefits { margin:0; padding:0; list-style:none; } .mbp-editorial .mbp-newsletter-benefits li { display:flex; gap:14px; align-items:center; font:500 13px/1.7 var(--mbp-font-sans); color:var(--ed-ink); margin:0; padding:13px 0; border-bottom:1px solid var(--ed-line); } .mbp-newsletter-benefits svg { flex-shrink:0; color:var(--mbp-color-accent); width:18px; } .mbp-newsletter-signature { margin-top:28px; } .mbp-newsletter-signature > span { font:500 22px/1.4 var(--mbp-font-serif); color:var(--ed-ink); } .mbp-editorial .mbp-newsletter-signature p { font:400 11px/1.7 var(--mbp-font-sans); color:var(--ed-muted); margin:4px 0 0; } .mbp-newsletter-form-panel { background:var(--mbp-color-surface); border:1px solid var(--ed-line); border-top:3px solid var(--mbp-color-accent); border-radius:5px; padding:30px; } .mbp-editorial .mbp-newsletter-form-panel h2 { font:500 27px/1.25 var(--mbp-font-serif); color:var(--ed-ink); margin:10px 0 12px; } .mbp-editorial .mbp-newsletter-free { font:400 11px/1.7 var(--mbp-font-sans); color:var(--ed-muted); margin:0 0 25px; } .mbp-newsletter-page .brevo-form-title { display:none; } body.mbp-editorial .mbp-newsletter-page .brevo-connector-form-wrapper { padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; max-width:none; } .mbp-newsletter-page .brevo-form { display:flex; flex-direction:column; gap:18px; } body.mbp-editorial .mbp-newsletter-page .brevo-form-group { margin:0; width:100%; } body.mbp-editorial .mbp-newsletter-page .brevo-label { display:block; font:500 12px/1.5 var(--mbp-font-sans); color:var(--ed-ink); margin:0 0 8px; } body.mbp-editorial .mbp-newsletter-page .brevo-label.screen-reader-text { position:static!important; clip:auto!important; clip-path:none!important; width:auto!important; height:auto!important; margin:0 0 8px!important; padding:0!important; overflow:visible!important; white-space:normal!important; } .mbp-field-optional { font-weight:400; color:var(--ed-muted); } body.mbp-editorial .mbp-newsletter-page .brevo-input { background:var(--mbp-color-bg)!important; color:var(--ed-ink)!important; border:1px solid var(--mbp-color-field-border)!important; border-radius:3px!important; min-height:48px; padding:12px 14px; font:400 16px/1.5 var(--mbp-font-sans)!important; width:100%; box-sizing:border-box; } .mbp-newsletter-page .brevo-input::placeholder { color:var(--ed-muted); opacity:1; } body.mbp-editorial .mbp-newsletter-page .brevo-submit-btn { background:var(--mbp-color-accent-solid)!important; color:var(--mbp-color-on-accent)!important; border:1px solid transparent!important; border-radius:3px!important; padding:13px 20px; min-height:50px; font:600 13px/1.5 var(--mbp-font-sans)!important; text-transform:none!important; letter-spacing:0!important; width:100%; margin:4px 0 0; cursor:pointer; } body.mbp-editorial .mbp-newsletter-page .brevo-submit-btn:hover { background:var(--mbp-color-accent-solid-hover)!important; } .mbp-newsletter-page .brevo-submit-btn:disabled { opacity:.6; cursor:wait; } .mbp-editorial .mbp-newsletter-consent { font:400 11px/1.8 var(--mbp-font-sans); color:var(--ed-muted); margin:20px 0 0; } .mbp-newsletter-page .brevo-message { font:400 13px/1.7 var(--mbp-font-sans); border-radius:3px; padding:14px; } body.mbp-editorial .mbp-newsletter-page .brevo-message.error { background:var(--mbp-color-terracotta-subtle); color:var(--mbp-color-terracotta); border:1px solid currentColor; } body.mbp-editorial .mbp-newsletter-page .brevo-message.success { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); border:1px solid currentColor; } .mbp-newsletter-faq { border-top:1px solid var(--ed-line); margin-top:56px; padding-top:34px; max-width:800px; } .mbp-editorial .mbp-newsletter-faq h2 { font:500 28px/1.3 var(--mbp-font-serif); color:var(--ed-ink); margin:0 0 20px; } .mbp-newsletter-faq details { border-bottom:1px solid var(--ed-line); } .mbp-newsletter-faq summary { font:600 13px/1.6 var(--mbp-font-sans); color:var(--ed-ink); padding:18px 0; cursor:pointer; } .mbp-editorial .mbp-newsletter-faq p { font:400 13px/1.8 var(--mbp-font-sans); color:var(--ed-muted); margin:0 0 20px; } .mbp-editorial .mbp-newsletter-faq .mbp-newsletter-help { margin-top:22px; } .mbp-newsletter-help a { text-decoration:underline; text-underline-offset:4px; } @media(max-width:960px) { .mbp-newsletter-grid { gap:35px; } .mbp-newsletter-form-panel { padding:24px; } } @media(max-width:768px) { .mbp-newsletter-grid { grid-template-columns:1fr; gap:28px; } .mbp-newsletter-page .mbp-breadcrumb { margin-bottom:24px; } .mbp-newsletter-intro { padding:0; } .mbp-newsletter-benefits,.mbp-newsletter-signature { display:none!important; } .mbp-editorial .mbp-newsletter-lead { margin-bottom:0; font-size:14px; } } @media(max-width:480px) { .mbp-newsletter-form-panel { padding:23px 18px; } .mbp-editorial .mbp-newsletter-form-panel h2 { font-size:25px; } .mbp-newsletter-faq { margin-top:36px; } } .mbp-newsletter-page .brevo-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; } .mbp-newsletter-page .brevo-form > * { min-width:0; grid-column:1/-1; } .mbp-newsletter-page .brevo-form > .brevo-form-group--name { grid-column:auto; } .mbp-field-optional { font-size:10px; }