/* Scoped additions for the initial public answer-content pilot. */
.answer-summary {
  margin: 0 0 1.6rem;
  padding: 1.2rem 1.35rem;
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-secondary);
  border-radius: 14px;
  background: var(--color-surface);
  color: var(--color-text);
}

.article-content .answer-summary h2 {
  margin: 0 0 0.65rem;
  font-family: "Poppins", "Segoe UI", sans-serif;
  font-size: 1.12rem;
  line-height: 1.45;
  color: var(--color-primary-strong);
}

.answer-summary p { margin: 0.6rem 0; }
.answer-summary ul { padding-left: 1.2rem; margin: 0.7rem 0; }
.answer-summary li + li { margin-top: 0.3rem; }
.answer-summary .answer-evidence { font-size: 0.82rem; color: var(--color-muted); }
/* The older verdict component used light text on a dark panel. These pilot
   cards use a light surface, so reset its nested text and secondary controls. */
.product-verdict.answer-summary { gap: 0.5rem; box-shadow: var(--shadow-soft); }
.product-verdict.answer-summary p { color: var(--color-text); }
.product-verdict.answer-summary .answer-evidence,
.product-verdict.answer-summary .product-disclosure { color: var(--color-muted); }
.product-verdict.answer-summary .mini-badge {
  border-color: var(--color-border);
  background: var(--color-surface-soft);
  color: var(--color-primary-strong);
}
.product-verdict.answer-summary .btn-secondary {
  border-color: var(--color-secondary);
  background: var(--color-surface);
  color: var(--color-primary-strong);
}
.product-verdict.answer-summary .btn-secondary:hover,
.product-verdict.answer-summary .btn-secondary:focus-visible {
  background: var(--color-surface-soft);
}
.product-verdict.answer-summary .product-disclosure { border-color: var(--color-border); }
.answer-summary a, .service-questions a { text-decoration: underline; text-underline-offset: 0.18em; }
.answer-summary a:focus-visible, .service-questions a:focus-visible,
.service-questions summary:focus-visible { outline: 3px solid var(--color-secondary); outline-offset: 4px; }

.service-questions-section { padding-top: 0; }
.service-questions { border-top: 1px solid var(--color-border); }
.service-questions details { border-bottom: 1px solid var(--color-border); }
.service-questions summary {
  padding: 1rem 0.25rem;
  cursor: pointer;
  font-weight: 600;
  color: var(--color-primary-strong);
}
.service-questions details[open] { padding-bottom: 0.5rem; }
.service-questions details p { max-width: 85ch; margin: 0 0 1rem; }
#service-questions, #quick-answer { scroll-margin-top: calc(var(--header-height) + 1.2rem); }

@media (max-width: 600px) {
  .answer-summary { padding: 1rem; }
  .article-content .answer-summary h2 { font-size: 1rem; }
}

@media print {
  .answer-summary { border: 1px solid #777; background: #fff; color: #000; box-shadow: none; }
  .answer-summary .answer-evidence { color: #000; }
}