/* Shared quiz styling — identical on both variants (apples-to-apples). */
.h4q-wrap { max-width: 560px; margin: 0 auto; padding: 48px 20px 80px; }
.h4q-card { background: #14121c; border: 1px solid rgba(244,239,232,0.10); border-radius: 18px;
  padding: 28px 24px; color: #f4efe8; font-family: "SF Pro Display", ui-rounded, "Segoe UI", system-ui, sans-serif;
  box-shadow: 0 24px 70px rgba(0,0,0,0.45); }
.h4q-progress { height: 5px; background: rgba(244,239,232,0.12); border-radius: 3px; overflow: hidden; margin-bottom: 14px; }
.h4q-progress span { display: block; height: 100%; background: #C9772F; border-radius: 3px; transition: width .35s ease; }
.h4q-count { font-size: .78rem; color: #9a92a6; margin-bottom: 6px; }
.h4q-label { font-size: 1.35rem; line-height: 1.25; margin: 0 0 18px; font-weight: 700; }
.h4q-sub { color: #c9c2d4; margin: -8px 0 18px; line-height: 1.5; }
.h4q-opts { display: grid; gap: 10px; }
.h4q-opt { text-align: left; padding: 15px 16px; border-radius: 12px; border: 1px solid rgba(244,239,232,0.16);
  background: rgba(244,239,232,0.05); color: #f4efe8; font-size: 1.02rem; line-height: 1.35; cursor: pointer;
  transition: border-color .15s, background .15s, transform .06s; font-family: inherit; }
.h4q-opt:hover { border-color: #C9772F; background: rgba(201,119,47,0.12); }
.h4q-opt:active { transform: scale(0.985); }
.h4q-form { display: grid; gap: 10px; }
.h4q-form input { padding: 14px 15px; border-radius: 12px; border: 1px solid rgba(244,239,232,0.16);
  background: rgba(244,239,232,0.06); color: #f4efe8; font-size: 1rem; font-family: inherit; }
.h4q-form input::placeholder { color: #8f879c; }
.h4q-form input:focus { outline: none; border-color: #C9772F; }
.h4q-submit { margin-top: 6px; padding: 15px 18px; border-radius: 999px; border: 0; cursor: pointer;
  background: #C9772F; color: #0b0a10; font-weight: 700; font-size: 1.05rem; font-family: inherit;
  box-shadow: 0 12px 30px rgba(0,0,0,0.45); }
.h4q-submit:hover { filter: brightness(1.07); }
.h4q-submit:disabled { opacity: .6; cursor: default; }
.h4q-fine { font-size: .74rem; color: #9a92a6; line-height: 1.5; margin: 10px 0 0; }
.h4q-fine a { color: #c9a; }
.h4q-body { color: #ddd6e6; line-height: 1.6; margin: 0 0 14px; }
.h4q-next { border-top: 1px solid rgba(244,239,232,0.10); padding-top: 14px; }
.h4q-outcome .h4q-label { font-size: 1.45rem; }
@media (max-width: 480px) { .h4q-card { padding: 22px 16px; } .h4q-label { font-size: 1.2rem; } }
.h4q-ack { color: #C9772F; font-size: .82rem; margin: 0 0 10px; font-weight: 600; letter-spacing: .01em; }