/* News + Events page styles.

   Loaded through {% block page_css %}, so it lands AFTER plu.css. Nothing here
   may have a responsive override living in plu.css: this file would win where
   the reference has it lose. The one rule below has no media-query form in
   either stylesheet, so the order is immaterial.

   Everything else these pages need is already a faithful port inside plu.css -
   272 news selectors and 113 event selectors, checked declaration by
   declaration against the legacy theme with zero differences. */

/* WordPress ships this in wp-block-library, which every legacy page loads, so
   a .screen-reader-text label is clipped to 1x1 there. Django loads no such
   sheet: without the rule the newsroom search label printed the words
   "Search news" inside the field, next to the placeholder, and made the
   toolbar 2px taller than the reference. */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.screen-reader-text:focus {
  z-index: 100000;
  top: 5px;
  left: 5px;
  width: auto;
  height: auto;
  display: block;
  padding: 15px 23px 14px;
  clip-path: none;
  background-color: #ddd;
  color: #444;
  font-size: 1em;
  line-height: normal;
  text-decoration: none;
}