/* ==========================================================================
   STRUCTR — property-management.css  (PM hub + sub-verticals)
   ========================================================================== */

/* 3 + 2 service card layout on desktop */
.pm-services-grid {
    display: grid;
    grid-template-columns: 1fr; /* 1 column on mobile */
    gap: 20px;
}

@media (min-width: 768px) {
    .pm-services-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } /* 2 columns at tablet */
}

@media (min-width: 1200px) {
    .pm-services-grid { grid-template-columns: repeat(6, 1fr); } /* 3 + 2 centered */
    .pm-services-grid > .structr-card { grid-column: span 2; }
    .pm-services-grid > .structr-card:nth-child(4) { grid-column: 2 / span 2; }
    .pm-services-grid > .structr-card:nth-child(5) { grid-column: 4 / span 2; }
}

.pm-related {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pm-related a {
    border: 1px solid #B6A690;
    border-radius: 2px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
}

.pm-related a:hover {
    background: #904028;
    color: #ffffff;
    border-color: #904028;
}

.pm-who {
    max-width: 760px;
}