/* notch apps compared: accent colours only. Everything else lives in /app.css. */
:root { --a1: #e8590c; --a2: #ffb347; }
.facts { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.facts th, .facts td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,244,220,.25); vertical-align: top; }
.facts th { font-weight: 700; color: #fff; white-space: nowrap; }
@media (max-width: 640px) {
  .facts, .facts tbody, .facts tr, .facts th, .facts td { display: block; width: auto; }
  .facts th { white-space: normal; padding-bottom: 0; border-bottom: 0; }
  .facts td { padding-top: 2px; }
}