/* A-10: triage steps (not a form tool) */
.kidstic-triage-tree{ display: grid; gap: 4px; }
.ktt-step{
	background: var(--wp--preset--color--surface);
	border-radius: var(--wp--custom--radius--lg);
	padding: clamp(20px, 3vw, 32px);
	scroll-margin-top: 90px;
}
.ktt-step h2{ margin-top: 0; }
.ktt-answers{ display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.ktt-answer{
	display: inline-block; padding: 14px 24px; font-weight: 700; font-size: 18px;
	border-radius: var(--wp--custom--radius--md); text-decoration: none;
	background: var(--wp--preset--color--bg); color: var(--wp--preset--color--brand-dark);
	border: 2px solid transparent;
}
.ktt-answer--red{ background: #FEF2F2; color: #B91C1C; border-color: #B91C1C; }
.ktt-answer--amber,
.ktt-answer--green{ background: #FFFBEB; color: #92400E; border-color: #D97706; }
.ktt-step--red{ background: #FEF2F2; border: 3px solid #B91C1C; }
.ktt-step--amber,
.ktt-step--green{ background: #FFFBEB; border: 2px solid #D97706; }
.ktt-timer{ margin: 16px 0; }
.ktt-timer__start{
	background: var(--wp--preset--color--brand-dark); color: #fff; border: 0;
	padding: 12px 20px; font-weight: 700; border-radius: var(--wp--custom--radius--md); cursor: pointer;
}
.ktt-timer__display{ display: block; font-size: 28px; font-weight: 800; margin-top: 10px; }