.tiles{align-items:stretch}
.tile{gap:18px;padding:20px 21px 19px}
.tile-top{align-items:center}
.tile-number{line-height:1.3}
.tile-icon{width:28px;height:28px;flex:none;margin-left:auto;padding:5px;border:1px solid #cce7e3;border-radius:8px;background:#edf8f6;color:#257f79}
.tile-arrow{width:20px;text-align:right;flex:none}
.tile strong{max-width:27ch;line-height:1.25}
.tile small{max-width:39ch;line-height:1.45;margin-top:7px}
.tile:focus-visible,.dashboard-card:focus-visible,.signout:focus-visible,.phone-alerts button:focus-visible{outline:3px solid #176e6b;outline-offset:3px}
.tile:active{transform:translateY(-1px) scale(.99)}
.phone-alerts{border-left:4px solid var(--teal);box-shadow:0 6px 20px rgba(16,44,44,.05)}
.phone-alerts p{line-height:1.45}
.phone-alerts button{flex:none;transition:background-color .18s ease,transform .18s ease}
.phone-alerts button:not(:disabled):hover{background:#176e6b}
.phone-alerts button:not(:disabled):active{transform:scale(.98)}
@media(max-width:560px){.tiles{gap:11px}.tile{min-height:134px;padding:16px 17px;gap:13px}.tile-icon{width:27px;height:27px}.tile strong{font-size:1.16rem}.tile small{font-size:.86rem}.phone-alerts{padding:13px 14px}}
@media(prefers-reduced-motion:reduce){.tile:active,.phone-alerts button:not(:disabled):active{transform:none}.phone-alerts button{transition:none}}