/* v29: the converter's column preview on a phone: date, description and amount; the balance and the reading move under the description */
@media (max-width: 640px) { #cm-preview .hide-sm { display: none; } #cm-preview .sm-only { display: block; } #cm-preview td { padding-inline: 8px; } #cm-preview td.num { white-space: nowrap; } }

/* v30: the password of a protected PDF */
.pw-row { flex-wrap: wrap; } .pw-row input { width: min(240px, 100%); }
@media (max-width: 920px) { .field.inline.pw-row input { width: 100%; min-height: 44px; } .pw-row .btn { width: 100%; justify-content: center; } }

/* v32: the question after a conversion ("every month?") and its answer. An open block inside the card, not a card on a card: a rule above, the brand edge on the left. */
.ask { border-top: 1px solid var(--line); padding: 14px 0 2px 14px; margin-left: 0; display: flex; flex-direction: column; gap: 8px; box-shadow: inset 2px 0 0 var(--brand-edge); }
.ask > b { font-weight: 500; color: var(--ink-strong); }
.ask.done { box-shadow: inset 2px 0 0 var(--brand); }
.ask:focus { outline: none; } .ask:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.ask .field.inline { flex-wrap: wrap; }