.crit { margin: 1rem 0 1.5rem 1.25rem; }
.crit li { margin-bottom: 0.6rem; line-height: 1.6; }
table.cmp { width: 100%; border-collapse: collapse; margin: 1.25rem 0 1.75rem; font-size: 0.92rem; }
table.cmp th, table.cmp td { border: 1px solid #e2e8f0; padding: 0.65rem 0.75rem; text-align: left; vertical-align: top; }
table.cmp th { background: #0F2439; color: #ffffff; font-weight: 700; }
table.cmp tr:nth-child(even) td { background: #f8fafc; }
table.cmp td:first-child { font-weight: 600; color: #0F2439; width: 22%; }
@media (max-width: 640px) { table.cmp { font-size: 0.82rem; } table.cmp th, table.cmp td { padding: 0.5rem; } }

.ck-form { display: grid; gap: 0.4rem; max-width: 460px; margin: 1rem 0 1.5rem; padding: 1.25rem; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.ck-form label { font-weight: 600; color: #0F2439; font-size: 0.9rem; margin-top: 0.35rem; }
.ck-form input { padding: 0.6rem 0.7rem; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 1rem; }
.ck-btn { display: inline-block; margin-top: 0.75rem; background: #2563EB; color: #ffffff; border: none; border-radius: 8px; padding: 0.75rem 1.25rem; font-weight: 700; font-size: 0.95rem; cursor: pointer; text-decoration: none; }
.ck-btn:hover { background: #1d4ed8; color: #ffffff; }
.ck-note { font-size: 0.8rem; color: #475569; margin: 0.5rem 0 0; }
.ck-status { font-size: 0.85rem; color: #b91c1c; min-height: 1.2em; margin: 0; }
.ck-done { padding: 1.25rem; border: 1px solid #bbf7d0; background: #f0fdf4; border-radius: 10px; max-width: 460px; }
.ck-callout { border: 1px solid #bfdbfe; background: #eff6ff; border-radius: 10px; padding: 1rem 1.25rem; margin: 1.5rem 0; }
.ck-callout a { font-weight: 700; color: #1d4ed8; }
