/* Focused reading-flow refinements; existing TAROLYS type, color and reading content are preserved. */
.dialog-progress[hidden],
.dialog-progress [hidden],
.question-topic[hidden],
.question-actions [hidden] { display: none; }

.dialog-progress[data-step-count="2"] { grid-template-columns: auto 1fr auto; }
.dialog-progress [data-progress-number] { font: inherit; }

.question-topic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: -4px 0 20px;
  padding: 12px 0;
  border-top: 1px solid rgba(62, 42, 75, .12);
  border-bottom: 1px solid rgba(62, 42, 75, .12);
}
.question-topic > div { display: grid; gap: 4px; min-width: 0; }
.question-topic small { color: #786e7e; font-size: 11px; }
.question-topic strong { color: #33283b; font-size: 15px; font-weight: 700; }
.question-topic button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 8px 12px;
  color: #674a7a;
  border: 1px solid rgba(100, 69, 122, .24);
  border-radius: 8px;
  background: transparent;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.question-topic button:hover { background: rgba(117, 85, 140, .07); }
.question-topic button:focus-visible,
.upgrade-more summary:focus-visible { outline: 2px solid #805b91; outline-offset: 4px; }
.checkout-dialog[data-reading-kind="free"] .question-actions { grid-template-columns: 1fr; }

.result-upgrade { margin-top: 14px; }
.result-upgrade .upgrade-primary { margin-top: 16px; }
.result-upgrade > .upgrade-process {
  margin: 10px 0 0;
  color: #675d70;
  font-size: 12px;
  line-height: 1.65;
}
.upgrade-more { position: relative; z-index: 1; margin-top: 10px; }
.upgrade-more summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  color: #674a7a;
  border-top: 1px solid rgba(87, 61, 106, .16);
  font-size: 12px;
  font-weight: 650;
  list-style: none;
  cursor: pointer;
}
.upgrade-more summary::-webkit-details-marker { display: none; }
.upgrade-more summary::after { content: "+"; font-size: 18px; font-weight: 400; }
.upgrade-more[open] summary::after { content: "−"; }
.upgrade-more ul { margin: 4px 0 12px; }
.upgrade-more > .upgrade-availability { margin: 12px 0 4px; color: #78658a; font-size: 12px; line-height: 1.6; }
.reading-result .dp-result-learn { color: #65576e; }
.reading-result .dp-result-learn a { color: #674a7a; }
.reading-result .dp-result-learn small { color: #756778; }

@media (max-width: 767px) {
  .dialog-progress em { display: inline; font-size: 11px; }
  .dialog-progress[data-step-count="2"] { padding-block: 13px; }
  .question-topic { margin-bottom: 16px; }
  .result-upgrade h3 { font-size: 22px; }
  .result-upgrade .upgrade-primary { min-height: 62px; }
}