/* Lilith's Mirror 17-card oracle expansion — small readable red reading text */
.layout-reading .reading-panel.compact-red-reading {
  background: #000 !important;
  border-color: rgba(255, 0, 47, .34) !important;
  box-shadow: inset 0 0 42px rgba(120, 0, 18, .22), 0 18px 40px rgba(0,0,0,.70) !important;
}

.layout-reading .reading-panel h2 {
  color: var(--red-hot, #ff003c) !important;
  font-size: clamp(25px, 7vw, 44px) !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
}

.layout-reading .question-display {
  color: var(--red-soft, #ff4b66) !important;
  font-size: clamp(13px, 3.2vw, 16px) !important;
  line-height: 1.45 !important;
}

.layout-reading .keywords {
  color: var(--red-hot, #ff003c) !important;
  font-size: clamp(10px, 2.7vw, 12px) !important;
  letter-spacing: 2px !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
}

.layout-reading .section {
  border-top: 1px solid rgba(255, 0, 47, .25) !important;
  padding-top: 12px !important;
  margin-top: 12px !important;
}

.layout-reading .section h3 {
  color: var(--red-hot, #ff003c) !important;
  font-size: clamp(10px, 2.7vw, 13px) !important;
  letter-spacing: 2px !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

.layout-reading .section p {
  color: var(--red-soft, #ff4b66) !important;
  font-size: clamp(14px, 3.4vw, 18px) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  text-shadow: 0 0 8px rgba(255, 0, 47, .18) !important;
}

.layout-reading .reflection-section {
  border: 1px solid rgba(255, 0, 47, .28) !important;
  border-radius: 16px !important;
  padding: 13px !important;
  background: rgba(35, 0, 6, .42) !important;
  box-shadow: inset 0 0 18px rgba(255, 0, 47, .09) !important;
}

.layout-reading .reflection-section p {
  color: var(--red-hot, #ff003c) !important;
  font-style: italic !important;
}

.layout-reading .reflection-section p::before {
  content: "☾ ";
}

@media (max-width: 560px) {
  .layout-reading .reading-panel.compact-red-reading {
    padding: 18px !important;
  }

  .layout-reading .section {
    padding-top: 10px !important;
    margin-top: 10px !important;
  }
}