/* The quiz shell shares LaganLeela's identity; saved quiz identifiers stay stable. */
:root {
  --deep-terra: #373467; --saffron-clay: #796ca5; --marigold: #a46b00;
  --warm-gold: #ffbf47; --ivory-cream: #fff; --warm-ivory: #f1f1f9;
  --night: #24234f; --muted: #68657d;
}
html { scroll-behavior: smooth; }
body { background: #f8f7fc !important; color: #24234f; }
.ll-quiz-brand {
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  font: bold 32px/1.2 Georgia, serif !important;
  letter-spacing: -1.5px !important;
  text-decoration: none !important;
}
.ll-quiz-brand span { color: #ffbf47; }
.ll-quiz-header {
  background: #24234f !important;
  padding: 20px 24px !important;
  text-align: center;
}
.ll-quiz-header a:focus-visible { outline: 3px solid #ffbf47; outline-offset: 6px; }
.ll-quiz-brand-inline { font: bold 32px/1.2 Georgia, serif !important; letter-spacing: -1.5px !important; color: #373467 !important; }
.brand-name, .sp-load-logo, .sp-hero-brand-text, .sp-footer-brand {
  font-family: Georgia, serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  letter-spacing: -.035em !important;
}
.ll-quiz-start {
  background: #373467 !important;
  color: #fff !important;
  border: 1px solid #373467;
}
.sp-overlay {
  --sp-gold: #373467;
  --sp-ivory: #fff;
  background: rgba(36, 35, 79, .72) !important;
}
.sp-btn-primary {
  background: #373467 !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(55, 52, 103, .2) !important;
  min-height: 48px;
}
.sp-btn-outline { background: #fff !important; color: #373467 !important; min-height: 48px; }
.result-hero-brand { font-family: Georgia, serif !important; font-weight: 700 !important; }
#no-session { padding-top: 50px; }
.no-session-sub { color: #68657d !important; }
button, input, select, textarea { touch-action: manipulation; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #8b79b5;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .ll-quiz-header { padding: 18px 20px !important; }
  .ll-quiz-brand, .ll-quiz-brand-inline { font-size: 28px !important; }
  .ll-quiz-start { font-size: 16px !important; min-height: 52px; }
  input:not([type=checkbox], [type=radio]), select, textarea { font-size: 16px !important; }
}