.optional-extras{padding:16px 22px}
.extras-heading{margin-bottom:12px}
.extras-grid{position:relative;gap:36px}
.extras-grid:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#87bbd080}
.extra-item,.extra-item+.extra-item{position:relative;display:block;height:190px;padding:0;border:0;overflow:hidden;border-radius:10px}
.extra-item>.extra-preview-copy{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px 9px;box-sizing:border-box;transition:opacity .28s ease,transform .28s ease}
.extra-item-heading{display:flex;align-items:center;gap:13px}
.extra-item-heading>svg{width:21px;height:21px;flex-shrink:0;color:#4a758b}
.extra-item-heading h4{margin:0;font-size:16px}
.extra-item>.extra-preview-copy>p{max-width:390px;padding-left:34px;font-size:12px;line-height:1.75}
.extra-item>.extra-preview-copy>a{align-self:flex-start;margin:0 0 0 34px;min-height:32px}
.extra-item>.extra-preview-image{position:absolute;inset:0;display:block;grid-area:auto;width:100%;max-width:none;height:100%;margin:0;border-radius:10px;overflow:hidden;text-align:left;background:#fafcfd;box-sizing:border-box;transition:opacity .28s ease,transform .28s ease}
.extra-item>.extra-preview-image *{box-sizing:border-box}
.extra-item .extra-preview-image figcaption{position:absolute;right:10px;bottom:7px;margin:0;font-size:8px;line-height:1.3}
.example-windowbar{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#e8f0f4;color:#6a8592;font-size:8px;letter-spacing:.02em}
.example-brand{font-size:10px;font-weight:600;letter-spacing:.12em;color:#294d60}
.email-example-body{display:flex;height:calc(100% - 29px)}
.email-example-body aside{display:flex;flex-direction:column;gap:13px;width:99px;flex-shrink:0;padding:13px 10px;background:#f0f5f8;font-size:9px;color:#6a8290}
.email-example-body aside b{font-weight:500;background:#dceaf1;color:#315b71;margin-inline:-4px;padding:6px 5px;border-radius:4px;display:flex;justify-content:space-between}
.email-example-body aside i{font-style:normal}
.example-compose{display:block;background:#264d62;color:#fff;border-radius:5px;padding:7px 4px;text-align:center;font-size:9px}
.email-example-message{flex:1;min-width:0;padding:13px 18px;color:#36566a}
.example-message-head{display:flex;flex-direction:column;gap:5px}
.example-message-head strong{font-size:13px;font-weight:600;color:#203f51}
.example-message-head>span{font-size:8px;color:#6a8491}
.extra-item .email-example-message>p{font-size:10px;line-height:1.65;margin:11px 0}
.example-signature{display:flex;gap:10px;align-items:center}
.example-monogram{display:flex;align-items:center;justify-content:center;width:32px;height:35px;border-radius:7px;background:#214e63;color:#e1f1f7;font-size:21px;font-family:Georgia,serif}
.example-signature>div{display:flex;flex-direction:column;gap:3px}
.example-signature strong{font-size:11px;font-weight:600;color:#234c62}
.example-signature span:not(.example-monogram){font-size:9px;color:#6a8491}
.example-signature small{font-size:8px;color:#3c718a}
.extra-item>.campaign-example{background:#f6f4ed}
.extra-item .campaign-example>img{position:absolute;inset:0 0 0 auto;width:48%;height:100%;max-height:none;object-fit:cover;object-position:55% 50%;border-radius:0}
.campaign-example-copy{position:relative;width:62%;height:100%;padding:15px 18px;background:linear-gradient(90deg,#f6f4ed 81%,#f6f4ed00)}
.campaign-example-copy>.example-brand{display:block;color:#354b46;font-size:9px;letter-spacing:.18em}
.campaign-example-copy>small{display:block;font-size:6px;letter-spacing:.13em;color:#7b877b;margin-top:13px}
.campaign-example-copy>strong{display:block;font-family:Georgia,serif;font-size:25px;line-height:1.08;font-weight:400;letter-spacing:-.7px;color:#2e4840;margin-top:6px}
.extra-item .campaign-example-copy>p{font-size:8px;line-height:1.6;color:#718177;margin:8px 0}
.example-campaign-cta{display:inline-flex;gap:15px;align-items:center;border-radius:4px;background:#365b4d;color:#fff;padding:7px 10px;font-size:8px}
.extra-item .campaign-example figcaption{color:#f8faf7;background:#183b365c;padding:3px 5px;border-radius:3px}
@media(max-width:600px){.extras-grid{gap:26px}.extras-grid:before{display:none}.extra-item,.extra-item+.extra-item{height:190px;padding:0}.extra-item+.extra-item:before{content:'';position:absolute;top:-14px;left:0;right:0;height:1px;background:#87bbd080}.extras-grid{overflow:visible}.extra-item+.extra-item{overflow:visible}.extra-item>.extra-preview-copy{padding:6px 0}.extra-item-heading h4{font-size:15px}.extra-item>.extra-preview-copy>p{padding-left:0;font-size:12px}.extra-item>.extra-preview-copy>a{margin-left:0}.email-example-body aside{width:66px;padding:12px 6px;font-size:8px}.example-compose{font-size:7px;padding:6px 2px}.email-example-message{padding:13px 10px}.example-message-head strong{font-size:11px}.example-message-head>span{font-size:7px}.example-signature{gap:7px}.example-signature small{font-size:6.5px}.campaign-example-copy{width:68%;padding:16px 12px}.campaign-example-copy>strong{font-size:24px}.campaign-example-copy>small{font-size:5.5px}.extra-item .campaign-example-copy>p{font-size:7px;max-width:140px}}
@media(prefers-reduced-motion:reduce){.extra-item>.extra-preview-copy,.extra-item>.extra-preview-image{transition:none;transform:none}}
@media(max-width:600px){
 .email-example-message{padding:10px 8px}
 .example-message-head strong{font-size:10px;line-height:1.3}
 .example-message-head>span{line-height:1.4}
 .extra-item .email-example-message>p{font-size:9px;line-height:1.35;margin:8px 0}
 .example-monogram{width:25px;height:29px;font-size:18px}
 .example-signature strong{font-size:10px}
 .example-signature span:not(.example-monogram){font-size:8px}
 .campaign-example-copy>strong{font-size:20px;line-height:1.07}
 .campaign-example-copy>small{margin-top:9px}
 .extra-item .campaign-example-copy>p{margin:6px 0;line-height:1.4}
 .example-campaign-cta{padding:6px 8px}
}