/* Quietwork 2026-10-28: left-aligned body copy
   Owen asked for article and long-form body copy to read left-aligned on phone and desktop.
   Cause: template.css, inside @media (max-width: 769px), sets
     DIV.main DIV.item-page { text-align: center; }
   so on phones every article and content page centred its paragraphs, lists, headings and FAQ.
   On desktop the same pages were already left-aligned, so this only corrects the phone layout.
   Loaded last (after custom-281.css) so it wins at equal or higher specificity.
   Deliberately left centred: the testimonials page (alternating quote panels) and the contact
   page (icon + details block), which are designed centred at every width, plus the hero
   banner, homepage rows, card grids, footer and nav, none of which sit inside .item-page. */
@media (max-width: 769px) {
   DIV.main DIV.item-page:not(.testimonials):not(.contacts) {
      text-align: left;
   }
}

/* Quietwork 2026-10-28: side gutter on full-width #secondrow panels (phones)
   Owen: the homepage "Printing excellence" panel ran its text edge to edge on phones.
   Cause: template.css (@media max-width 769px) sets #secondrow .container { width: 100% }
   and #secondrow .moduletable has padding 30px 0, so nothing in the chain has side padding.
   Gives it the same 20px gutter as the content column. The same row on Sign printing
   (sign-material list) had the same 0px edge and gets it too. Text alignment unchanged
   (homepage panel stays centred). Desktop untouched. */
@media (max-width: 769px) {
   #secondrow > DIV.row.container {
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
   }
}