.retention-heading{display:flex;justify-content:space-between;gap:1rem}.estimate-badge{align-self:flex-start;padding:.4rem .65rem;color:#7a4b00;background:#fff1c7;border-radius:999px;font-weight:800}.retention-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:.65rem;margin:1.1rem 0}.retention-flow article{padding:1rem;background:#eef7fb;border-radius:.6rem}.retention-flow article>span,.retention-flow article>small{display:block}.retention-flow article>strong{display:block;margin:.4rem 0;color:#164f70;font-size:1.45rem}.retention-flow small{color:#60747d}.retention-flow .retention-unknown{background:#fff8dd}.flow-arrow{align-self:center;color:#176b9c;font-size:1.5rem}.retention-breakdown>div{height:1.1rem;background:#e97824;border-radius:999px;overflow:hidden}.retention-breakdown>div span{display:block;height:100%;background:#269665}.retention-scenario{display:grid;gap:.35rem;margin:1rem 0;padding:1rem;background:#f4eefb;border-left:4px solid #73549b;border-radius:.4rem}.retention-leaks{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0;list-style:none}.retention-leaks li{padding:.65rem;background:#f4f7f8;border-radius:.4rem}.retention-leaks li:before{content:"↗";margin-right:.35rem;color:#a04d0d}@media(max-width:800px){.retention-flow{grid-template-columns:1fr}.flow-arrow{justify-self:center;transform:rotate(90deg)}.retention-leaks{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.retention-heading{display:block}.estimate-badge{display:inline-block;margin-top:.5rem}.retention-leaks{grid-template-columns:1fr}}