/* HATT v2.15.5 — two faithful viewports of the supplied 1920 × 1105 capture.
   The original bitmap is unchanged. These viewports exclude the test course
   table, account role and operational counters at every viewport width. */
body .hatt-capture-composition {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  isolation: isolate;
  background: #eef2f8;
}
body .hatt-capture-composition .hatt-capture-window {
  position: absolute;
  display: block;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}
body .hatt-capture-composition .hatt-capture-window--title {
  left: 4%;
  top: 5.2%;
  width: 92%;
  aspect-ratio: 720 / 131;
  border-radius: 5px;
  background: #123364;
}
body .hatt-capture-composition .hatt-capture-window--security {
  left: 13.2%;
  top: 30.4%;
  width: 73.6%;
  aspect-ratio: 475 / 302;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 4px 16px rgb(20 49 92 / 7%);
}
body .hatt-capture-composition .hatt-capture-window > img.hatt-capture-image {
  position: absolute;
  display: block;
  inset: auto;
  width: var(--hatt-capture-width) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  left: var(--hatt-capture-left);
  top: var(--hatt-capture-top);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: initial;
  object-position: initial;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}
body .hatt-capture-window--title {
  --hatt-capture-width: 266.666666667%;
  --hatt-capture-left: -44.583333333%;
  --hatt-capture-top: -100.763358779%;
}
body .hatt-capture-window--security {
  --hatt-capture-width: 404.210526316%;
  --hatt-capture-left: -279.157894737%;
  --hatt-capture-top: -157.947019868%;
}

/* Normalize only HATT slots, including the older tablet last-card rule. */
body.home-v22 .v210-card-media.v210-card-media--hatt,
body.home-v22 .v210-project-card:last-child .v210-card-media.v210-card-media--hatt,
body .v24-project-card--hatt .v24-project-art,
body.v214-software .sw-case--hatt .sw-case-media {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  align-self: start;
  overflow: hidden;
  background: #eef2f8;
}
body.home-v22 .v210-card-media--hatt::before,
body.home-v22 .v210-card-media--hatt::after,
body .v24-project-card--hatt .v24-project-art::before,
body .v24-project-card--hatt .v24-project-art::after,
body.v214-software .sw-case--hatt .sw-case-media::before,
body.v214-software .sw-case--hatt .sw-case-media::after {
  display: none;
}
body.home-v22 .v210-card-media--hatt > .v210-project-no {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
}
body.v213-hatt-case .hatt-capture-figure {
  background: #eef2f8;
}
body.v213-hatt-case .v213-hatt-wide-shot.hatt-capture-figure {
  width: min(100%, 900px);
  margin-inline: auto;
}