.composition-table-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:2em 0;width:100%;overflow-x:auto}.composition-table-container table{width:100%;border-collapse:collapse;font-size:16px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05);background-color:#fff;border-radius:8px;overflow:hidden}.composition-table-container th,.composition-table-container td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.composition-table-container thead th{background-color:#f8f9fa;font-weight:600;color:#212529;text-transform:uppercase;font-size:14px}.composition-table-container tbody tr:nth-of-type(odd){background-color:#fdfdfd}.composition-table-container tbody tr:last-of-type td{border-bottom:none}.composition-table-container tbody tr:hover{background-color:#f1f1f1}@media screen and (max-width:600px){.composition-table-container table{box-shadow:none}.composition-table-container thead{display:none}.composition-table-container tr{display:block;border-bottom:2px solid #007bff;margin-bottom:15px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:8px}.composition-table-container td{display:block;text-align:right;border-bottom:1px dotted #ccc;position:relative;padding-left:50%}.composition-table-container td:last-child{border-bottom:none}.composition-table-container td::before{content:attr(data-label);position:absolute;left:15px;text-align:left;font-weight:600;color:#333}}