/* The same workshop surfaces, amber guidance and green confirmed results. */
.verification-handoff { max-width: 760px; margin: 0 auto; }
.verification-handoff .panel-heading { margin-bottom: 18px; }
.verification-handoff .verify-card { background: var(--surface2); border-color: var(--line); margin: 20px 0; padding: 20px; }
.verification-handoff .verify-card p { color: var(--muted); font-size: 1rem; }
.verification-handoff .verify-card h3 { color: var(--text); }
.verification-checklist { padding: 0; margin: 16px 0; list-style: none; }
.verification-checklist li { display: flex; align-items: baseline; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 1rem; line-height: 1.5; }
.verification-checklist .is-done { color: var(--green); }
.verification-guide { position: sticky; top: 0; z-index: 6; flex: 0 0 auto; width: 100%; max-width: 850px; margin: 0 auto 6px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--amber); border-radius: 6px; box-shadow: 0 5px 12px #0003; }
.verification-guide[hidden] { display: none; }
.verification-details summary { cursor: pointer; font-size: 1rem; line-height: 1.4; }
.verification-count { color: var(--amber); font: .875rem var(--mono); margin-right: 10px; }
.verification-details summary strong { font-weight: 600; }
.verification-details p { color: var(--muted); font-size: 1rem; line-height: 1.5; margin-bottom: 12px; }
.verification-guide > button { margin-top: 9px; min-height: 44px; padding: 9px 12px; font-size: .875rem; }
.verification-details[open] { max-height: min(35dvh, 260px); overflow-y: auto; }
.verification-details .verification-checklist { margin: 10px 0; }
.verification-details .verification-checklist li { font-size: .875rem; padding: 7px 0; }
.verification-guide.is-failed { border-left-color: var(--red); }
.verification-handoff .repair-intro { margin: 0; }
.completion-next { margin: -8px 0 26px; }
.completion-next p { color: var(--muted); margin-top: 10px; font-size: 1rem; line-height: 1.5; }
@media (max-width: 540px) {
  .verification-guide { padding: 10px 12px; }
  .verification-details summary strong { display: block; margin-top: 4px; }
  .verification-handoff .verify-card { padding: 16px; }
}
