.pmcalc-etf{
  --pm-currency-accent:#7c3aed;
  --pm-currency-soft:#f6f1ff;
  display:grid;
  gap:18px;
  width:100%;
  max-width:var(--pmcalc-max-width,980px);
  margin:0 auto;
  padding:4px 0 8px;
}
@supports (color:color-mix(in srgb,#000 10%,#fff)){
  .pmcalc-etf{--pm-currency-soft:color-mix(in srgb,var(--pm-currency-accent) 8%,white)}
}
.pmcalc-etf .pmcalc-form,.pmcalc-etf .pmcalc-results{display:grid;gap:18px}
.pmcalc-etf .pmcalc-etf-intro{
  display:flex;
  flex-direction:column;
  gap:4px;
  border:1px solid var(--pm-border);
  border-radius:17px;
  background:linear-gradient(135deg,var(--pm-accent-soft),#fff 72%);
  padding:15px 17px;
}
.pmcalc-etf .pmcalc-etf-intro strong{font-size:15px;color:var(--pm-accent)}
.pmcalc-etf .pmcalc-etf-intro span{color:var(--pm-muted);font-size:13px;line-height:1.55}

.pmcalc-etf .pmcalc-etf-card{box-shadow:0 5px 16px rgba(15,23,42,.045)}
.pmcalc-etf .pmcalc-etf-card--investment{
  border-top:4px solid var(--pm-accent);
  background:linear-gradient(180deg,var(--pm-accent-soft) 0,#fff 102px);
}
.pmcalc-etf .pmcalc-etf-card--investment .pmcalc-step{background:var(--pm-accent);color:#fff}
.pmcalc-etf .pmcalc-etf-card--investment .pmcalc-section-title{color:var(--pm-accent)}
.pmcalc-etf .pmcalc-etf-card--costs{
  border-top:4px solid var(--pm-secondary);
  background:linear-gradient(180deg,var(--pm-secondary-soft) 0,#fff 102px);
}
.pmcalc-etf .pmcalc-etf-card--costs .pmcalc-step{background:var(--pm-secondary);color:#fff}
.pmcalc-etf .pmcalc-etf-card--costs .pmcalc-section-title{color:var(--pm-secondary)}
.pmcalc-etf .pmcalc-etf-card--currency{
  border-top:4px solid var(--pm-currency-accent);
  background:linear-gradient(180deg,var(--pm-currency-soft) 0,#fff 102px);
}
.pmcalc-etf .pmcalc-etf-card--currency .pmcalc-step{background:var(--pm-currency-accent);color:#fff}
.pmcalc-etf .pmcalc-etf-card--currency .pmcalc-section-title{color:var(--pm-currency-accent)}

.pmcalc-etf .pmcalc-etf-note{
  margin-top:18px;
  border:1px solid var(--pm-border);
  border-left:4px solid var(--pm-currency-accent);
  border-radius:12px;
  background:var(--pm-currency-soft);
  padding:12px 14px;
  color:#475467;
  font-size:13px;
  line-height:1.6;
}
.pmcalc-etf .pmcalc-etf-note strong{color:var(--pm-text)}

.pmcalc-etf .pmcalc-etf-advanced{border-style:dashed;background:#fafbfd;box-shadow:none}
.pmcalc-etf .pmcalc-etf-advanced summary,.pmcalc-etf .pmcalc-table-details summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--pm-accent);
  font-weight:800;
}
.pmcalc-etf .pmcalc-etf-advanced summary::-webkit-details-marker,.pmcalc-etf .pmcalc-table-details summary::-webkit-details-marker{display:none}
.pmcalc-etf .pmcalc-etf-advanced summary::after,.pmcalc-etf .pmcalc-table-details summary::after{
  content:"";
  width:8px;height:8px;margin-left:auto;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .16s ease;
}
.pmcalc-etf .pmcalc-etf-advanced[open] summary::after,.pmcalc-etf .pmcalc-table-details[open] summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.pmcalc-etf .pmcalc-etf-advanced__body{margin-top:20px;padding-top:18px;border-top:1px solid var(--pm-border)}

.pmcalc-etf .pmcalc-validation{border:1px solid #efb2b2;border-radius:12px;background:#fff5f5;padding:11px 13px;font-size:13px}
.pmcalc-etf .pmcalc-submit{
  width:100%;min-height:55px;border:1px solid var(--pm-accent);border-radius:13px;
  background:var(--pm-accent);color:#fff;font-size:16px;font-weight:900;
  box-shadow:0 7px 16px rgba(37,99,235,.16);
  transition:transform .15s ease,filter .15s ease;
}
.pmcalc-etf .pmcalc-submit:hover{filter:brightness(.96);transform:translateY(-1px)}
.pmcalc-etf .pmcalc-submit:active{transform:translateY(0)}
.pmcalc-etf .pmcalc-card--soft{background:#fafbfd;box-shadow:none}
.pmcalc-etf .pmcalc-empty{text-align:center}
.pmcalc-etf .pmcalc-empty strong,.pmcalc-etf .pmcalc-empty span{display:block}
.pmcalc-etf .pmcalc-empty span{margin-top:4px;color:var(--pm-muted);font-size:14px}

.pmcalc-etf .pmcalc-etf-result-hero{
  border-top:4px solid var(--pm-secondary);
  background:linear-gradient(145deg,var(--pm-secondary-soft),#fff 62%);
  box-shadow:0 7px 20px rgba(15,23,42,.055);
}
.pmcalc-etf .pmcalc-result-eyebrow{color:var(--pm-secondary);font-size:14px;font-weight:800}
.pmcalc-etf .pmcalc-result-main{
  margin-top:8px;color:var(--pm-text);font-size:clamp(32px,7vw,52px);line-height:1.05;
  font-weight:950;letter-spacing:-.035em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
.pmcalc-etf .pmcalc-result-breakdown{margin-top:12px;color:#475467;font-size:15px;line-height:1.65}
.pmcalc-etf .pmcalc-result-breakdown strong{color:var(--pm-text)}
.pmcalc-etf .pmcalc-etf-result-hero .pmcalc-stats{margin-top:20px}
.pmcalc-etf .pmcalc-etf-result-card{box-shadow:0 4px 14px rgba(15,23,42,.04)}
.pmcalc-etf .pmcalc-result-section-title{position:relative;padding-left:12px}
.pmcalc-etf .pmcalc-result-section-title::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:999px;background:var(--pm-secondary)}

.pmcalc-etf .pmcalc-compare-row{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:12px 0;border-bottom:1px solid var(--pm-border);font-size:13px;
}
.pmcalc-etf .pmcalc-compare-row:last-child{border-bottom:0}
.pmcalc-etf .pmcalc-compare-row span{color:var(--pm-muted)}
.pmcalc-etf .pmcalc-compare-row strong{text-align:right;font-size:15px;font-variant-numeric:tabular-nums}
.pmcalc-etf .pmcalc-compare-row--accent{margin-top:4px;padding:13px 12px;border:0;border-radius:12px;background:var(--pm-accent-soft)}
.pmcalc-etf .pmcalc-compare-row--accent span,.pmcalc-etf .pmcalc-compare-row--accent strong{color:var(--pm-accent);font-weight:850}

.pmcalc-etf .pmcalc-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;color:var(--pm-muted);font-size:12px}
.pmcalc-etf .pmcalc-legend span{display:inline-flex;align-items:center;gap:7px}
.pmcalc-etf .pmcalc-dot{display:inline-block;width:20px;height:3px;border-radius:999px}
.pmcalc-etf .pmcalc-dot--paid{background:var(--pm-paid)}
.pmcalc-etf .pmcalc-dot--wealth{background:var(--pm-secondary)}
.pmcalc-etf .pmcalc-dot--nocost{background:var(--pm-accent)}
.pmcalc-etf .pmcalc-chart{position:relative;min-height:280px;margin-top:10px;overflow:hidden;border:1px solid var(--pm-border);border-radius:14px;background:#fbfcfe;padding:10px}
.pmcalc-etf .pmcalc-chart svg{display:block;width:100%;height:auto;min-height:245px}
.pmcalc-etf .pmcalc-chart-empty{display:flex;min-height:245px;align-items:center;justify-content:center;color:var(--pm-muted);font-size:13px}

.pmcalc-etf .pmcalc-table-scroll{overflow-x:auto;margin-top:14px;border:1px solid var(--pm-border);border-radius:12px}
.pmcalc-etf .pmcalc-table{width:100%;min-width:650px;border-collapse:collapse;background:#fff;font-size:13px}
.pmcalc-etf .pmcalc-table th,.pmcalc-etf .pmcalc-table td{padding:11px 10px;border-bottom:1px solid var(--pm-border);text-align:right;white-space:nowrap}
.pmcalc-etf .pmcalc-table th:first-child,.pmcalc-etf .pmcalc-table td:first-child{text-align:left}
.pmcalc-etf .pmcalc-table th{background:var(--pm-panel);color:var(--pm-muted);font-weight:750}
.pmcalc-etf .pmcalc-disclaimer{margin:0;color:var(--pm-muted);font-size:12px;line-height:1.6}

.pmcalc-etf .pmcalc-stat strong.is-positive{color:#067647}
.pmcalc-etf .pmcalc-stat strong.is-negative{color:#b42318}
.pmcalc-etf .pmcalc-compare-row strong.is-positive{color:#067647}
.pmcalc-etf .pmcalc-compare-row strong.is-negative{color:#b42318}

.pmcalc-etf .pmcalc-etf-summary__body{margin-top:14px;display:grid;gap:10px;color:#475467;font-size:14px;line-height:1.7}
.pmcalc-etf .pmcalc-etf-summary__body p{margin:0}
.pmcalc-etf .pmcalc-etf-summary__body strong{color:var(--pm-text)}

.pmcalc-etf .pmcalc-chart-tip{
  display:none;position:absolute;z-index:20;width:252px;max-width:calc(100% - 16px);
  transform:translateX(-50%);border:1px solid var(--pm-border);border-radius:12px;background:#fff;
  padding:11px 12px;box-shadow:0 12px 30px rgba(16,24,40,.14);font-size:12px;line-height:1.45;pointer-events:none
}
.pmcalc-etf .pmcalc-chart-tip.is-visible{display:block}
.pmcalc-etf .pmcalc-chart-tip__grid{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin-top:7px}
.pmcalc-etf .pmcalc-chart-tip__grid span:nth-child(odd){color:var(--pm-muted)}
.pmcalc-etf .pmcalc-chart-marker{transition:r .12s ease,stroke-width .12s ease}

@media(max-width:760px){
  .pmcalc-etf{max-width:100%;gap:16px}
  .pmcalc-etf .pmcalc-form,.pmcalc-etf .pmcalc-results{gap:16px}
}
@media(max-width:520px){
  .pmcalc-etf{padding-top:0}
  .pmcalc-etf .pmcalc-result-main{font-size:34px}
  .pmcalc-etf .pmcalc-chart{min-height:220px;padding:5px}
  .pmcalc-etf .pmcalc-chart svg{min-height:205px}
  .pmcalc-etf .pmcalc-submit{min-height:52px}
  .pmcalc-etf .pmcalc-compare-row{gap:10px}
}