.detail-page{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.page-title{font-size:24px;font-weight:700;margin-bottom:20px}.search-form{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:20px}.search-form input{-ms-flex:1;flex:1;padding:10px;border:1px solid #ccc;border-radius:5px}.search-form button{padding:10px 20px;margin-left:10px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.search-form button:hover{background-color:#2980b9}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #ccc;text-align:center}th{background-color:#f1f1f1}tr:last-child td{border-bottom:none}@media (max-width:768px){table{width:100%}td,th{display:block;text-align:left;padding:10px}td:before,th:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:5px}}