/* Buki: Hats That Fit - external card styles.
   The public server sends CSP style-src 'self', so the adventure card uses no
   inline styles at all. Every rule is scoped to #hw-adventures, so no other
   section, card or page element is affected. */
#hw-adventures .hw-page-frame {
  aspect-ratio: 3 / 2;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}

#hw-adventures .hw-page-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#hw-adventures .wm-cat {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#hw-adventures .hw-page-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 10px;
  padding: 10px 16px;
  border-radius: 12px;
  background: var(--hw-orange, #e8903a);
  color: #2a1122;
  font-weight: 700;
  text-decoration: none;
}

#hw-adventures .hw-page-cta:focus-visible {
  outline: 3px solid #2a1122;
  outline-offset: 3px;
}