/* Compact Campus Board hero on desktop */
@media (min-width: 768px) {
  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"],
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] {
    max-height: 245px;
    border-radius: 20px !important;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid {
    grid-template-columns: minmax(0,1.3fr) minmax(340px,.7fr) !important;
    min-height: 0 !important;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:first-child,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:first-child {
    padding: 22px 28px !important;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] h1,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] h1 {
    margin-top: 6px !important;
    font-size: 27px !important;
    line-height: 1.08 !important;
    max-width: 360px;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] p:not([class*="uppercase"]),
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] p:not([class*="uppercase"]) {
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    max-width: 480px;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] button,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] button {
    margin-top: 12px !important;
    padding: 8px 13px !important;
    font-size: 10px !important;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:last-child > div,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:last-child > div {
    padding: 16px 18px !important;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:last-child strong,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:last-child strong {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html[data-thream-route="/intention"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:last-child span,
  html[data-thream-route="/campusboard"] section[class~="mb-5"][class*="rounded-[28px]"] > div.grid > div:last-child span {
    margin-top: 4px !important;
    font-size: 9px !important;
  }
}