/* Simple, visual help page and its on-page help panels. */
.site-guide-visually-hidden {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important
}
.site-guide-simple {
  width:min(100% - 2rem,94rem);
  margin:1.25rem auto 4rem
}
.site-guide-stage {
  overflow:hidden;
  background:#fff;
  border:1px solid #d8dde5;
  box-shadow:0 1rem 2.4rem rgba(15,32,58,.13)
}
.site-guide-stage a,
.site-guide-stage img {
  display:block;
  width:100%
}
.site-guide-stage img {
  height:auto
}
.site-guide-stage a:focus-visible {
  outline:4px solid #e7a225;
  outline-offset:-4px
}
.site-guide-choices {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
  width:min(100%,82rem);
  margin:1.25rem auto 0
}
.site-guide-choices>a {
  display:grid;
  grid-template-columns:2.15rem 1fr;
  align-items:center;
  min-height:4.8rem;
  padding:.85rem 1rem;
  border:2px solid #13233e;
  background:#13233e;
  color:#fff!important;
  font:800 clamp(.78rem,1.05vw,.96rem)/1.2 "DM Sans",Arial,sans-serif;
  text-decoration:none!important;
  box-shadow:0 .25rem .6rem rgba(15,32,58,.14);
  transition:background .18s ease,color .18s ease,transform .18s ease
}
.site-guide-choices>a:hover {
  background:#f4bc4b;
  color:#13233e!important;
  transform:translateY(-2px)
}
.site-guide-choices>a:focus-visible {
  outline:4px solid #e54b38;
  outline-offset:3px
}
.site-guide-choices>a>span {
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.65rem;
  height:1.65rem;
  border-radius:50%;
  background:#e54b38;
  color:#fff;
  font-size:.82rem
}
.site-guide-choices>a>small {
  grid-column:2;
  margin-top:.22rem;
  color:inherit;
  font-size:.68em;
  font-weight:600;
  opacity:.82
}
body.site-help-open {
  overflow:hidden
}
.site-help-overlay[hidden],
.site-help-panel[hidden] {
  display:none!important
}
.site-help-overlay {
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(.75rem,3vw,2rem);
  background:rgba(5,18,38,.78);
  backdrop-filter:blur(3px)
}
.site-help-dialog {
  position:relative;
  width:min(80rem,100%);
  max-height:calc(100vh - 2rem);
  overflow:auto;
  padding:clamp(1.35rem,4vw,3rem);
  border-top:.5rem solid #f4bc4b;
  background:#f9f8f5;
  color:#13233e;
  box-shadow:0 2rem 5rem rgba(0,0,0,.38)
}
.site-help-close {
  position:sticky;
  top:0;
  z-index:2;
  float:right;
  display:flex;
  align-items:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  margin:-.5rem -.5rem .5rem 1rem;
  padding:0;
  border:2px solid #13233e;
  border-radius:50%;
  background:#fff;
  color:#13233e;
  font:500 2rem/1 Arial,sans-serif;
  cursor:pointer
}
.site-help-close:hover {
  background:#e54b38;
  border-color:#e54b38;
  color:#fff
}
.site-help-close:focus-visible {
  outline:4px solid #e7a225;
  outline-offset:3px
}
.site-help-panel {
  clear:both
}
.site-help-kicker {
  margin:0 0 .45rem;
  color:#e54b38;
  font:800 .78rem/1.2 "DM Sans",Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase
}
.site-help-panel>h2 {
  max-width:54rem;
  margin:0 0 1.5rem;
  font:500 clamp(2rem,5vw,4.5rem)/.98 "Oswald",Arial,sans-serif;
  letter-spacing:.01em;
  text-transform:uppercase
}
.site-guide-task-list {
  display:grid;
  gap:.65rem
}
.site-guide-task-list>a {
  display:grid;
  grid-template-columns:2.7rem minmax(0,1fr);
  gap:.08rem .85rem;
  align-items:center;
  padding:.85rem 1rem;
  border:1px solid #cbd2dc;
  background:#fff;
  color:#13233e!important;
  text-decoration:none!important
}
.site-guide-task-list>a:hover,
.site-guide-location-grid>a:hover {
  border-color:#e7a225;
  box-shadow:inset .35rem 0 0 #e7a225
}
.site-guide-task-list>a>span {
  grid-row:1/3;
  color:#e54b38;
  font:600 1.55rem/1 "Oswald",sans-serif
}
.site-guide-task-list strong {
  font-size:1rem
}
.site-guide-task-list small {
  color:#5e6673;
  font-size:.78rem
}
.site-guide-location-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem
}
.site-guide-location-grid>a {
  display:flex;
  flex-direction:column;
  min-height:8rem;
  padding:1.15rem;
  border:1px solid #cbd2dc;
  background:#fff;
  color:#13233e!important;
  text-decoration:none!important
}
.site-guide-location-grid strong {
  margin-bottom:.45rem;
  color:#173f78;
  font:600 1.55rem/1 "Oswald",sans-serif;
  text-transform:uppercase
}
.site-guide-location-grid span {
  color:#4f5867;
  font-size:.85rem;
  line-height:1.45
}
.site-guide-media-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-bottom:1rem
}
.site-guide-media-tabs button {
  min-height:2.75rem;
  padding:.65rem 1rem;
  border:2px solid #173f78;
  background:#fff;
  color:#173f78;
  font:800 .8rem/1.2 "DM Sans",Arial,sans-serif;
  cursor:pointer
}
.site-guide-media-tabs button:hover,
.site-guide-media-tabs button[aria-pressed="true"] {
  background:#173f78;
  color:#fff
}
.site-guide-media-tabs button:focus-visible {
  outline:4px solid #e7a225;
  outline-offset:2px
}
.site-guide-media-figure {
  margin:0;
  border:1px solid #cbd2dc;
  background:#fff
}
.site-guide-media-figure a,
.site-guide-media-figure img {
  display:block;
  width:100%
}
.site-guide-media-figure img {
  height:auto
}
.site-guide-media-figure figcaption {
  padding:.9rem 1rem;
  color:#4f5867;
  font-size:.86rem;
  line-height:1.5
}
.site-guide-other-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem
}
.site-guide-other-grid article {
  padding:1.15rem;
  border-top:.32rem solid #173f78;
  background:#fff;
  box-shadow:0 .2rem .6rem rgba(15,32,58,.08)
}
.site-guide-other-grid h3 {
  margin:0 0 .55rem;
  font:600 1.45rem/1 "Oswald",sans-serif;
  text-transform:uppercase
}
.site-guide-other-grid p {
  margin:0 0 .8rem;
  color:#4f5867;
  font-size:.88rem;
  line-height:1.52
}
.site-guide-other-grid a {
  color:#9a4e0d;
  font-weight:800
}
@media(max-width:900px) {
  .site-guide-choices,
  .site-guide-location-grid,
  .site-guide-other-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:620px) {
  .site-guide-simple {
    width:min(100% - 1rem,94rem);
    margin-top:.65rem
  }
  .site-guide-stage {
    overflow-x:auto
  }
  .site-guide-stage img {
    width:62rem;
    max-width:none
  }
  .site-guide-choices,
  .site-guide-location-grid,
  .site-guide-other-grid {
    grid-template-columns:1fr
  }
  .site-guide-choices>a {
    min-height:4rem
  }
  .site-help-overlay {
    align-items:flex-start;
    padding:.45rem
  }
  .site-help-dialog {
    max-height:calc(100vh - .9rem);
    padding:1.1rem
  }
  .site-help-panel>h2 {
    padding-right:2rem
  }
  .site-guide-media-tabs {
    display:grid
  }
}