/**
 * PostBuilder — Frontend table styles.
 *
 * Targets <table class="pb-table"> generated by Claude inside PostBuilder
 * articles. Designed to look clean on virtually any theme, with a strong
 * navy header bar, subtle row separators and a horizontal scroll on
 * small viewports.
 *
 * Loaded only on singular posts that carry the `_postbuilder_tokens`
 * meta, so it never bloats unrelated pages.
 */

.pb-table-wrap{
    width:100%;
    margin:1.6em 0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

table.pb-table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    font-size:.95em;
    line-height:1.45;
    background:#fff;
    box-shadow:0 1px 0 rgba(0,0,0,.04);
}

table.pb-table thead th{
    background:#1f2a44;          /* dark navy */
    color:#fff;
    text-align:left;
    font-weight:600;
    font-size:.85em;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:14px 18px;
    border-bottom:3px solid #c89b2c;  /* gold accent */
    vertical-align:middle;
}

table.pb-table tbody td{
    padding:14px 18px;
    border-bottom:1px solid #ececec;
    color:#333;
    vertical-align:top;
}

table.pb-table tbody tr:last-child td{
    border-bottom:none;
}

/* First-column emphasis (the criterion / label column) */
table.pb-table tbody td:first-child{
    font-weight:600;
    color:#1f2a44;
}

/* Subtle zebra for readability without looking heavy */
table.pb-table tbody tr:nth-child(even) td{
    background:#fafafa;
}

table.pb-table tbody tr:hover td{
    background:#f4f6fb;
}

/* Mobile — keep things readable by shrinking padding a touch */
@media (max-width: 640px){
    table.pb-table{ font-size:.9em; }
    table.pb-table thead th,
    table.pb-table tbody td{ padding:10px 12px; }
}