/* Shared typography for editable news and event bodies, including imported HTML. */
.post-content {
    font-family: Arial, sans-serif;
    overflow-wrap: anywhere;
}
.post-content img { height: auto; }
.post-content iframe { max-width: 100%; }
.post-content table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    background: #fff;
    color: #233e50;
    font-size: 14px;
    line-height: 1.55;
}
.post-content th,
.post-content td {
    border: 1px solid #c8dcdf;
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
}
.post-content th {
    background: #e3f2f3;
    color: #193c55;
    font-weight: 700;
}
.post-content tbody tr:nth-child(even) { background: #f5fafb; }
.post-content td p,
.post-content th p { margin: 0 0 8px; }
.post-content td p:last-child,
.post-content th p:last-child { margin-bottom: 0; }
.article-table-scroll { margin: 24px 0; overflow-x: auto; }
.article-table-scroll:focus-visible { outline: 2px solid #087e79; outline-offset: 3px; }
.article-table-hint { color: #526b73; font: 13px/1.5 Arial, sans-serif; margin: 0 0 8px; }
@media (max-width: 640px) {
    .post-content th, .post-content td { padding: 10px 12px; }
    .article-table-scroll table { min-width: 680px; }
}