
.impact-lab{margin:56px 0;padding:28px;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:7px 7px 0 var(--ink);min-width:0}.impact-lab h2{margin:10px 0 18px!important}.impact-lab p{font-size:15px;line-height:1.7}.impact-kicker{font:800 10px/1.6 'Open Sans',sans-serif!important;letter-spacing:.1em}.impact-badge{display:inline-block;padding:6px 11px;background:var(--lime);border:2px solid var(--ink);border-radius:10px;font-size:11px;font-weight:800;margin-bottom:22px}.impact-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.impact-stats>div{border:3px solid var(--ink);border-radius:18px;padding:17px;background:white;box-shadow:3px 3px 0 var(--ink)}.impact-stats span,.impact-stats small{display:block;font:600 11px/1.6 'Open Sans',sans-serif}.impact-stats strong{display:block;font:400 44px/1.2 'Lilita One',Impact,sans-serif;font-variant-numeric:tabular-nums;margin:8px 0}.impact-stats .impact-result{grid-column:1/-1;background:var(--mint)}.impact-result strong small{font:400 22px 'Lilita One',Impact,sans-serif;display:inline}.impact-controls:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.impact-controls label{display:flex;flex-direction:column;font-size:13px;line-height:1.6;gap:8px;min-width:0;font-weight:700}.impact-controls output{font-weight:800}.impact-controls input{display:block;accent-color:var(--ink);width:100%;min-height:30px;margin:0;cursor:ew-resize}.impact-reset{align-self:end;justify-self:start;border:3px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);background:var(--lime);padding:12px 14px;font:400 17px 'Lilita One',Impact,sans-serif;cursor:pointer;transition:transform 160ms ease-out,box-shadow 160ms ease-out}.impact-reset:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.impact-reset:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.impact-snacks{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px;margin:22px 0}.impact-snack{display:block;min-width:0;height:34px;border:2px solid var(--ink);border-radius:10px;background:#fff;box-shadow:3px 3px 0 var(--ink);font:700 10px 'Open Sans',sans-serif;cursor:help;transition:background 170ms ease-out,transform 170ms ease-out,box-shadow 170ms ease-out}.impact-snack[data-selected=true]{background:var(--lime)}.impact-snack:hover,.impact-snack:focus-visible{background:var(--mint);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.impact-tip{min-height:54px;font-size:13px;line-height:1.7;padding:12px 14px;background:white;border:2px solid var(--ink);border-radius:12px}.impact-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px!important;margin:16px 0!important}.impact-legend span{display:flex;align-items:center;gap:7px}.impact-legend i{display:inline-block;width:13px;height:13px;border:2px solid var(--ink);background:var(--lime);border-radius:3px}.impact-legend span:last-child i{background:white}.impact-equation{font-size:13px!important;font-weight:700;border-block:2px solid var(--ink);padding:16px 0;font-variant-numeric:tabular-nums}.impact-method{font-size:12px!important}.impact-method a{text-decoration:underline;text-underline-offset:3px}.impact-lab :focus-visible{outline:3px solid var(--ink);outline-offset:4px}.impact-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:620px){.impact-lab{padding:20px 15px;box-shadow:4px 4px 0 var(--ink)}.impact-stats{gap:10px}.impact-stats>div{padding:12px}.impact-stats strong{font-size:36px}.impact-controls:not([hidden]){grid-template-columns:1fr;gap:18px}.impact-snacks{gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))}.impact-snack{height:36px;font-size:11px}.impact-equation{overflow-wrap:anywhere}.impact-tip{min-height:78px}}
@media(prefers-reduced-motion:reduce){.impact-lab *{transition:none!important;animation:none!important}}
.impact-controls select{width:100%;min-width:0;font:600 13px/1.5 'Open Sans',sans-serif;background:white;border:3px solid var(--ink);border-radius:10px;padding:11px 8px;color:var(--ink)}.impact-fixed{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;line-height:1.6}.impact-fixed strong{font:400 23px/1.3 'Lilita One',Impact,sans-serif}.impact-fixed small{font-size:11px}.impact-result strong small[hidden]{display:none}

.impact-methodology{margin-top:22px;border-top:2px solid var(--ink);padding-top:18px}.impact-methodology summary{font:400 19px/1.3 'Lilita One',Impact,sans-serif;cursor:pointer}.impact-methodology[open] summary{margin-bottom:16px}.impact-methodology summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}

.impact-snack:active{transform:translate(3px,3px);box-shadow:none}
