/* Relaunch-only fixes, loaded after the archived Sampler theme stylesheet.
   The original global styles gave <body> 200px side padding at every width, and the header was a single
   no-wrap row (logo + title + category buttons), so the archived site ran off phone and tablet screens.
   Desktop (over 1100px wide) keeps the original layout exactly. */
@media (max-width: 1100px) {
  body { padding-left: 4vw !important; padding-right: 4vw !important; }
}
@media (max-width: 781px) {
  header.wp-block-template-part .wp-block-group.is-nowrap { flex-wrap: wrap !important; }
  header.wp-block-template-part .wp-block-buttons { flex-wrap: wrap; }
  header.wp-block-template-part > .wp-block-group { padding-left: 0 !important; padding-right: 0 !important; }
  .alignfull, .alignwide { margin-left: 0 !important; margin-right: 0 !important; }
  img, video, iframe { max-width: 100%; height: auto; }
  table { display: block; max-width: 100%; overflow-x: auto; }
  pre, code { white-space: pre-wrap; overflow-wrap: anywhere; }
  .wp-block-post-content, .entry-content { overflow-wrap: break-word; }
  .wp-block-query-title, .wp-block-post-title { font-size: clamp(1.6rem, 9vw, 2.5rem) !important; overflow-wrap: break-word; }
}