/* asks: short prompts side by side, two to a row (one on a phone). .wide spans the row.
     <div class="asks"><div class="prompt" data-kind="prompt">…</div> …</div> */
.asks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: var(--s-4) 0; }
.asks .prompt { margin: 0; }
@media (min-width: 1024px) { .asks { margin-inline: -32px; } .asks .prompt { padding-inline-start: var(--s-4); } }
.asks .prompt.wide { grid-column: 1 / -1; }
@media (max-width: 559px) { .asks { grid-template-columns: 1fr; } }