/* Basic, clean grid for Departments */
.mtd-search{margin:1rem 0;display:flex;gap:.5rem}
.mtd-search input{flex:1;padding:.6rem;border:1px solid #ddd;border-radius:.5rem}
.mtd-search button{padding:.6rem 1rem;border:1px solid #ddd;border-radius:.5rem;cursor:pointer;background:#f7f7f7}

.mtd-grid{display:grid;gap:1rem}
.mtd-grid.mtd-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mtd-grid.mtd-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mtd-grid.mtd-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 900px){.mtd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.mtd-grid{grid-template-columns:1fr}}

.mtd-card{display:flex;flex-direction:column;border:1px solid #eee;border-radius:12px;overflow:hidden;text-decoration:none;background:#fff;transition:transform .12s ease, box-shadow .12s ease}
.mtd-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.mtd-card-media img{width:100%;height:220px;object-fit:cover;display:block}
.mtd-card-body{padding:1rem}
.mtd-card-title{margin:.25rem 0 .5rem 0;font-size:1.1rem}
.mtd-card-text{margin:0;color:#555}

.mtd-single .mtd-hero img{width:100%;height:auto;border-radius:12px}
.mtd-single .mtd-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}
.mtd-single .mtd-intro{margin:1rem 0}


/* Footer */
.mtd-footer{margin-top:2rem;border-top:1px solid #eee;background:#fafafa}
.mtd-footer-top{display:grid;gap:1rem;grid-template-columns:2fr 2fr 2fr 1fr;padding:2rem 1rem}
@media (max-width: 900px){.mtd-footer-top{grid-template-columns:1fr 1fr}}
@media (max-width: 600px){.mtd-footer-top{grid-template-columns:1fr}}
.mtd-footer-brand{font-weight:700;font-size:1.2rem}
.mtd-footer-contact>div{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}
.mtd-footer-links .mtd-menu{list-style:none;padding:0;margin:0}
.mtd-footer-links .mtd-menu li{margin:.25rem 0}
.mtd-footer-links a{text-decoration:none}
.mtd-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;margin-right:.5rem}
.mtd-icon svg{width:1em;height:1em;display:inline-block;vertical-align:middle}
.mtd-footer-bottom{padding:1rem;border-top:1px solid #eee;font-size:.9rem;color:#555;text-align:center}