/* site-r3.v1.css: 320 px fixes (SITE-R3, SSL-D1035).
   1. Homepage hero mockup: the deductions and the "Review payroll" button wrap onto two lines on narrow phones instead of the button running off the card.
   2. Resource article tables scroll sideways inside their own wrapper; the page itself never scrolls sideways. */
@media (max-width: 400px) {
    .hero-panel-foot { flex-wrap: wrap; }
}
body.article .article-body .table-scroll {
    position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch;
    max-width: 100%; padding-bottom: 4px;
}
body.article .article-body .table-scroll > table { min-width: 32rem; }
@media (min-width: 640px) {
    body.article .article-body .table-scroll { overflow-x: visible; padding-bottom: 0; }
    body.article .article-body .table-scroll > table { min-width: 0; }
}