/* Brand styling (no external fonts). Uses Heebo if provided by the theme. */
.toggle-text-box {
  font-family: "Heebo", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #ffffff;
  background: #21265C;            /* front side */
  border: none;
  border-radius: 12px;
  padding: 1rem 1.25rem;
  cursor: pointer;
  transition: background 160ms ease-in-out, transform 80ms ease-in-out;
}

.toggle-text-box.is-back {
  background: #21AB96;            /* back side */
}

.toggle-text-box:focus {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

.toggle-text-box p { margin: 0 0 .8rem; }
.toggle-text-box p:last-child { margin-bottom: 0; }

.toggle-text-box__hint {
  font-size: 0.9em;
  opacity: 0.9;
  color: #ffffff;
  margin-top: .6rem;
}

.toggle-text-box a {
  color: #ffffff;
  text-decoration: underline;
}

.toggle-text-box:hover { transform: translateY(-1px); }