.home-tile {
    cursor: pointer;
    background-color: #E9EFF8; /* stronger than #F8FAFD */
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

    .home-tile:hover,
    .home-tile:focus-visible {
        background-color: #EDEDED;
        box-shadow: 0 8px 20px rgba(0,0,0,0.10);
        transform: translateY(-2px);
    }

.home-tile-icon .mud-icon-root {
    color: #C2E7FF;
    transition: color 140ms ease;
}

.home-tile:hover .home-tile-icon .mud-icon-root,
.home-tile:focus-visible .home-tile-icon .mud-icon-root {
    color: #00639B;
}