/* Editor shortcode styles.
 * Output of these was previously inlined per-element via PHP echo of style="..."
 * attributes. Moved here so the rules are downloaded once and cached, and the
 * per-element markup only carries the dynamic color via the --ch888-card
 * custom property.
 */

.infocard-container {
    border: 2px solid var(--ch888-card, #0049B6);
    border-radius: 5px;
    background-color: #f9f9f9;
    margin-bottom: 40px;
}

.infocard-header {
    background-color: var(--ch888-card, #0049B6);
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    font-size: 1rem;
}

.infocard-content {
    padding: 20px;
    font-size: 1rem;
}