.pp-table-tools { display: grid; gap: 8px; margin-block: 24px 12px; }
.pp-table-tools input { width: 100%; min-height: 44px; padding: 10px; border: 1px solid currentColor; background: var(--pp-paper, #fff); color: inherit; font: inherit; }
.pp-table-tools output { font-size: .875rem; }
[data-pp-table] th button { font: inherit; color: inherit; background: transparent; border: 0; padding: 8px 0; text-align: start; cursor: pointer; }
[data-pp-table] th[aria-sort="ascending"] button::after { content: " ↑"; }
[data-pp-table] th[aria-sort="descending"] button::after { content: " ↓"; }
.pp-table-tools input:focus-visible, [data-pp-table] th button:focus-visible { outline: 3px solid var(--pp-screen-blue, #5067e6); outline-offset: 3px; }
[data-pp-table] tr[hidden] { display: none; }
figure:has(> [data-pp-source-table]) { margin-inline: 0; max-width: 100%; overflow-x: auto; }
[data-pp-source-table] { border-collapse: collapse; width: 100%; font-size: 1rem; }
[data-pp-source-table] th, [data-pp-source-table] td { padding: 12px; border-bottom: 1px solid var(--pp-biscuit, #decfbf); text-align: left; vertical-align: top; word-break: normal; overflow-wrap: normal; }
[data-pp-source-table] th { background: var(--pp-paper, #fff); }
[data-pp-table] { min-width: 850px; }
[data-pp-table] th { min-width: 120px; }
[data-pp-table] th:first-child { min-width: 170px; }
[data-pp-table] th:last-child { min-width: 260px; }
.pp-table-scroll-hint { display: none; font-size: .875rem; margin: 0; }
@media (max-width: 767px) { .pp-table-scroll-hint { display: block; } }