.pmcalc{
  --pm-bg:#fff;
  --pm-panel:#f6f8fb;
  --pm-panel-strong:#eef2f7;
  --pm-text:#162033;
  --pm-muted:#667085;
  --pm-border:#dfe4ec;
  --pm-border-strong:#cfd6e1;
  --pm-accent:#2563eb;
  --pm-secondary:#0f766e;
  --pm-accent-soft:#eef4ff;
  --pm-secondary-soft:#eefbf7;
  --pm-paid:#7c8aa5;
  --pm-wealth:var(--pm-secondary);
  --pm-shadow:0 5px 16px rgba(15,23,42,.045);
  box-sizing:border-box;
  color:var(--pm-text);
  font:inherit;
  line-height:1.5;
  max-width:100%;
}
@supports (color:color-mix(in srgb,#000 10%,#fff)){
  .pmcalc{
    --pm-accent-soft:color-mix(in srgb,var(--pm-accent) 8%,white);
    --pm-secondary-soft:color-mix(in srgb,var(--pm-secondary) 8%,white);
  }
}
.pmcalc *{box-sizing:border-box}
.pmcalc button,.pmcalc input,.pmcalc select{font:inherit}
.pmcalc button{cursor:pointer}
.pmcalc .is-hidden{display:none!important}

.pmcalc-card{
  background:var(--pm-bg);
  border:1px solid var(--pm-border);
  border-radius:18px;
  padding:22px;
  box-shadow:var(--pm-shadow);
}
.pmcalc-grid{display:grid;gap:18px;min-width:0}
.pmcalc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pmcalc-mt{margin-top:18px}

.pmcalc-kicker{
  margin-bottom:9px;
  color:var(--pm-muted);
  font-size:14px;
  font-weight:700;
}
.pmcalc-section-title,.pmcalc-result-section-title{margin:0;color:var(--pm-text)}
.pmcalc-section-title{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:20px;
  font-size:19px;
  font-weight:800;
  letter-spacing:-.01em;
}
.pmcalc-result-section-title{font-size:19px;font-weight:800;letter-spacing:-.01em}
.pmcalc-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:10px;
  background:var(--pm-panel-strong);
  font-size:13px;
  font-weight:850;
}

.pmcalc-label{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:7px;
  color:#344054;
  font-size:13px;
  font-weight:750;
}
.pmcalc-field{min-width:0}

.pmcalc-inputbox{
  display:flex;
  align-items:stretch;
  min-height:49px;
  overflow:hidden;
  border:1px solid var(--pm-border-strong);
  border-radius:12px;
  background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.pmcalc-inputbox:hover{border-color:#bcc6d4}
.pmcalc-inputbox:focus-within{
  border-color:var(--pm-accent);
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
@supports (color:color-mix(in srgb,#000 10%,transparent)){
  .pmcalc-inputbox:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--pm-accent) 14%,transparent)}
}
.pmcalc-inputbox input{
  min-width:0;
  width:100%;
  border:0;
  background:transparent;
  padding:11px 14px;
  outline:0;
  color:var(--pm-text);
  font-size:16px;
  font-variant-numeric:tabular-nums;
}
.pmcalc-unit{
  display:flex;
  align-items:center;
  padding:0 14px;
  border-left:1px solid var(--pm-border);
  background:var(--pm-panel);
  color:var(--pm-muted);
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}
.pmcalc-select{
  width:100%;
  min-height:49px;
  border:1px solid var(--pm-border-strong);
  border-radius:12px;
  background:#fff;
  padding:0 13px;
  color:var(--pm-text);
  font-size:16px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.pmcalc-select:hover{border-color:#bcc6d4}
.pmcalc-select:focus{
  border-color:var(--pm-accent);
  outline:0;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
@supports (color:color-mix(in srgb,#000 10%,transparent)){
  .pmcalc-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--pm-accent) 14%,transparent)}
}

.pmcalc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pmcalc-chip{
  min-height:34px;
  border:1px solid var(--pm-border-strong);
  border-radius:10px;
  padding:5px 10px;
  background:#fff;
  color:var(--pm-text);
  font-size:12px;
  font-weight:700;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.pmcalc-chip:hover,.pmcalc-chip:focus-visible{border-color:var(--pm-accent);background:var(--pm-accent-soft)}
.pmcalc-chip.is-active{
  border-color:var(--pm-accent);
  background:var(--pm-accent-soft);
  color:var(--pm-accent);
  font-weight:800;
}
.pmcalc-chip:focus-visible,.pmcalc-step-button:focus-visible,.pmcalc-submit:focus-visible,.pmcalc-mode__button:focus-visible,.pmcalc-info__button:focus-visible{
  outline:3px solid rgba(37,99,235,.18);
  outline-offset:2px;
}
@supports (color:color-mix(in srgb,#000 10%,transparent)){
  .pmcalc-chip:focus-visible,.pmcalc-step-button:focus-visible,.pmcalc-submit:focus-visible,.pmcalc-mode__button:focus-visible,.pmcalc-info__button:focus-visible{outline-color:color-mix(in srgb,var(--pm-accent) 24%,transparent)}
}

.pmcalc-help{margin:6px 0 0;color:var(--pm-muted);font-size:14px;line-height:1.6}
.pmcalc-stats{display:grid;gap:12px}
.pmcalc-stats--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pmcalc-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pmcalc-stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pmcalc-stat{
  min-width:0;
  border:1px solid var(--pm-border);
  border-radius:14px;
  background:var(--pm-panel);
  padding:14px;
}
.pmcalc-stat>span{display:block;color:var(--pm-muted);font-size:12px}
.pmcalc-stat>strong{display:block;margin-top:4px;font-size:17px;font-weight:850;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pmcalc-stat small{display:block;margin-top:5px;color:var(--pm-muted);font-size:12px;line-height:1.5}
.pmcalc-stat--large>strong{font-size:18px;line-height:1.3}

.pmcalc-info{position:relative;display:inline-flex}
.pmcalc-info__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  padding:0;
  border:1px solid var(--pm-border-strong);
  border-radius:50%;
  background:var(--pm-panel);
  color:var(--pm-muted);
  font-size:11px;
  font-weight:850;
  line-height:1;
}
.pmcalc-info__button:hover{border-color:var(--pm-accent);background:var(--pm-accent-soft);color:var(--pm-accent)}
.pmcalc-info__tip{
  display:none;
  position:absolute;
  z-index:50;
  top:calc(100% + 8px);
  left:50%;
  width:290px;
  max-width:min(290px,calc(100vw - 44px));
  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);
  color:var(--pm-text);
  font-size:12px;
  font-weight:400;
  line-height:1.55;
}
.pmcalc-info[data-open="1"] .pmcalc-info__tip,.pmcalc-info:focus-within .pmcalc-info__tip{display:block}
@media(hover:hover) and (pointer:fine){.pmcalc-info:hover .pmcalc-info__tip{display:block}}

@media(max-width:700px){
  .pmcalc-grid--2,.pmcalc-stats--4{grid-template-columns:1fr 1fr}
  .pmcalc-card{padding:18px}
}
@media(max-width:520px){
  .pmcalc-grid--2,.pmcalc-stats--2,.pmcalc-stats--4{grid-template-columns:1fr}
  .pmcalc-info__tip{left:0;transform:none}
  .pmcalc-card{border-radius:15px;padding:16px}
  .pmcalc-section-title{font-size:18px;margin-bottom:18px}
}
