/* 06-components/_facts.css — .c-facts: a key/value list on a page or in a panel.
   The page-level form of .c-sheet__facts and .mail__facts: a two-column grid, the key in mono
   faint ink, the value in Sans. For a billing contact, a subscription's terms, a seller preview,
   an invoice's head. A value may hold a c-status or a c-pill; a value in mono is a .u-mono. */
.c-facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-2xs) var(--space-md); margin: 0; font-size: var(--text-md); }
.c-facts dt { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--ink-faint); padding-top: 1px; }
.c-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.c-facts--cols { grid-template-columns: max-content 1fr max-content 1fr; }
@media (max-width: 40rem) { .c-facts--cols { grid-template-columns: max-content 1fr; } }