/* Time equivalents and a single, browsable recovery milestone. */
.impact-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}
.impact-tabs button{min-height:46px;border-radius:15px;font-size:16px;padding:10px}
.impact-stage{grid-template-rows:auto minmax(0,1fr) auto auto}
.cost-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;color:#d4c2b1;font-size:12px}
.cost-rates>span{display:flex;flex-direction:column;gap:5px;padding:10px 6px;border-top:1px solid #efbd7840;text-align:center}
.cost-rates output{font-size:clamp(13px,1.4vw,20px);color:#ffe0ae;font-weight:600;white-space:nowrap}
.time-equivalents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:10px;margin:14px 0}
.time-equivalents>div{padding:16px 6px;text-align:center;border:1px solid #e9b87c44;border-radius:15px;background:linear-gradient(140deg,#41312c,#23242d);box-shadow:0 5px 0 #111218,0 10px 20px #0003}
.time-equivalents output{display:block;font-size:clamp(18px,2vw,29px);font-weight:600;color:#ffda9d;letter-spacing:-.8px}
.time-equivalents span{display:block;margin-top:7px;font-size:14px;color:#e5d4c0}
#time-visual{gap:8px}.time-mode .time-dial{flex:0 1 auto;min-height:0;max-height:60%;width:auto;aspect-ratio:1}

.impact-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.quit-page-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px;padding:13px 17px;border:1px solid #8bd9ff66;border-radius:16px;background:linear-gradient(110deg,#263c50,#2f2940 65%,#613442);box-shadow:0 4px 0 #10151d,0 7px 22px #67cbff12;font-size:20px;font-weight:600;color:#a4e5ff}.quit-page-link small{display:block;font-size:11px;font-weight:400;color:#c4d1df;margin-top:3px}.quit-page-link b{font-size:26px;font-weight:400;color:#ffa3b1}.quit-page-link:hover{border-color:#c3eeff;box-shadow:0 4px 0 #10151d,0 8px 25px #67cbff26}
@media(min-width:701px){.impact-screen{grid-template-rows:minmax(0,1fr)}.impact-controls{max-height:100%;overflow:auto;scrollbar-width:thin}}
@media(max-width:700px){.impact-screen{padding-top:12px}.impact-controls h1{font-size:28px}.impact-tabs{gap:5px;margin:10px 0}.impact-tabs button{font-size:14px;min-height:42px;padding:8px 4px;border-radius:12px}.quit-page-link{padding:9px 13px;font-size:17px;margin-bottom:12px}.quit-page-link small{display:inline;margin-left:8px;font-size:10px}.cost-rates{gap:4px;margin:5px 0;font-size:11px}.cost-rates>span{padding:7px 2px}.cost-rates output{font-size:12px}.time-equivalents{gap:6px;margin:8px 0}.time-equivalents>div{padding:12px 3px;border-radius:12px}.time-equivalents output{font-size:18px}.time-equivalents span{font-size:12px}.time-mode .time-dial{max-height:55%;height:auto;width:auto}}
@media(max-height:620px){.time-mode .time-dial{display:none}.time-equivalents{grid-template-columns:1fr 1fr}.time-mode .impact-stage{min-height:240px}.time-mode .impact-screen{overflow:auto}}