/* Loan Calculator — tool-specific styles. Most styling comes from toolkit.css.
   All selectors scoped under #trp-tool-root / prefixed .trp-loan- so nothing
   collides with Astra / Elementor / other tools. Uses shared tokens. */

#trp-tool-root .trp-loan-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:520px){#trp-tool-root .trp-loan-grid{grid-template-columns:1fr 1fr;}}

#trp-tool-root .trp-loan-termrow{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;}
@media(min-width:520px){#trp-tool-root .trp-loan-termrow{grid-template-columns:2fr 1fr;}}
#trp-tool-root .trp-loan-unit{
  /* inherits .trpk-input; make the native select comfortable */
  appearance:auto;height:100%;min-height:46px;cursor:pointer;
}

#trp-tool-root .trp-loan-actions{margin-top:16px;}

#trp-tool-root .trp-loan-error{
  margin:14px 0 0;padding:11px 14px;border-radius:var(--trp-r-md);
  background:var(--trp-error-bg);color:var(--trp-error);font-size:14px;font-weight:500;
}

#trp-tool-root .trp-loan-result{margin-top:16px;}
#trp-tool-root .trp-loan-headline{
  font-family:var(--trp-font-head);font-weight:700;font-size:clamp(19px,3.5vw,26px);
  line-height:1.25;color:var(--trp-ink);text-align:center;text-wrap:balance;
  background:var(--trp-surface-2);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-lg);padding:20px;
}
#trp-tool-root .trp-loan-stats{margin-top:14px;}
#trp-tool-root .trp-loan-stats .trpk-stats{grid-template-columns:1fr 1fr;}
@media(min-width:680px){#trp-tool-root .trp-loan-stats .trpk-stats{grid-template-columns:repeat(4,1fr);}}
#trp-tool-root .trp-loan-stats .trpk-stat__val{font-size:19px;word-break:break-word;}

/* formulas list in the content section (outside the widget root) */
.trp-loan-formulas{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-loan-formulas li{
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);
}
.trp-loan-formulas li strong{color:var(--trp-ink);}
.trp-loan-formulas code{font-family:var(--trp-font-mono);font-size:.9em;background:var(--trp-accent-soft);color:var(--trp-ink);padding:1px 6px;border-radius:5px;}