/* --------------------------------------------------------------
   Replicate the styling of the native WordPress Table block
   (the SCSS you posted, compiled to plain CSS)
-------------------------------------------------------------- */
figure.wp-block-table table {
    /* Remove cell borders */
    border-collapse: collapse;               /* ensures the border‑bottom on <thead> looks clean */
}
figure.wp-block-table table th,
figure.wp-block-table table td {
    border: none;
}

/* Header row */
figure.wp-block-table table thead {
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}
figure.wp-block-table table thead th {
    color: #147c3f;
    font-size: 20px;
    font-family: Acumin, sans-serif;   /* fallback in case Acumin isn’t loaded */
    font-weight: 600;
    font-stretch: condensed;
    text-align: left;
    text-transform: uppercase;
}

/* Optional: give the body rows a tiny vertical rhythm */
figure.wp-block-table table tbody td {
    padding: 0.6rem 0.8rem;   /* matches the spacing we used before */
}

/* If you want a subtle hover effect (purely cosmetic) */
figure.wp-block-table table tbody tr:hover td {
    background-color: rgba(0,0,0,0.02);
}