.dynamic-content {
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 1.6;
    background: transparent !important;
}

.dynamic-content > p {
    background: transparent !important;
}

/* ── Border wrapper — use when card has no visible border ───────────────────── */
.dynamic-content-box {
    /*border: 1px solid #d0d0d0;*/
    border-radius: 4px;
    padding: 16px 20px;
    margin-bottom: 16px;
    background: transparent;
}

/* ── Tables ──────────────────────────────────────────────────────────────────── */
.dynamic-content table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    table-layout: auto;
}

.dynamic-content table table {
    width: 100% !important;
    max-width: 100% !important;
}

/* ── Cells ───────────────────────────────────────────────────────────────────── */
.dynamic-content td,
.dynamic-content th {
    background: transparent !important;
    word-break: break-word;
    vertical-align: top;
}

/* ── Rows ────────────────────────────────────────────────────────────────────── */
.dynamic-content tr {
    background: transparent !important;
}

/* ── Divs ────────────────────────────────────────────────────────────────────── */
.dynamic-content div {
    background: transparent !important;
    max-width: 100%;
}

/* ── Paragraphs ──────────────────────────────────────────────────────────────── */
.dynamic-content p {
    margin-top: 4px;
    margin-bottom: 6px;
    line-height: 1.6;
}

/* ── Images ──────────────────────────────────────────────────────────────────── */
.dynamic-content img {
    max-width: 100%;
    height: auto;
}

/* Keep small arrow/icon images at original size */
.dynamic-content img[width="6"],
.dynamic-content img[width="10"],
.dynamic-content img[width="16"] {
    width: auto;
    height: auto;
    max-width: none;
    vertical-align: middle;
}

/* ── Links ───────────────────────────────────────────────────────────────────── */
.dynamic-content a {
    color: #0000FF;
    text-decoration: underline;
}

.dynamic-content a:hover {
    color: #0000CC;
}

/* ── Legacy center tag ───────────────────────────────────────────────────────── */
.dynamic-content center {
    display: block;
}

/* ── Table borders ───────────────────────────────────────────────────────────── */
.dynamic-content table[border="1"] td,
.dynamic-content table[border="1"] th {
    border: 1px solid #ccc;
}

.dynamic-content table[border="2"] td,
.dynamic-content table[border="2"] th {
    border: 2px solid #c0c0c0;
}

/* ── Remove hardcoded px widths ──────────────────────────────────────────────── */
.dynamic-content [width] {
    width: auto !important;
    max-width: 100% !important;
}

/* ── Strip all CKEditor background colors ────────────────────────────────────── */
.dynamic-content [style*="background-color: rgba(0, 0, 0, 0.05)"],
.dynamic-content [style*="background-color: rgb(249, 249, 249)"],
.dynamic-content [style*="background-color: rgb(255, 255, 255)"],
.dynamic-content [style*="background-color: transparent"],
.dynamic-content [style*="background-color: rgb(239, 239, 239)"],
.dynamic-content [bgcolor] {
    background-color: transparent !important;
}