.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
.home-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;margin:0;padding:24px;transition:border-color .15s,box-shadow .15s}
.home-card:hover{border-color:#8cb0d6;box-shadow:0 6px 20px #163d6010}
.home-card h2{margin:14px 0 10px;font-size:1.3rem}
.home-card p{color:var(--muted);font-size:.88rem;margin-bottom:24px}
.home-card-action{margin-top:auto;color:var(--blue);font-size:.85rem;font-weight:650}
.home-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.home-section-heading h2{margin:0}.home-section-heading>a{font-size:.85rem}
.home-leave-list{list-style:none;margin:0 0 20px;padding:0}
.home-leave-list li+li{border-top:1px solid var(--line)}
.home-leave-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;text-decoration:none}
.home-leave-list a:hover strong{text-decoration:underline}
.home-leave-list div>span{display:block;color:var(--muted);font-size:.85rem;margin-top:6px}
@media(max-width:700px){.home-cards{grid-template-columns:1fr;gap:14px}.home-card{padding:22px}.home-card p{margin-bottom:16px}.home-upcoming>.button{width:100%}.home-leave-list a{align-items:flex-start}.home-leave-list strong{font-size:.95rem}}