/* ============================================================================
   SHARED COMPONENT: artwork infobox / quick-facts / metadata chips (A7) — SKIN tier — from site-most-famous-paintings-V2.0.css
   Migrated 2026-07-05 (A-tail sweep). PHASE-A FIDELITY: verbatim relocation.
   ============================================================================ */
.historicle_box.artwork-info-infobox .art-info-page-title { color: var(--mfp-ink, #1A1814); font-family: var(--font-title); }

.historicle_box.artwork-info-infobox { background: var(--mfp-sand-2, #EDE7D9); border-color: var(--mfp-sand-3, #DDD5C0); box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18)); }



/* ===== QUIZ (quick-facts / detail-page quiz) — refiled 2026-07-06 from the
   base-linked production-form/form-panel files (documented misfile; the quiz
   markup lives in artwork_quick_facts_section.html + artist/museum detail,
   all of which load THIS component). ===== */
.adc-buy-page-section .art_quize_section .art_header h4 {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
  opacity: 1;
}
.adc-buy-page-section .art_quize_section {
  margin-top: 0;
  background: var(--mfp-white, #FFFFFF) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  border-radius: var(--r-sm, 2px);
  padding: 20px;
}
.adc-buy-page-section .quick_facts_section + .art_quize_section {
  margin-top: 16px;
}
.adc-buy-page-section .art_quize_section .art_header p {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.45;
  color: var(--mfp-ink-2, #4A4438) !important;
  margin-bottom: 12px;
}
.adc-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mfp-ivory, #FDFAF4) !important;
  background: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  border-radius: var(--r-sm, 2px);
}
.adc-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button:hover:not(:disabled) {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
.adc-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button.disabled_button {
  opacity: 0.45;
  cursor: not-allowed;
}
.adc-buy-page-section .art_quize_section .quiz_result_text {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 14px;
  line-height: 1.45;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  background: var(--mfp-sand, #F5F1E8);
}
.adc-buy-page-section .art_quize_section .repro_radio.mark_wrong_answer {
  border-color: #b3261e;
}
.adc-buy-page-section .art_quize_section .repro_radio.mark_right_answer {
  border-color: #4a7c2a;
}