/* Site adapter only. Common generated CSS remains byte-identical to quizon. */
.mq-question-area {
  --mq-minkan-brand: #d93636;
  --mq-color-brand: var(--mq-minkan-brand);
  --mq-color-brand-dark: color-mix(in srgb, var(--mq-minkan-brand) 80%, black);
}

.mq-question-area .mq-home,
.mq-question-area .mq-quiz-detail-page {
  --mq-color-brand: var(--mq-minkan-brand);
  --mq-color-brand-dark: color-mix(in srgb, var(--mq-minkan-brand) 80%, black);
}

.mq-question-area .mq-home-actions .mq-button:not(.mq-button-outline):hover {
  background: var(--mq-color-brand-dark);
}

.mq-question-area .mq-page-eyebrow,
.mq-question-area .mq-mypage .mq-eyebrow,
.mq-question-area .mq-home-activity-stats strong {
  color: var(--mq-minkan-brand);
}

.mq-question-area .mq-brand-lockup { width: clamp(11rem, 18vw, 14rem); }
.mq-question-area .mq-brand-lockup img { aspect-ratio: 448 / 150; }
.mq-question-area .mq-site-footer .mq-brand { min-width: 0; max-width: 100%; }
.mq-question-area .mq-site-footer .mq-brand-lockup { width: 100%; max-width: 11rem; }
.mq-question-area .mq-site-footer .mq-brand-lockup img { aspect-ratio: 1000 / 202; }
.mq-question-area .mq-home-wordmark { display: block; font-size: clamp(2rem, 3.4vw, 3.25rem); line-height: 1.3; }
.mq-question-area .mq-home-wordmark > span { color: var(--mq-minkan-brand); }
.mq-question-area .mq-home-hero h1 { font-size: inherit; }
.mq-question-area .mq-icon { color: var(--mq-minkan-brand); }
.mq-question-area .mq-button:not(.mq-button-outline) .mq-icon { color: inherit; }
.mq-question-area .mq-header-search-form:focus-within { outline-color: var(--mq-minkan-brand); }
.mq-question-area .mq-header-account:hover { border-color: var(--mq-minkan-brand); box-shadow: inset 0 0 0 1px var(--mq-minkan-brand); }
.mq-question-area .mq-home .mq-section-heading .mq-icon { color: var(--mq-minkan-brand); }
.mq-question-area h2 .mq-icon,
.mq-question-area h3 .mq-icon,
.mq-question-area .mq-home #popular-quizzes .mq-icon,
.mq-question-area .mq-home #recommend-quizzes .mq-icon,
.mq-question-area .mq-quiz-detail-page .mq-player > h2 .mq-icon { color: var(--mq-minkan-brand); }
.mq-question-area .mq-quiz-detail-page .mq-player,
.mq-question-area .mq-quiz-detail-page .mq-player.mq-chat-choice { background: #fff4f3; }
.mq-question-area .mq-home-actions .mq-button:not(.mq-button-outline),
.mq-question-area .mq-quiz-detail-page .mq-page-print,
.mq-question-area .mq-quiz-detail-page .mq-next-question:not(:disabled),
.mq-question-area .mq-filter button[type='submit'],
.mq-question-area .mq-profile-dialog button[type='submit'] {
  background: var(--mq-minkan-brand); border-color: var(--mq-minkan-brand); color: white;
}
@media (hover: hover) and (pointer: fine) {
  .mq-question-area .mq-home-actions .mq-button:not(.mq-button-outline):hover,
  .mq-question-area .mq-quiz-detail-page .mq-page-print:hover,
  .mq-question-area .mq-quiz-detail-page .mq-next-question:not(:disabled):hover,
  .mq-question-area .mq-filter button[type='submit']:not(:disabled):hover,
  .mq-question-area .mq-profile-dialog button[type='submit']:not(:disabled):hover {
    background: var(--mq-color-brand-dark); border-color: var(--mq-color-brand-dark); color: white;
  }
}
@media (max-width: 34.499rem) {
  .mq-question-area .mq-home-wordmark { font-size: clamp(1.9rem, 8vw, 2.7rem); }
  .mq-question-area .mq-brand-lockup { width: 10rem; }
}

/* Let the hero description wrap naturally on phones; keep the desktop sentence break. */
@media (max-width: 47.999rem) {
  .mq-question-area .mq-home-hero .mq-lead br { display: none; }
}

/* Rank medals retain their semantic gold, silver and bronze colors. */
.mq-question-area .mq-popular-rank .mq-icon,
.mq-question-area .mq-home-ranking-rank .mq-icon { color: inherit; }

/* Keep the shared desktop hero height while the Japanese wordmark has no reading line. */
@media (min-width: 74rem) {
  .mq-question-area .mq-home-hero-inner { min-height: 23.35rem; }
}

.mq-question-area .mq-home .mq-home-card-strip:focus-visible,
.mq-question-area .mq-category-link:focus-visible,
.mq-question-area .mq-home .mq-mypage-name button:focus-visible,
.mq-question-area .mq-section-more:focus-visible { outline-color: var(--mq-minkan-brand); }
/* Shared black labels and blue random-action affordance at rest. */
.mq-question-area .mq-home .mq-section-heading > a,
.mq-question-area .mq-section-more { color: var(--mq-color-navy); }
.mq-question-area .mq-home-actions .mq-button-outline { border-color: #7ba8ff; box-shadow: 0 3px 8px #dceaff; }
.mq-question-area .mq-home-actions .mq-button-outline > .mq-icon { color: #2678ed; }
.mq-question-area .mq-mypage-score > strong { color: var(--mq-minkan-brand); }
@media (hover: hover) and (pointer: fine) {
  .mq-question-area .mq-home .mq-section-heading > a:hover,
  .mq-question-area .mq-section-more:hover,
  .mq-question-area .mq-home-actions .mq-button-outline:hover,
  .mq-question-area .mq-mypage .mq-button-outline:hover,
  .mq-question-area .mq-mypage [data-mq-name-edit]:hover {
    border-color: var(--mq-minkan-brand);
    box-shadow: inset 0 0 0 1px var(--mq-minkan-brand);
  }
  .mq-question-area .mq-quiz-intro .mq-save-quiz:hover:not(:disabled) { border-color: var(--mq-minkan-brand); box-shadow: inset 0 0 0 1px var(--mq-minkan-brand); }
}

/* Site-owned information pages use the shared editorial layout. */
.mq-question-area .mq-minkan-info-page .mq-eyebrow { color: var(--mq-minkan-brand); }
.mq-question-area .mq-info-content .mq-minkan-contact-button { display: inline-flex; color: #fff; background: var(--mq-minkan-brand); border-color: var(--mq-minkan-brand); text-decoration: none; }
@media (hover: hover) {
  .mq-question-area .mq-info-content .mq-minkan-contact-button:hover { color: #fff; background: var(--mq-color-brand-dark); border-color: var(--mq-color-brand-dark); }
}

.mq-question-area .mq-minkan-info-page .mq-contact-submit { background: var(--mq-minkan-brand); }
@media (hover: hover) and (pointer: fine) {
  .mq-question-area .mq-minkan-info-page .mq-contact-submit:not(:disabled):hover { background: var(--mq-color-brand-dark); }
}

.mq-question-area .mq-question legend .mq-question-instruction {
  display: block; font-weight: 400;
  font-size: 0.95rem; line-height: 1.8; color: #53637b;
  margin-bottom: 1.8em;
}
.mq-question-area .mq-question legend .mq-question-example { display: block; font-weight: 700; white-space: pre-line; }

/* Keep longer counters such as 27/50 clear of the 44px navigation buttons. */
.mq-question-area .mq-quiz-detail-page :is(.mq-chat-choice, .mq-text-player) .mq-progress-label {
  width: auto; flex: 0 0 auto; min-width: 36px; padding-inline: 4px;
}
.mq-question-area .mq-quiz-detail-page :is(.mq-chat-choice, .mq-text-player) > h2 {
  margin-right: var(--mq-question-nav-space, calc(88px + 7ch));
}
@media (max-width: 47.999rem) {
  .mq-question-area .mq-quiz-detail-page :is(.mq-chat-choice, .mq-text-player) .mq-progress {
    position: absolute; top: 16px; right: 16px; margin: 0;
  }
}
.mq-question-area .mq-reading-review-box {
  border: 1px solid #cbd5e1; border-radius: 12px; padding: 12px; background: #fff;
}
.mq-question-area .mq-result-review-panel:has(.mq-reading-review-box) { margin-top: 20px; }
.mq-question-area .mq-reading-review-box > .mq-result-review {
  border: 0; border-radius: 0; padding: 0; margin: 0;
}
.mq-question-area .mq-reading-review-box[hidden] { display: none !important; }
@media print {
  .mq-question-area .mq-reading-review-box[hidden] { display: block !important; }
}
.mq-question-area .mq-result-reading-instruction {
  margin: 0 0 0.75em; color: #53637b; font-size: 0.95rem; line-height: 1.8; font-weight: 400;
}
.mq-question-area .mq-card-meta .mq-meta-question-count { background: #f2edfa; color: #65408c; }