/* ============================================================================
   SHARED COMPONENT: artwork infobox / quick-facts / metadata chips (A7) — SKIN tier — from site-buypopart-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(--ink, #000000); font-family: var(--font-title); }

.historicle_box.artwork-info-infobox { background: var(--white, #ffffff); border: 2px solid var(--ink, #000000); box-shadow: none; }



/* ===== 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). ===== */
.bpa-buy-page-section .art_quize_section .art_header h4 {
  font-family: var(--bpa-display, var(--font-title)) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: var(--bpa-ink, #000000) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--bpa-ink, #000000) !important;
  opacity: 1;
}
.bpa-buy-page-section .art_quize_section {
  margin-top: 0;
  background: var(--bpa-bg, #ffffff) !important;
  border: 2px solid var(--bpa-ink, #000000);
  border-radius: var(--bpa-radius, 0px);
  padding: 20px;
}
.bpa-buy-page-section .quick_facts_section + .art_quize_section {
  margin-top: 16px;
}
.bpa-buy-page-section .art_quize_section .art_header p {
  font-family: var(--bpa-body, var(--font-body));
  font-size: 12px;
  font-weight: 300;
  line-height: 1.45;
  color: var(--bpa-ink-2, #555555) !important;
  margin-bottom: 12px;
}
.bpa-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button {
  font-family: var(--bpa-body, var(--font-body));
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff !important;
  background: var(--bpa-ink, #000000) !important;
  border: 2px solid var(--bpa-ink, #000000) !important;
  border-radius: var(--bpa-radius, 0px);
}
.bpa-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button:hover:not(:disabled) {
  background: var(--bpa-accent, #D4004C) !important;
  border-color: var(--bpa-accent, #D4004C) !important;
}
.bpa-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button.disabled_button {
  opacity: 0.45;
  cursor: not-allowed;
}
.bpa-buy-page-section .art_quize_section .quiz_result_text {
  font-family: var(--bpa-body, var(--font-body));
  font-size: 14px;
  line-height: 1.45;
  color: var(--bpa-ink, #000000) !important;
  border: 2px solid var(--bpa-ink, #000000);
  background: var(--bpa-band, #F5F5F5);
}
.bpa-buy-page-section .art_quize_section .repro_radio.mark_wrong_answer {
  border-color: #D4004C;
}
.bpa-buy-page-section .art_quize_section .repro_radio.mark_right_answer {
  border-color: #1A8917;
}