/* ============================================
   Freedom4um - Article Block Styles
   Version: 2025-10-22c
   ============================================ */

/* Hover style for article links under the header block */
.generated-article-block-1 .article-actions .article-link:hover {
    text-align: right;
    margin-top: 1em;
    font-weight: bold !important;
    text-decoration: underline;
    color: var(--nav-bg);
}

/* ===== Title (now outside the table) ===== */
.article-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2em;
    text-align: left !important;
    color: var(--text-color);
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

/* Optional subtle divider under the header block */
.article-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    margin-bottom: 8px;
}

/* ===== Metadata Table ===== */
.article-header-table {
    border-collapse: collapse;
    width: auto;                 /* ✅ hug content; no full-width stretch */
    table-layout: fixed;         /* column widths follow <colgroup> */
    margin-top: 4px;
}

/* Cells */
.article-header-table td {
    padding: 3px 4px;
    vertical-align: top;
}

/* First column: labels — narrow & black */
.article-header-table td:first-child {
    white-space: nowrap;
    font-weight: bold;
    color: #000;                 /* labels are black */
    text-align: left;
    /* width is enforced by <colgroup>; keep gap small */
    padding-right: 6px;
}

/* Second column: values — left aligned, wraps if needed */
.article-header-table td:nth-child(2) {
    text-align: left;
    color: var(--text-color);
    padding-left: 0;
}

/* Compact vertical rhythm */
.article-header-table tr {
    line-height: 1.2em;
}

/* Make long URLs wrap instead of stretching layout */
.article-header-table a {
    word-break: break-all;
    color: var(--link-color);
    text-decoration: none;
}
.article-header-table a:hover {
    color: var(--nav-bg);
    text-decoration: underline;
}

/* Title word wrapping for legacy selectors still in templates */
.article-title h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    margin: 0;
}