/* creator program: 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; }
.apply { display: inline-block; margin: 6px 0 4px; padding: 12px 20px; background: #ffd23f; color: #18102f; font-weight: 800; border-radius: 8px; text-decoration: none; box-shadow: 0 4px 0 rgba(0,0,0,.4); }
.apply:hover, .apply:focus-visible { background: #fff4dc; }
.doc code { overflow-wrap: anywhere; }
@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; }
}