/* ── Tool Cards (Link-only cards at the top) ──────────────── */
.tool-card {
    width: 300px;      /* Standard width for the top link cards */
    max-width: 100%;
}

/* ── Iframe Wrappers (Cards containing tools) ─────────────── */
.iframe-card-wrapper {
    width: 100%;
    max-width: 450px;  /* Wider than link cards to fit tool UIs */
}

/* ── Iframe Styling ───────────────────────────────────────── */
.iframe-card-wrapper iframe {
    width: 100%;
    height: auto;
    min-height: 500px; /* Minimum start height */
    border: none;
}

/* ── Mobile Overrides ─────────────────────────────────────── */
@media (max-width: 600px) {
    .tool-card {
        width: 100%;
    }
}