/* Completed examples: preserve table relationships, with labelled rows on phones. */
.v-output .v-completed-table{width:100%;border-collapse:collapse;table-layout:fixed;line-height:1.65;font-size:inherit;margin:0}
.v-completed-table th,.v-completed-table td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #adc8ad;overflow-wrap:anywhere}
.v-completed-table thead th{font-weight:700;border-bottom:2px solid #91b18e}
.v-completed-table thead th:first-child{width:40%}
.v-completed-table tbody th{font-weight:400}
.v-completed-label{display:none}
.v-output pre.v-completed-notes{margin-top:20px}
/* Related-card labels must also reflow when text is enlarged. */
.v-related .v-prompt-badge{white-space:normal;overflow-wrap:anywhere;min-width:0}
.v-related .v-card-meta{flex-wrap:wrap}
@media(max-width:600px){
 .v-output .v-completed-table{display:block}
 /* Column headings stay available to assistive technology. Visible labels
    repeat those headings in every card; no data or note is hidden. */
 .v-completed-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
 .v-completed-table tbody{display:grid;gap:12px}
 .v-completed-table tbody tr{display:block;padding:14px;border:1px solid #adc8ad;border-radius:6px;background:#fff}
 .v-completed-table tbody th,.v-completed-table tbody td{display:block;width:auto;padding:0;border:0}
 .v-completed-table tbody td{margin-top:9px}
 .v-completed-label{display:block;font-weight:700;margin-bottom:2px}
 .v-completed-value{display:block}
}