/* css/spojnosc.css — split out of site.css, 2026-10-01 v4 S0 (mechanical
 * prep, see docs-v4-contracts.md). Owns the Spójność page's option cards +
 * comparison table. Uses the shell's own tokens, same rule as site.css.
 * `.container`/`.tool-header` are NOT redefined here (owned by site.css).
 */

/* ---------- spójność ---------- */
.coh-options { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 24px 0 40px; }
@media (min-width: 720px) { .coh-options { grid-template-columns: repeat(3, 1fr); } }
.coh-option { padding: 24px; }
.coh-option h3 { font-family: var(--font-body); font-weight: 600; font-size: 1.1rem; margin-bottom: 8px; color: var(--fg-base); }
.coh-option p { font-size: .85rem; color: var(--fg-muted); line-height: 1.6; }
.coh-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-md); }
table.coh-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.coh-table th, .coh-table td {
  text-align: left; padding: 12px 16px;
  border-bottom: 1px solid var(--border-subtle);
  font-size: .85rem;
  vertical-align: top;
  color: var(--fg-base);
}
.coh-table th {
  font-family: var(--font-mono); font-size: .72rem; letter-spacing: .08em;
  text-transform: uppercase; color: var(--fg-subtle); background: var(--bg-ice);
}
.coh-table tr:last-child td { border-bottom: none; }