.sszbb{max-width:980px;margin:0 auto;padding:20px 10px;font-family:inherit;color:inherit;}
.sszbb__header{margin-bottom:18px;text-align:center;max-width:980px;margin-left:auto;margin-right:auto;}
.sszbb__title{font-size:clamp(24px,3.2vw,40px);margin:0 0 6px;font-weight:700;}
.sszbb__sub{margin:0 0 14px;opacity:.8;}
.sszbb__actions{--sszbb-accent:var(--et-global-color-1,#0b5cff);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px auto 18px;max-width:980px;width:100%;}
.sszbb__btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;background:#0b0f14;color:#fff;border:2px solid transparent;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;line-height:1;transition:border-color .15s ease,background-color .15s ease,color .15s ease;transform:none !important;}
.sszbb__btn--ghost{background:#fff;color:#0b0f14;border-color:rgba(11,15,20,.18);}
.sszbb__meta{max-width:980px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}
.sszbb__meta label{font-size:12px;opacity:.85;display:grid;gap:6px}
.sszbb__meta input{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 10px;font-size:14px}

.sszbb__section{background:rgba(255,255,255,.98);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.sszbb__section h3{margin:0 0 10px;font-size:18px}
.sszbb__note{font-size:12px;opacity:.75;margin-bottom:10px}

.sszbb__table{display:grid;border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden}
.sszbb__grid4{grid-template-columns:2.2fr 1fr 1fr 1.3fr}
.sszbb__th{background:rgba(0,0,0,.04);padding:10px 10px;font-size:12px;font-weight:700}
.sszbb__td{padding:8px 10px;border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center}
.sszbb__td input{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:8px 8px;font-size:14px;background:rgba(255,255,255,.9)}
.sszbb__rowlabel{font-weight:600}

.sszbb__notes{width:100%;min-height:140px;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px;font-size:14px}
.sszbb__footer{opacity:.7;font-size:12px;margin-top:8px}

/* Mobile */
@media (max-width: 860px){
  .sszbb__meta{grid-template-columns:1fr 1fr}
  .sszbb__grid4{grid-template-columns:1.6fr 1fr}
  .sszbb__th:nth-child(n+3), .sszbb__td:nth-child(4n+3), .sszbb__td:nth-child(4n+4){display:none}
}

/* Print */
@media print{
  body{background:#fff}
  .sszbb__actions{--sszbb-accent:var(--et-global-color-1,#0b5cff);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px auto 18px;max-width:980px;width:100%;}
  .sszbb__section{box-shadow:none}
  input, textarea{border:1px solid #000 !important}
  a[href]:after{content:""}
}

/* Budget type selector */
.sszbb__type{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 10px 0 6px;
}
.sszbb__type label{
  font-weight:700;
  font-size:12px;
  opacity:.85;
}
.sszbb__type select{
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  background:#fff;
}

/* Readonly target fields */
.sszbb__targets input[readonly]{
  background: rgba(0,0,0,.03);
}
.sszbb__note--tight{ margin-top: 10px; }


/* Visual Builder preview card */
.sszbb--vb .sszbb__card{border:1px dashed rgba(0,0,0,.18); border-radius:16px; padding:18px; background:#fff;}
.sszbb--vb .sszbb__vbtitle{font-weight:800; font-size:16px; margin-bottom:4px;}
.sszbb--vb .sszbb__vbsub{opacity:.8; margin-bottom:10px;}


.sszbb__btn:hover,.sszbb__btn:focus{border-color:var(--sszbb-accent);outline:none;}
.sszbb__btn--ghost:hover,.sszbb__btn--ghost:focus{border-color:var(--sszbb-accent);background:#fff;color:#0b0f14;}

/* Bottom action buttons */
.sszbb__actions{margin-top:22px;}

.sszbb__tip{margin:0 0 14px;opacity:.8;}


/* Collapsible behavior */
.sszbb--collapsible.is-collapsed .sszbb__body{display:none;}

/* Collapsible: show only title + type picker until opened */
.sszbb--collapsible.is-collapsed .sszbb__body{display:none;}

.sszbb--collapsible .sszbb__header{cursor:pointer;}
.sszbb--collapsible .sszbb__header select{cursor:auto;}

/* Details/summary collapse workaround (robust on Divi + caching) */
.sszbb__details{width:100%;border:0;}
.sszbb__summary{list-style:none;cursor:pointer;}
.sszbb__summary::-webkit-details-marker{display:none;}
.sszbb__details[open] .sszbb__summary{margin-bottom:16px;}

/* Summary safe content for <details>/<summary> (use spans, styled as blocks) */
.sszbb__summary_inner{display:block !important; text-align:center; padding:0;}
.sszbb__summary_inner .sszbb__title{display:block !important; font-size:48px; line-height:1.1; margin:0 0 10px 0;}
.sszbb__summary_inner .sszbb__tip{display:block !important; margin:0 0 18px 0;}
.sszbb__summary_inner .sszbb__type{display:inline-block; text-align:left;}
.sszbb__summary_inner .sszbb__type label{display:block !important; text-align:center; margin-bottom:6px; font-weight:700;}
.sszbb__summary_inner .sszbb__type select{min-width:420px; max-width:100%;}
@media (max-width: 640px){
  .sszbb__summary_inner .sszbb__type select{min-width: 0; width: 100%;}
  .sszbb__summary_inner .sszbb__title{font-size:34px;}
}


/* Mode visibility (prevent flash of all sections) */
.sszbb .sszbb__mode{
  display:none !important;
}
.sszbb[data-sszbb-initial-mode="zero_based"] .sszbb__mode[data-sszbb-mode="zero_based"]{display:block !important;}
.sszbb[data-sszbb-initial-mode="50_30_20"] .sszbb__mode[data-sszbb-mode="50_30_20"]{display:block !important;}
.sszbb[data-sszbb-initial-mode="pay_yourself_first"] .sszbb__mode[data-sszbb-mode="pay_yourself_first"]{display:block !important;}
.sszbb[data-sszbb-initial-mode="cash_flow"] .sszbb__mode[data-sszbb-mode="cash_flow"]{display:block !important;}
.sszbb[data-sszbb-initial-mode="expense_tracker"] .sszbb__mode[data-sszbb-mode="expense_tracker"]{display:block !important;}
.sszbb[data-sszbb-initial-mode="envelope"] .sszbb__mode[data-sszbb-mode="envelope"]{display:block !important;}