/* Cann Legal Group F5_617 — align article hero outer margins with article body box.
   Only horizontal hero width/padding is changed.
   Fonts, text spacing, and photo positions are intentionally untouched.
*/

/*
 * The white .content article box is max-width: 900px.
 * Earlier Blog layout releases added 44px horizontal padding inside .heroin,
 * making the title/summary visually narrower than that white box.
 *
 * Higher selector specificity is intentional so this wins even if an older
 * F5_610 alignment stylesheet is still linked after this stylesheet.
 */
body .hero .heroin {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep the action row on the same 900px outer guide as well. */
body .actions {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 900px !important;
}

/* On phones/tablets we still need a safe edge inset. */
@media (max-width: 760px) {
  body .hero .heroin {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}