.compatibility-table-wrap { overflow-x: auto; border: 2px solid var(--navy); border-radius: 18px; background: var(--surface, #fffdf8); }
.compatibility-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.compatibility-table th, .compatibility-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(18, 43, 101, .18); }
.compatibility-table tr:last-child td { border-bottom: 0; }
.compat-status { display: inline-flex; min-height: 30px; align-items: center; padding: 4px 10px; border: 2px solid currentColor; border-radius: 999px; font-weight: 800; white-space: nowrap; }
.compat-status::before { content: "●"; margin-right: 6px; }
.compat-status[data-status="verified"] { color: #0b6b4f; }
.compat-status[data-status="limited"] { color: #8a5700; }
.compat-status[data-status="claimed"] { color: #254fc5; }
.compat-status[data-status="unverified"] { color: #6b5b74; }
.diagnostic-steps { display: grid; gap: 12px; padding: 0; list-style: none; counter-reset: diagnostic; }
.diagnostic-steps li { counter-increment: diagnostic; padding: 16px; border: 2px solid var(--navy); border-radius: 16px; background: var(--surface, #fffdf8); }
.diagnostic-steps li::before { content: counter(diagnostic, decimal-leading-zero); display: inline-block; margin-right: 10px; font-weight: 900; color: var(--blue); }
.diagnostic-steps strong { display: block; margin-bottom: 6px; }
.compatibility-note { padding: 14px 16px; border-left: 5px solid var(--yellow, #ffd13b); background: rgba(255, 209, 59, .14); }
@media (max-width: 640px) {
  .compatibility-table-wrap { overflow: visible; border: 0; background: transparent; }
  .compatibility-table { min-width: 0; border-collapse: separate; }
  .compatibility-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .compatibility-table tbody { display: grid; gap: 12px; }
  .compatibility-table tr { display: grid; padding: 12px; border: 2px solid var(--navy); border-radius: 14px; background: var(--surface, #fffdf8); }
  .compatibility-table td { display: grid; grid-template-columns: minmax(72px, 92px) minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(18, 43, 101, .16); overflow-wrap: anywhere; }
  .compatibility-table td:last-child { border-bottom: 0; }
  .compatibility-table td::before { color: var(--ink-soft); font-size: .78rem; font-weight: 800; }
  .compatibility-table td:nth-child(1)::before { content: "항목"; }
  .compatibility-table td:nth-child(2)::before { content: "상태"; }
  .compatibility-table td:nth-child(3)::before { content: "환경·방식"; }
  .compatibility-table td:nth-child(4)::before { content: "근거·제한"; }
}