/*
CHANGE LOG
File: static/css/peo-w2-paperwork.css
Purpose: Width fixes for https://prohrhq.com/peo/who-handles-w2-paperwork/ on top of Truck Stop Light's base
         (static/css/truck-stop-light.css, shared, not changed here).
How it works: loaded only by templates/peo-w2-paperwork.html; everything is scoped to .tsl-page.pw-page.
         Paragraphs and the lead run the full column like the tables and headings (the base caps them at 62ch);
         on phones the base's 32 px side padding is dropped so the column uses the screen.
Version History:
2026-10-31 v1.1 - .pw-body: padding inside each story card (the base story card is built for a picture and an
                  accordion, so text sat against the card border).
2026-10-31 v1.0 - Created (Michael, Playwright check: "the text doesn't take up the width that it should").
*/
.tsl-page.pw-page p, .tsl-page.pw-page .lead{ max-width:none !important; }
.tsl-page.pw-page .pw-body{ padding:20px 26px 8px; }
.tsl-page.pw-page .pw-body > h2{ margin-top:0; }
@media (max-width:760px){
  .tsl-page.pw-page{ padding-left:0; padding-right:0; }
  .tsl-page.pw-page .pw-body{ padding:16px 16px 4px; }
}
