#results{display:grid;gap:18px;margin-top:24px}
#results:empty{display:none}
.result-card{padding:18px;border:1px solid #dfe7df;border-radius:16px;background:#fff;box-shadow:0 3px 16px #243c2d06;min-width:0}
.result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.result-heading h3{margin:0;font-size:16px;font-weight:700;overflow-wrap:anywhere;min-width:0}
.result-badge{flex-shrink:0;padding:4px 10px;border-radius:20px;background:#e7f5ec;color:#16733d;font-size:11px;font-weight:600}
.result-card .result-images{gap:12px}
.result-card .result-images figure{background:transparent;overflow:hidden;border-radius:0;min-width:0}
.result-card .result-images img{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:12px;background:#f3f6f1}
.result-card .result-images figcaption{padding:7px 0 0;font-size:12px;color:#647267}
.result-image-frame{position:relative}
.result-card .result-image-frame img{display:block}
.result-resolution{position:absolute;right:10px;bottom:10px;padding:4px 9px;border-radius:20px;background:#fffffff2;color:#326549;font-size:11px;font-weight:600;line-height:1.3;box-shadow:0 1px 6px #0002;font-variant-numeric:tabular-nums;pointer-events:none}
@media(max-width:500px){.result-resolution{right:6px;bottom:6px;padding:3px 6px;font-size:10px}}
.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 15px}
.result-stats dt{font-size:11px;color:#69766e;margin-bottom:9px}
.result-stats dd{margin:0;font-size:19px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.result-saving dd{color:#168344}.result-increase dd{color:#aa5c21}
.result-savings-track{height:7px;border-radius:8px;background:#eaf0e8;overflow:hidden}
.result-savings-track span{display:block;height:100%;border-radius:inherit;background:#20944d}
.result-meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:11px;color:#69766e;font-variant-numeric:tabular-nums}
.result-compare{margin-top:16px}
#download{margin-top:18px}
@media(max-width:500px){.result-card{padding:13px;border-radius:12px}.result-heading{gap:8px}.result-heading h3{font-size:14px}.result-card .result-images{grid-template-columns:1fr 1fr;gap:8px}.result-card .result-images img{border-radius:8px}.result-stats{gap:8px}.result-stats dd{font-size:16px}.result-meta{flex-wrap:wrap}}