/* SCARS Institute Scam Cost Calculator. Full width of its column; the theme's fonts. */
.prscamcost { width: 100%; box-sizing: border-box; --prscamcost: #1f3a5f; }
.prscamcost-accent { height: 6px; border-radius: 6px 6px 0 0; margin-bottom: 14px; }
.prscamcost-title { margin: 0 0 8px !important; color: var(--prscamcost) !important; }
.prscamcost-intro { margin: 0 0 18px; }
.prscamcost-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; }
.prscamcost-block { border: 1px solid rgba(0,0,0,.14); border-radius: 10px; padding: 14px 18px 8px; margin: 0; min-width: 0; }
.prscamcost-block legend { font-weight: 700; padding: 0 6px; color: var(--prscamcost); font-size: 1.05em; }
.prscamcost-field { margin: 0 0 12px; }
.prscamcost-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.prscamcost .prscamcost-in { width: 100%; box-sizing: border-box; font: inherit; font-size: 17px !important; padding: 9px 12px !important; border: 1px solid rgba(0,0,0,.3) !important; border-radius: 6px !important; background: #fff; color: #111; }
/* The theme gives fields and dropdowns a fixed height that clips their text; these can't be overridden. */
.prscamcost select.prscamcost-in, .prscamcost input.prscamcost-in { height: auto !important; min-height: 44px !important; line-height: normal !important; }
.prscamcost .prscamcost-short { width: 110px; display: inline-block; }
.prscamcost-unit { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.prscamcost-help { font-size: .9em; opacity: .8; margin: 4px 0 10px; }
.prscamcost-loan { border-top: 1px dashed rgba(0,0,0,.15); padding-top: 10px; margin-top: 4px; }
.prscamcost-loan:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.prscamcost-link { background: none !important; border: 0 !important; color: var(--prscamcost) !important; font: inherit; font-weight: 600; padding: 4px 0 12px !important; cursor: pointer; text-decoration: underline; min-height: 0 !important; box-shadow: none !important; }
.prscamcost-go { margin: 20px 0 8px; }
.prscamcost-btn { display: inline-block; background: var(--prscamcost) !important; color: #fff !important; border: 2px solid var(--prscamcost) !important; border-radius: 8px !important; padding: 12px 24px !important; font: inherit; font-weight: 700 !important; cursor: pointer; text-decoration: none !important; min-height: 48px; height: auto !important; line-height: 1.3 !important; margin: 0 10px 10px 0; }
.prscamcost-btn.prscamcost-ghost { background: #fff !important; color: var(--prscamcost) !important; }
.prscamcost-msg { font-weight: 600; color: #a00; min-height: 1em; }
.prscamcost-headline { border-left: 6px solid var(--prscamcost); background: rgba(0,0,0,.035); padding: 16px 20px; border-radius: 0 10px 10px 0; margin: 18px 0; }
.prscamcost-big { font-size: 1.35em; font-weight: 700; line-height: 1.35; margin: 0 0 10px; }
.prscamcost-never { font-size: 1.2em; font-weight: 800; color: var(--prscamcost); margin: 0 0 6px; }
.prscamcost-headline p:last-child { margin-bottom: 0; }
.prscamcost-totals { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 0 0 10px; }
.prscamcost-total { border: 1px solid rgba(0,0,0,.14); border-radius: 10px; padding: 14px 16px; }
.prscamcost-total span { display: block; font-size: .9em; opacity: .8; }
.prscamcost-total strong { display: block; font-size: 1.6em; line-height: 1.2; margin-top: 4px; }
.prscamcost-total.is-all { background: var(--prscamcost); color: #fff; border-color: var(--prscamcost); }
.prscamcost-per { font-weight: 600; margin: 4px 0 20px; }
.prscamcost-results h3 { color: var(--prscamcost) !important; margin: 22px 0 8px !important; }
.prscamcost-line { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.prscamcost-line-top { display: flex; justify-content: space-between; gap: 16px; font-weight: 600; }
.prscamcost-line-val { white-space: nowrap; }
.prscamcost-bar { height: 10px; background: rgba(0,0,0,.07); border-radius: 6px; overflow: hidden; margin: 6px 0 2px; }
.prscamcost-bar span { display: block; height: 100%; background: var(--prscamcost); border-radius: 6px; }
.prscamcost-note { font-size: .9em; opacity: .85; border-top: 1px solid rgba(0,0,0,.1); padding-top: 12px; margin-top: 16px; }
.prscamcost-acts { margin-top: 16px; }
@media print {
	.prscamcost-form, .prscamcost-go, .prscamcost-acts, .prscamcost-intro { display: none !important; }
	.prscamcost-total.is-all { color: #000; background: none; border: 2px solid #000; }
}
/* The bar chart from the Charts plugin, when it's active; it replaces the small bars beside each line. */
.prscamcost-chartwrap { margin: 18px 0 6px; }
.prscamcost-has-chart .prscamcost-bar { display: none; }
@media print { .prscamcost-chartwrap svg { max-width: 100%; } }
/* The three choices below the results. */
.prscamcost-choices { border: 2px solid var(--prscamcost); border-radius: 12px; padding: 6px 20px 16px; margin: 24px 0; }
.prscamcost-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 600; margin: 12px 0 6px; cursor: pointer; }
.prscamcost-check input { width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; accent-color: var(--prscamcost); }
.prscamcost-sub { margin: 0 0 8px 30px; }
.prscamcost textarea.prscamcost-in { height: auto !important; min-height: 80px !important; }
.prscamcost-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
@media print { .prscamcost-choices { display: none !important; } }
.prscamcost-msg.is-ok { color: var(--prscamcost); }