/* Supplier risk check and assessment pages (loaded after styles.css). */

.risk-counts .item-n { font-size: 22px; font-weight: 700; color: var(--navy); min-width: 48px; }

.risk-tier { margin-top: 18px; }
.risk-meter { display: flex; gap: 6px; max-width: 360px; margin: 10px 0 14px; }
.risk-meter span { flex: 1; height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .18); }
.risk-meter span.on.t1 { background: #4fbf85; }
.risk-meter span.on.t2 { background: #e2b33a; }
.risk-meter span.on.t3 { background: var(--orange); }
.risk-meter span.on.t4 { background: #ef5a4c; }

.risk-contact { display: grid; gap: 14px; }
.risk-contact .rc-field { display: grid; gap: 6px; }
.risk-contact .rc-field label { font-weight: 600; font-size: 15px; }
.risk-contact .rc-check { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; }
.risk-contact .rc-check input { margin-top: 4px; flex: none; }

.risk-cta { margin-top: 28px; padding: 24px 28px; border-radius: var(--radius-card); background: var(--orange-50); border: 1px solid #f6c7aa; }
.risk-cta h2 { margin: 0 0 8px; font-size: clamp(20px, 2.4vw, 26px); color: var(--navy); }
.risk-cta p { margin: 0 0 10px; }
.risk-cta ul { margin: 0 0 6px; padding-left: 20px; display: grid; gap: 4px; }
.risk-cta .nav { margin-top: 16px; }

.note.fine { font-size: 13px; margin-top: 18px; }

@media (max-width: 640px) {
  .risk-cta { padding: 18px 16px; }
}

/* No tinted outline (user's design rule): a solid soft-orange fill on its own. */
.risk-cta { border: 0; }