.cp-brand-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.cp-brand-grid>.cp-access-card{min-width:0}.cp-brand-sender{border-radius:10px;padding:15px;background:#f2f6f3;overflow-wrap:anywhere}.cp-brand-sender strong{font-size:13px}.cp-brand-sender p{margin:7px 0}.cp-brand-sender small{color:#64748b}.cp-brand-preview{border-top:4px solid #15734b}.cp-brand-preview h2{font-size:23px;overflow-wrap:anywhere}.cp-brand-preview-label{font-size:11px;letter-spacing:1px;font-weight:700;color:#688173!important}.cp-brand-subject{border-block:1px solid #e4eae6;padding:15px 0;font-size:13px;overflow-wrap:anywhere}.cp-brand-example-button{display:inline-block;background:#126b47;color:#fff;font-weight:600;padding:12px 18px;border-radius:7px;margin:5px 0}.cp-brand-preview small{color:#64748b;line-height:1.6}.cp-agency-display{font-size:12px;font-weight:600;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#176344}.cp-brand-preview strong{overflow-wrap:anywhere}#cpBrandSaved{color:#176344}#cpBrandForm input:focus-visible{outline:3px solid #91cfae;outline-offset:2px}@media(max-width:950px){.cp-brand-grid{grid-template-columns:1fr}.cp-agency-display{display:none}}

/* Compact personalization workspace; each form keeps its state between sections. */
#cpBrandSection{max-width:1180px;margin-inline:auto}#cpBrandSection>.cp-access-heading{margin-bottom:18px}#cpBrandSection [role=tabpanel][hidden]{display:none!important}.cp-brand-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.cp-brand-tabs button{text-align:left;display:grid;gap:4px;padding:14px 16px;border:1px solid #d5e3dc;border-radius:12px;background:#fff;color:#355b4b;font:inherit;cursor:pointer;min-height:72px}.cp-brand-tabs strong{font-size:14px}.cp-brand-tabs span{font-size:12px;color:#52665c;line-height:1.35}.cp-brand-tabs [aria-selected=true]{border-color:#17734e;background:#eaf5ef;box-shadow:inset 0 0 0 1px #17734e}.cp-brand-tabs button:focus-visible{outline:3px solid #76b998;outline-offset:3px}#cpBrandSection .cp-access-card{padding:22px}#cpBrandSection .cp-access-card h2{font-size:18px;margin:0 0 12px}#cpBrandSection .cp-brand-grid{gap:16px}.cp-brand-sender{padding:12px}.cp-brand-sender summary{cursor:pointer;font-size:13px;font-weight:600}.cp-brand-sender p{font-size:13px}.cp-brand-preview p{font-size:14px;line-height:1.55;margin:12px 0}.cp-brand-preview .cp-brand-subject{padding:10px 0}.cp-brand-preview small{font-size:12px}.cp-brand-example-button{padding:10px 14px;font-size:13px}#cpBrandSaved:empty,#cpBrandError:empty{display:none}@media(max-width:700px){.cp-brand-tabs{gap:6px}.cp-brand-tabs button{padding:10px 8px;min-height:56px;text-align:center}.cp-brand-tabs strong{font-size:13px}.cp-brand-tabs span{display:none}#cpBrandSection .cp-access-card{padding:16px}.cp-brand-grid{grid-template-columns:1fr}}

/* Guided personalization: three clear tasks, one visible workspace. */
#cpBrandSection{max-width:1160px;padding-bottom:24px}
#cpBrandSection>.cp-access-heading{margin-bottom:24px}
#cpBrandSection>.cp-access-heading h1{margin-bottom:8px}
#cpBrandSection>.cp-access-heading p{font-size:15px;line-height:1.6;max-width:720px;color:#52685e}
.cp-brand-tabs{gap:12px;margin-bottom:24px}
.cp-brand-tabs button{position:relative;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;row-gap:5px;padding:17px 16px;min-height:94px;align-content:center;border-radius:14px;transition:background .15s,border-color .15s}
.cp-brand-tabs button:hover{background:#f5faf7;border-color:#81ae97}
.cp-brand-tabs strong{grid-column:2;font-size:15px;line-height:1.35}
.cp-brand-tabs button>span:not(.cp-brand-step-number){display:block;grid-column:2;font-size:13px;line-height:1.5;color:#50685b}
.cp-brand-tabs .cp-brand-step-number{grid-column:1;grid-row:1 / span 2;align-self:start;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef3ef;color:#456b56;font-size:14px;font-weight:750;line-height:1}
.cp-brand-tabs [aria-selected=true]{background:#eef8f2;border-color:#17734e;box-shadow:inset 0 0 0 1px #17734e}
.cp-brand-tabs [aria-selected=true] .cp-brand-step-number{background:#17734e;color:#fff}
#cpBrandSection .cp-access-card{border-radius:16px;padding:24px}
#cpBrandSection .cp-access-card h2{font-size:20px;line-height:1.35;margin-bottom:12px}
#cpBrandSection .cp-access-card p,#cpBrandSection .cp-access-card .field>small{font-size:14px;line-height:1.6}
#cpBrandSection .cp-access-card .field>span{font-size:14px;font-weight:600}
#cpBrandSection .cp-brand-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px;align-items:start}
#cpBrandForm{gap:18px}
#cpBrandForm .field{margin-top:8px}
#cpBrandForm input{min-height:46px}
#cpBrandSection .cp-brand-sender{margin:4px 0;padding:12px 14px;background:#f6f9f7;border:1px solid #e0e9e3}
.cp-brand-sender summary{font-size:14px}
#cpBrandSection .cp-brand-preview{background:#f8fbf9;border-top:3px solid #3c8b68}
#cpBrandSection .cp-brand-preview .cp-brand-preview-label{font-size:11px;margin-top:0}
#cpBrandSection .cp-brand-preview h2{font-size:20px}
#cpBrandSection .cp-brand-preview small{font-size:13px;line-height:1.6}
@media(max-width:950px){#cpBrandSection .cp-brand-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  #cpBrandSection>.cp-access-heading{margin-bottom:18px}
  .cp-brand-tabs{grid-template-columns:1fr;gap:8px;margin-bottom:18px}
  .cp-brand-tabs button{min-height:72px;padding:12px 14px;text-align:left;grid-template-columns:30px minmax(0,1fr);column-gap:10px}
  .cp-brand-tabs strong{font-size:15px}
  .cp-brand-tabs button>span:not(.cp-brand-step-number){display:block;font-size:13px}
  .cp-brand-tabs .cp-brand-step-number{width:30px;height:30px}
  #cpBrandSection .cp-access-card{padding:18px}
}

.cp-brand-tab-help{display:none}
@media(max-width:700px){
 #cpBrandSection>.cp-access-heading{margin-bottom:16px}
 #cpBrandSection>.cp-access-heading p{font-size:14px;line-height:1.5}
 .cp-brand-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}
 .cp-brand-tabs button{grid-template-columns:minmax(0,1fr);grid-template-rows:26px auto;gap:7px;padding:10px 8px;min-height:100px;text-align:left;align-content:start}
 .cp-brand-tabs strong{grid-column:1;font-size:13px;line-height:1.35}
 .cp-brand-tabs .cp-brand-step-number{grid-column:1;grid-row:1;width:26px;height:26px;font-size:13px}
 .cp-brand-tabs button>span:not(.cp-brand-step-number){display:none}
 .cp-brand-tab-help{display:block;margin:0 0 16px;font-size:13px;line-height:1.5;color:#52685e}
 #cpBrandSection .cp-access-card{padding:16px}
 #cpBrandSection .cp-access-card h2{font-size:18px;margin-bottom:8px}
 #cpBrandForm{gap:14px}#cpBrandSection .cp-brand-grid{gap:14px}
}