/**
 * BIO FILAMENT — homepage card styling.
 *
 * The homepage markup uses .ext-card on nine groups (the filament-type cards
 * and the feature cards), but no stylesheet in the theme defines that class —
 * verified: zero matching rules in the theme files or the rendered page. The
 * cards therefore render as plain stacked divs, which is a large part of why
 * the page reads as unstyled.
 *
 * This gives them the same surface treatment used elsewhere on the site: a
 * white panel on the #F6F8FD page ground, hairline border, generous padding.
 */

.ext-card {
    background: #fff;
    border: 1px solid #E3EAE7;
    border-radius: 14px;
    padding: clamp(1.1rem, 2.5vw, 1.5rem);
    height: 100%;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.ext-card:hover {
    border-color: #1B6B47;
    box-shadow: 0 8px 24px rgba(31, 41, 38, .08);
    transform: translateY(-2px);
}

/* The first heading in a card is the filament code (PLA, PETG…) — give it
   brand colour so the card has a clear anchor. */
.ext-card :is(h2, h3, h4) {
    margin: 0 0 .5rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: #1B6B47;
    letter-spacing: -.01em;
}
.ext-card p {
    margin: 0;
    font-size: .875rem;
    line-height: 1.85;
    color: #5C6B66;
}

/* Equal-height cards across a columns row. Targeting the column that
   directly contains a card avoids :has(), which older browsers ignore. */
.wp-block-column > .ext-card { display: block; height: 100%; }
.wp-block-columns { align-items: stretch; }