/* Keep the overview readable on narrow screens without a clipped table. */
@media (max-width: 540px) {
    .ai-guide__overview-table-wrap { overflow: visible; border: 0; }
    .ai-guide__overview-table, .ai-guide__overview-table tbody { display: block; width: 100%; min-width: 0; }
    .ai-guide__overview-table thead { display: none; }
    .ai-guide__overview-table tr { display: grid; grid-template-columns: 28px minmax(0, 1fr) 26px; grid-template-areas: "number date action" "number title action" "number time action"; align-items: center; column-gap: 9px; padding: 9px 6px; border-bottom: 1px solid #edf0ee; }
    .ai-guide__overview-table tr:last-child { border-bottom: 0; }
    .ai-guide__overview-table td { display: block; width: auto !important; min-width: 0; padding: 0 !important; border: 0; white-space: normal !important; }
    .ai-guide__overview-table td:first-child { grid-area: number; }
    .ai-guide__overview-table td:nth-child(2) { grid-area: date; font-size: 10px; }
    .ai-guide__overview-table td:nth-child(3) { grid-area: title; overflow-wrap: anywhere; }
    .ai-guide__overview-table td:nth-child(4) { grid-area: time; font-size: 10px; }
    .ai-guide__overview-table td:last-child { grid-area: action; }
}