@font-face{font-family:"Core Humanist Sans";src:url("assets/fonts/CoreHumanistSans-BOHQ7EG2.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Core Humanist Sans";src:url("assets/fonts/CoreHumanistSans-Bold-HGQ7UUJP.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;
  min-height:100vh;
  min-height:100dvh;
  padding:0 1rem 3rem;
  display:grid;
  grid-template-columns:minmax(0,40rem);
  grid-template-rows:auto 1fr;
  grid-template-areas:"header" "notice";
  justify-content:center;
  background-color:#353281;
  color:#fff;
  font-family:"Core Humanist Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:1.125rem;
  line-height:1.65;
}

.SiteHeader{grid-area:header;padding:2rem 0}
.SiteHeader-logo{display:block;height:3rem;width:auto;max-width:100%}

.OfflineNotice{grid-area:notice;align-self:center;padding:2rem 0 1rem}
.OfflineNotice > *:not(:last-child){margin-bottom:1.25rem}
.OfflineNotice-title{font-size:clamp(1.75rem,1.2rem + 2.5vw,2.5rem);font-weight:700;line-height:1.2}
.OfflineNotice-link{color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.OfflineNotice-link:focus-visible{outline:3px solid #f79428;outline-offset:4px;border-radius:2px}