/* Shared tables grow with their content. Narrow containers show labelled rows. */
#content .data-table-wrap{container-type:inline-size;container-name:data-table;width:100%;min-width:0;max-width:100%;overflow:visible}
#content .data-table{display:table;width:100%;min-width:0;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left;overflow:visible}
#content .data-table caption{padding:12px 0;text-align:left;font-weight:500;overflow-wrap:anywhere}
#content .data-table :is(th,td){min-width:0;max-width:none;padding:10px 8px;border:1px solid var(--line);vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#content .data-table thead th{background:#f7f5fa;font-weight:500}
#content .data-table .data-table-label{display:none}
#content .data-table .data-table-value{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal}
#content .data-table :is(code,pre,a){white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%}

/* Many-column model replies stay readable even in a wide desktop panel. */
#content .data-table-many{display:block;table-layout:auto}
#content .data-table-many thead{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
#content .data-table-many tbody{display:block;width:100%}
#content .data-table-many tbody tr{display:block;border:1px solid var(--line);border-radius:10px;padding:5px 14px;background:#fff}
#content .data-table-many tbody tr+tr{margin-top:12px}
#content .data-table-many tbody td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:8px 18px;border:0;padding:10px 0;width:auto}
#content .data-table-many tbody td+td{border-top:1px solid var(--line)}
#content .data-table-many .data-table-label{display:block;color:var(--muted);font-size:13px;line-height:1.6}
#content .data-table-many caption{display:block}

@container data-table (max-width:600px){
  #content .data-table-wide{display:block;table-layout:auto}
  #content .data-table-wide thead{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  #content .data-table-wide tbody{display:block;width:100%}
  #content .data-table-wide tbody tr{display:block;border:1px solid var(--line);border-radius:10px;padding:5px 14px;background:#fff}
  #content .data-table-wide tbody tr+tr{margin-top:12px}
  #content .data-table-wide tbody td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:8px 18px;border:0;padding:10px 0;width:auto}
  #content .data-table-wide tbody td+td{border-top:1px solid var(--line)}
  #content .data-table-wide .data-table-label{display:block;color:var(--muted);font-size:13px;line-height:1.6}
  #content .data-table-wide caption{display:block}
}
@container data-table (max-width:440px){
  #content .data-table{display:block;table-layout:auto}
  #content .data-table thead{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  #content .data-table tbody{display:block;width:100%}
  #content .data-table tbody tr{display:block;border:1px solid var(--line);border-radius:10px;padding:5px 14px;background:#fff}
  #content .data-table tbody tr+tr{margin-top:12px}
  #content .data-table tbody td{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;border:0;padding:10px 0;width:auto}
  #content .data-table tbody td+td{border-top:1px solid var(--line)}
  #content .data-table .data-table-label{display:block;color:var(--muted);font-size:13px;line-height:1.6}
  #content .data-table caption{display:block}
}

.word-lab table{table-layout:fixed;max-width:100%}
.word-lab :is(th,td){min-width:0;overflow-wrap:anywhere}