/* 「能做 / 不能做」小卡（abilities.js）：向导最后一步、首页报告卡片底下共用。两行，左边一个小标签，右边一段话 */
.ab { display: grid; gap: 10px; width: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); text-align: left; }
.ab-r { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: baseline; }
.ab-k { justify-self: start; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.ab-can { background: color-mix(in srgb, var(--green) 14%, transparent); color: var(--green); }
.ab-cant { background: var(--soft-2); color: var(--muted); }
.ab-x { margin: 0; font-size: 13.5px; line-height: 1.65; color: var(--text); text-wrap: pretty; }