/* Heimdall Studio v0.19.8
   About principles cleanup:
   remove decorative numbering and rebalance card content. */

.about-principles-grid {
    align-items: stretch !important;
}

.about-principle-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: clamp(230px, 17vw, 285px) !important;
    padding: clamp(2rem, 2.8vw, 2.6rem) !important;
}

/* Defensive fallback in case an older stylesheet still reserves number space. */
.about-principle-number {
    display: none !important;
}

/* Keep titles visually aligned across all four cards. */
.about-principle-card h3 {
    margin: 0 0 1rem !important;
    min-height: 2.6em !important;
    display: flex !important;
    align-items: flex-end !important;
}

/* Keep body copy tight beneath the heading. */
.about-principle-card p {
    margin: 0 !important;
    line-height: 1.65 !important;
}

/* Slightly tighten the grid so the cards connect more naturally to the section. */
.about-principles-grid {
    gap: clamp(1.1rem, 1.8vw, 1.5rem) !important;
}

@media (max-width: 900px) {
    .about-principle-card {
        min-height: auto !important;
        padding: 2rem !important;
    }

    .about-principle-card h3 {
        min-height: 0 !important;
        align-items: initial !important;
    }
}