/* 8.ro */
.ct-ratio { display: flex; align-items: baseline; gap: 12px; padding: 4px 18px 16px; }
.ct-n { min-width: 4.4em; font-size: 2.5rem; font-weight: 780; letter-spacing: -.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.ct-l { color: var(--muted); font-size: .875rem; }
.ct-checks th { font-weight: 600; color: var(--text); white-space: normal !important; width: auto !important; }
.ct-v { width: 8em; text-align: right; }
.ct-badge { display: inline-block; white-space: nowrap; min-width: 5.5em; padding: 3px 10px; border-radius: 999px; background: var(--surface-2); color: var(--muted); font-size: .8125rem; font-weight: 700; text-align: center; }
.ct-badge.is-ok { background: color-mix(in srgb, var(--ok) 14%, var(--surface)); color: var(--ok); }
.ct-badge.is-err { background: color-mix(in srgb, var(--err) 12%, var(--surface)); color: var(--err); }
.ct-stage { --fg: #5b5b5b; --bg: #f5f1e8; display: grid; align-content: center; gap: 16px; min-height: 420px; padding: 32px 28px; background: var(--bg); color: var(--fg); }
.ct-stage p { margin: 0; }
.ct-big { font-size: 24px; line-height: 1.3; }
.ct-bold { font-size: 18.67px; font-weight: 700; line-height: 1.35; }
.ct-small { font-size: 16px; line-height: 1.6; }
.ct-ui { display: flex; align-items: center; gap: 14px; }
.ct-btn { padding: 8px 16px; border: 2px solid var(--fg); border-radius: 10px; font-weight: 650; }
.ct-ico .i { width: 28px; height: 28px; stroke-width: 2.25; }
.ct-fixes .kv-act { white-space: nowrap; }
.ct-fixes .kv-act .btn + .btn { margin-left: 4px; }
@media (max-width: 600px) {
  .ct-fixes tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-top: 1px solid var(--line); }
  .ct-fixes tr:first-child { border-top: 0; }
  .ct-fixes th { grid-column: 1 / -1; padding-bottom: 0 !important; }
  .ct-fixes th, .ct-fixes td { border-top: 0 !important; }
  .ct-fixes .kv-act { width: auto; }
}