.elementor-1020712 .elementor-element.elementor-element-3ec1b5b .elementor-toc__header-title{text-align:start;}.elementor-1020712 .elementor-element.elementor-element-3ec1b5b .elementor-toc__header{flex-direction:row;}.elementor-1020712 .elementor-element.elementor-element-3ec1b5b{--item-text-hover-decoration:underline;}.elementor-1020712 .elementor-element.elementor-element-16874b9{--spacer-size:50px;}.elementor-1020712 .elementor-element.elementor-element-90f6052{--spacer-size:50px;}.elementor-1020712 .elementor-element.elementor-element-89912f4 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1020712 .elementor-element.elementor-element-9de62a2 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1020712 .elementor-element.elementor-element-5d5fe85{--spacer-size:50px;}.elementor-1020712 .elementor-element.elementor-element-dd35627 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1020712 .elementor-element.elementor-element-f7161da{--spacer-size:50px;}.elementor-1020712 .elementor-element.elementor-element-36a3a44{--spacer-size:50px;}.elementor-1020712 .elementor-element.elementor-element-cc944e2{--spacer-size:50px;}.elementor-1020712 .elementor-element.elementor-element-e748db3{--spacer-size:50px;}/* Start custom CSS */.results {
margin-top: 22px;
padding: 20px;
border: 1px solid #e5e7eb;
border-radius: 16px;
background: #f8fafc;
outline: 0;
}
.headline {
margin: 0 0 8px;
font-weight: 800;
font-size: clamp(20px, 2.4vw, 28px);
line-height: 1.15;
}
.stats { display: grid; gap: 12px; }
.stat {
display: grid;
grid-template-columns: 120px 1fr; /* wider number column to prevent label wraps /
align-items: baseline; / fixes the baseline misalignment /
gap: 12px;
}
.pct {
font-size: clamp(36px, 5vw, 44px);
font-weight: 800;
line-height: 1;
letter-spacing: -0.5px;
color: #0f172a;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.stat > div:nth-child(2) {
line-height: 1.25;
font-weight: 600; / slightly lighter than the headline /
color: #334155;
}
.save-row {
display: grid;
grid-template-columns: 120px 1fr;
gap: 12px;
align-items: center;
margin-top: 14px;
padding: 14px 12px;
border-radius: 12px;
background: #ecfdf5; / subtle green tint /
border: 1px solid #bbf7d0; / keep contrast */
}
.save-amount {
font-size: clamp(34px, 4.8vw, 40px);
font-weight: 800;
color: #0f172a;
white-space: nowrap;
}
.muted { color: #64748b; font-size: 13px; }
#urlOut { margin: 0 0 10px; color: #64748b; }
@media (max-width: 600px) {
.stat, .save-row { grid-template-columns: 96px 1fr; }
.pct, .save-amount { font-size: 32px; }
}

Optional: simple bars beneath each line (requires 1 tiny markup addition per line)
Add this to your CSS:
.bar { height: 8px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-top: 6px; }
.bar > span { display: block; height: 100%; background: #334155; border-radius: inherit; width: 0; transition: width 500ms ease; }


/* Pin a fixed number column for all rows /
.results .stat {
display: flex; / keep your existing flex /
align-items: flex-start; / better vertical feel /
gap: 12px;
}
.results .stat .pct {
flex: 0 0 120px; / FIX: reserve 120px for numbers /
max-width: 120px;
white-space: nowrap; / keep big numbers on one line */
font-variant-numeric: tabular-nums;
}

/* Savings row: give it its own look and prevent awkward wrapping /
#dollarRow {
margin-top: 14px;
padding: 14px 12px;
border: 1px solid #bbf7d0;
background: #ecfdf5;
border-radius: 12px;
align-items: center;
}
#dollarRow #saveDollar {
font-size: clamp(34px, 4.8vw, 40px);
font-weight: 800;
white-space: nowrap; / keep $ on one line /
}
#dollarRow strong {
display: block; / put “Estimated annual savings” on its own line */
margin-bottom: 2px;
}

/* Tweak for narrow screens */
@media (max-width: 600px) {
.results .stat .pct { flex-basis: 96px; max-width: 96px; }
}/* End custom CSS */