/* TradeAnswers in-page embed builder, loaded once and cached across all calculator pages */
.ta-eb{--eb-navy:#0B1F4D;--eb-navy2:#17346B;--eb-ink:#16203A;--eb-muted:#5A6784;
  --eb-line:#DCE3EF;--eb-panel:#F7F9FD;--eb-good:#0E7C66;
  --eb-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* it lives at the end of the article column, directly under the FAQ */
  display:block;width:100%;margin:2.25rem 0 0;font-family:var(--eb-font);color:var(--eb-ink)}
/* fallback, only when no article column was found and it sits loose on the page */
.ta-eb[data-ctx="page"]{max-width:1240px;margin:0 auto 2rem;padding:0 2rem}
.ta-eb>.eb-card{padding:22px 20px;border:1px solid var(--eb-line);border-radius:12px;
  background:var(--eb-panel)}
@media (max-width:880px){.ta-eb[data-ctx="page"]{padding:0 1.25rem}}
.ta-eb *,.ta-eb *::before,.ta-eb *::after{box-sizing:border-box}
.ta-eb h2{margin:0 0 6px;font-size:20px;line-height:1.25;color:var(--eb-navy)}
.ta-eb p.eb-lead{margin:0 0 18px;font-size:14.5px;line-height:1.55;color:var(--eb-muted);max-width:70ch}

.ta-eb .eb-opts{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  align-items:start;padding:0 0 18px;border-bottom:1px solid var(--eb-line)}

.ta-eb .eb-group{margin:0 0 14px}
.ta-eb .eb-group>span.eb-label{display:block;font-size:12px;font-weight:650;letter-spacing:.2px;
  color:var(--eb-navy);margin:0 0 6px}
.ta-eb .eb-seg{display:flex;gap:6px;flex-wrap:wrap}
.ta-eb .eb-seg button{flex:1 1 0;min-width:0;padding:8px 10px;font:inherit;font-size:13.5px;
  font-weight:600;border:1px solid var(--eb-line);border-radius:8px;background:#fff;
  color:var(--eb-ink);cursor:pointer;line-height:1.2}
.ta-eb .eb-seg button[aria-pressed="true"]{background:var(--eb-navy);border-color:var(--eb-navy);color:#fff}
.ta-eb .eb-seg button:focus-visible{outline:2px solid var(--eb-navy2);outline-offset:2px}

.ta-eb .eb-checks{display:grid;gap:2px 16px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.ta-eb .eb-checks{grid-template-columns:1fr}}
.ta-eb label.eb-check{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px;cursor:pointer}
.ta-eb label.eb-check input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--eb-navy)}

.ta-eb .eb-accent{display:flex;align-items:center;gap:8px}
.ta-eb .eb-accent input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--eb-line);
  border-radius:8px;background:#fff;cursor:pointer}
.ta-eb .eb-accent button{padding:8px 11px;font:inherit;font-size:13px;color:var(--eb-muted);
  border:1px solid var(--eb-line);border-radius:8px;background:#fff;cursor:pointer}

.ta-eb .eb-stagehead{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;margin:20px 0 8px}
.ta-eb .eb-sizes{flex:none}
.ta-eb .eb-sizes button{flex:none;min-width:56px}
.ta-eb .eb-stagehead span.eb-label{margin:0}
.ta-eb .eb-stage{border:1px solid var(--eb-line);border-radius:10px;background:#fff;padding:14px;
  min-height:120px;overflow-x:auto;overflow-y:hidden}
.ta-eb .eb-holder{margin:0 auto}
.ta-eb .eb-stage::-webkit-scrollbar{height:8px}
.ta-eb .eb-stage::-webkit-scrollbar-thumb{background:#C7D2E4;border-radius:4px}
.ta-eb .eb-holder{width:100%;transition:max-width .18s ease}
.ta-eb iframe.eb-preview{width:100%;border:0;display:block;background:transparent}
.ta-eb p.eb-hint{margin:8px 0 0;font-size:12.5px;color:var(--eb-muted)}

.ta-eb .eb-rowhead{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin:18px 0 7px}
.ta-eb .eb-rowhead span.eb-label{margin:0}
.ta-eb .eb-codewrap{margin:0}
.ta-eb textarea.eb-code{display:block;width:100%;min-height:172px;padding:13px;border:1px solid #CFD9EA;
  border-radius:8px;background:#fff;color:var(--eb-ink);overflow-x:hidden;overflow-y:auto;resize:vertical;
  white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;
  font:12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ta-eb textarea.eb-code:focus{outline:2px solid var(--eb-navy2);outline-offset:1px}
.ta-eb button.eb-copy{flex:none;padding:7px 16px;font:inherit;font-size:13px;font-weight:650;
  color:#fff;background:var(--eb-navy);border:0;border-radius:7px;cursor:pointer}
.ta-eb button.eb-copy:hover{background:var(--eb-navy2)}
.ta-eb button.eb-copy[data-done="1"]{background:var(--eb-good)}
.ta-eb p.eb-foot{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--eb-muted)}
.ta-eb p.eb-foot a{color:var(--eb-navy)}

@media (max-width:560px){
  .ta-eb[data-ctx="page"]{padding:0 1rem}
  .ta-eb>.eb-card{padding:16px 14px;border-radius:10px}
  .ta-eb textarea.eb-code{font-size:12px}
  .ta-eb .eb-seg button{font-size:12.5px;padding:8px 6px}
}
@media (prefers-reduced-motion:reduce){.ta-eb *{transition:none!important}}

.ta-eb .eb-holder{position:relative}
.ta-eb .eb-holder[data-sim]{outline:1px dashed #9FB3D4;outline-offset:6px;background:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(159,179,212,.09) 9px,rgba(159,179,212,.09) 18px)}
.ta-eb .eb-holder[data-sim]::before{content:attr(data-sim);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:.04em;color:#5A7099;background:#fff;padding:0 8px;white-space:nowrap}
.ta-eb .eb-stage{padding-top:32px}