
/* P2-002: normal-size image credits use the existing accessible muted colour. */
.image-credit{color:var(--muted)}

/* P2-001: keep each original semantic table and its horizontal scroll region.
   The label, column position and controls stay with the table while reading.
   Edge borders indicate hidden columns without painting over cell content. */
.table-reader{position:relative;min-width:0;max-width:100%;margin:24px 0 28px}
.table-reader .table-scroll{margin:0}
.table-reader-tools{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:#fff;border:1px solid var(--strong);border-bottom:0;border-radius:4px 4px 0 0}
.table-reader-label{display:block;font-size:13px;line-height:1.5;font-weight:500;color:var(--ink)}
.table-reader-position{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.table-reader-controls{display:flex;gap:4px}
.table-reader-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid var(--strong);border-radius:3px;background:#fff;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.table-reader-button:hover:enabled{background:var(--soft);border-color:var(--muted)}
.table-reader-button:disabled{color:#aaa;background:#f7f7f7;cursor:default}
.table-reader[data-overflow="true"] .table-scroll{border-radius:0 0 4px 4px}
.table-reader[data-more-left="true"] .table-scroll{border-left-color:var(--muted)}
.table-reader[data-more-right="true"] .table-scroll{border-right-color:var(--muted)}
.table-reader[data-overflow="false"] .table-reader-tools{display:none}
@media(max-width:650px){.table-reader{margin:21px 0 26px}}
@media print{.table-reader-tools{display:none!important}.table-reader{margin:24px 0 28px}.table-reader .table-scroll{border-color:var(--strong);border-radius:4px}}

