, whose\n// style forces its own color/margins and would override the cell's color\n// (e.g. white header text). Unwrap paragraphs so text inherits cell color.\nconst renderCellContent=children=>{if(children==null||children===\"\")return null;if(typeof children===\"string\"){return children.trim()===\"\"?null:children;}if(Array.isArray(children)){const rendered=children.map((child,i)=>{const out=renderCellContent(child);return out?/*#__PURE__*/_jsx(React.Fragment,{children:out},i):null;}).filter(Boolean);return rendered.length>0?rendered:null;}if(children.type===\"p\"){return renderCellContent(children.props.children);}return renderElement(children);};// Collect all elements of a given tag name within a subtree (in order)\nconst collectByType=(node,tag,acc)=>{if(!node)return;if(Array.isArray(node)){node.forEach(n=>collectByType(n,tag,acc));return;}if(typeof node!==\"object\")return;if(node.type===tag){acc.push(node);return;}if(node.props&&node.props.children){collectByType(node.props.children,tag,acc);}};// Get the direct th/td cells of a row, in order\nconst getRowCells=row=>{const raw=Array.isArray(row.props.children)?row.props.children:[row.props.children];return raw.filter(c=>c&&typeof c===\"object\"&&(c.type===\"td\"||c.type===\"th\"));};// Render a table as stacked cards for narrow viewports\nconst renderMobileTable=(tableElement,key)=>{const rows=[];collectByType(tableElement.props.children,\"tr\",rows);if(rows.length===0)return null;// Treat the first row as headers if it contains any