@media screen and (max-width: 1220px) {
  .pageShell,
  .main { width: min(1080px, calc(100% - 30px)); }
  .phLogo { width: 155px; min-width: 155px; }
  .phLogo img { width: 138px; }
  .phNavLinks > li > a { padding: 0 10px; font-size: 13px; }
  .rightPane { flex-basis: 292px; width: 292px !important; }
}

@media screen and (max-width: 980px) {
  .pageShell,
  .main { width: min(800px, calc(100% - 24px)); margin-top: 10px; }
  .phNavbar {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 16px;
    border-radius: 22px;
  }
  .phLogo { width: 100%; min-width: 0; justify-content: center; }
  .phLogo img { width: 160px; max-height: 76px; }
  .phNavLinks { justify-content: center; }
  .phNavLinks > li > ul { left: 50%; transform: translateX(-50%); }
  .phNavLinks > li > ul::before { left: 50%; transform: translateX(-50%) rotate(45deg); }
  .phHero { min-height: 250px; }
  .phHero__content { min-height: 250px; max-width: 100%; padding: 34px 30px; text-align: center; align-items: center; }
  .phHero p { margin-left: auto; margin-right: auto; }
  .phHero__badges { justify-content: center; }
  .feedContainer { padding: 16px; }
  .leftPane,
  .rightPane { flex: 1 1 100%; width: 100% !important; }
  .rightPane { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .rightPane > * { min-width: 0; }
  .g-recaptcha { transform: scale(.86); transform-origin: 0 0; }
}

@media screen and (max-width: 700px) {
  body { font-size: 14px; }
  .pageShell,
  .main { width: calc(100% - 18px); margin: 9px auto 18px; }
  .phNavbar,
  .phHero,
  .feedContainer,
  .siteFooter,
  footer { border-radius: 18px; }
  .phLogo img { width: 140px; max-height: 68px; }
  .phNavLinks { gap: 7px; }
  .phNavLinks > li { flex: 1 1 calc(50% - 7px); }
  .phNavLinks > li > a { width: 100%; min-height: 40px; justify-content: center; padding: 0 8px; }
  .phNavLinks > li > ul { min-width: 210px; }
  .phHero { margin: 16px 0; min-height: 238px; }
  .phHero__content { min-height: 238px; padding: 26px 18px; }
  .phHero h1 { font-size: 42px; }
  .phHero p { font-size: 14px; }
  .phHero__badges span { font-size: 12px; min-height: 32px; }
  .feedContainer { padding: 12px; gap: 12px; }
  .leftPane { min-height: 0; padding: 12px; border-radius: 16px; }
  .rightPane { display: flex; flex-direction: column; }
  .body { padding: 12px; }
  td, th { padding: 9px 8px; }
  .siteFooter,
  footer { display: block; text-align: center; }
  .siteFooter div + div,
  footer div + div { margin-top: 8px; }
  .g-recaptcha { transform: scale(.72); transform-origin: 0 0; }
}

@media screen and (max-width: 430px) {
  .phNavLinks > li { flex-basis: 100%; }
  .phHero h1 { font-size: 36px; }
  .phHero__eyebrow { font-size: 10px; letter-spacing: .10em; }
  .phHero__badges { display: none; }
  ul.linkbuttons { grid-template-columns: 1fr; }
}