/* Heimdall Studio v0.19.3
   OdoBuddy principles cleanup:
   remove decorative numbering and vertically balance card content. */

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

/* Make every principle card use the same internal layout. */
.detail-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: clamp(250px, 19vw, 310px) !important;
    padding: clamp(2rem, 2.8vw, 2.6rem) !important;
}

/* Old number styles should no longer reserve space if another stylesheet
   still targets the class. */
.detail-card .detail-number {
    display: none !important;
}

/* Keep every title on the same visual baseline. */
.detail-card h3 {
    margin: 0 0 1rem !important;
    min-height: 2.5em !important;
    display: flex !important;
    align-items: flex-end !important;
}

/* Keep body text directly below the title with equal rhythm in every card. */
.detail-card p {
    margin: 0 !important;
    line-height: 1.65 !important;
}

/* On smaller layouts, remove the forced title height because cards stack. */
@media (max-width: 900px) {
    .detail-card {
        min-height: auto !important;
        padding: 2rem !important;
    }

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