/* MERKAZ TIRGUL V9 — typography and icon alignment only.
   Keep answer text, question IDs, scoring and stored progress unchanged. */

/* Copied question HTML contains font-weight:400 on inner spans. That
   overrides .question-content's intended 600 weight and even nested bold
   markup. Let these regular-weight wrappers inherit the surrounding weight.
   Explicit bold/italic emphasis and the normal weight of answer options stay. */
:where(.question-content, .answer-copy, .explanation-copy, .feedback-copy)
:is([style*="font-weight:400"], [style*="font-weight: 400"],
    [style*="font-weight:normal"], [style*="font-weight: normal"]):not(b):not(strong) {
  font-weight: inherit !important;
}
:where(.question-content, .answer-copy, .explanation-copy, .feedback-copy)
:is(b, strong) {
  font-weight: 700 !important;
}

/* SVG artwork should use its own box, not a text baseline. Do not apply
   this to study illustrations or change the user's logo proportions. */
.donation-trigger > svg,
.support-trigger > svg,
.header-link > svg,
.icon-text-button > svg,
.topic-icon > svg,
.feedback-box > span > svg {
  display: block;
  flex-shrink: 0;
}
.merkaz-games-launcher .game-dot {
  flex-shrink: 0;
  line-height: 1;
  text-align: center;
}

@media (max-width: 680px) {
  /* The old font-size:0 hid labels but left an empty flex item and an 8px
     gap: all three icons were shifted 4px. Remove the gap in icon-only
     controls, and fully hide wrapped labels. Keep their aria-labels. */
  .site-shell .topbar > .header-link,
  .donation-trigger,
  .support-trigger {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    gap: 0;
    line-height: 1;
    font-size: 0;
  }
  .donation-trigger > span,
  .support-trigger > span {
    display: none;
  }
  .site-shell .topbar > .header-link > svg,
  .donation-trigger > svg,
  .support-trigger > svg {
    width: 20px;
    height: 20px;
    margin: 0;
  }
  .site-shell .topbar .brand {
    min-width: 0;
    flex: 1 1 auto;
  }
  .site-shell .topbar .brand > span {
    min-width: 0;
    line-height: 1.25;
  }
  .quiz-header > .icon-text-button,
  .results-topbar .icon-text-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    line-height: 1;
  }
}