/* Deliverability page — supporting bits on the .apl system. Reuses
   platform_page.css (.plat-stage, .mock, .chan-row, .metric), database_page.css
   (.db-stats), and the shared .inbox-mock. Static, token-based, no purple. */

.apl .deliv-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-top: 8px; }
@media (max-width: 900px) { .apl .deliv-hero-grid { grid-template-columns: 1fr; gap: 32px; } }

/* Reputation / warmup bars */
.apl .rep-row { display: flex; align-items: center; gap: 12px; padding: 9px 0; }
.apl .rep-row .lbl { width: 132px; flex: none; font-size: 0.84rem; color: var(--fg-2); }
.apl .rep-track { flex: 1; height: 8px; background: var(--bg-1); border-radius: 999px; overflow: hidden; }
.apl .rep-fill { display: block; height: 100%; background: var(--ok); }
.apl .rep-fill[data-w="98"] { width: 98%; }
.apl .rep-fill[data-w="94"] { width: 94%; }
.apl .rep-fill[data-w="100"] { width: 100%; }
.apl .rep-fill[data-w="72"] { width: 72%; background: var(--accent-2); }
.apl .rep-row .pct { font-family: "Geist Mono", monospace; font-size: 0.74rem; color: var(--ok); width: 42px; text-align: right; flex: none; }
.apl .rep-row .pct.warm { color: var(--accent-2); }