/* Give the detailed workflow room to breathe without widening the prose. */
.quickbooks-workflow {
  width: min(1120px, calc(100vw - 48px));
  margin-left: 50%;
  transform: translateX(-50%);
}
.workflow-scroll {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: #fff;
}
.quickbooks-workflow .workflow-scroll img {
  display: block;
  min-width: 960px;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.quickbooks-workflow figcaption { font-style: normal; }
.workflow-scroll-hint { display: none; }
.workflow-scroll:focus-visible,
.quickbooks-workflow a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.close-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 32px 0;
  padding: 26px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.close-results div { display: flex; flex-direction: column; gap: 8px; }
.close-results strong {
  color: var(--accent);
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 600;
  white-space: nowrap;
}
.close-results span { color: var(--ink-soft); font-size: 0.8rem; line-height: 1.5; }
@media (max-width: 1007px) {
  .workflow-scroll-hint { display: inline; }
}
@media (max-width: 520px) {
  .close-results { grid-template-columns: 1fr; gap: 22px; }
  .close-results div { flex-direction: row; align-items: center; gap: 18px; }
  .close-results strong { flex: 0 0 140px; }
}