.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}table{width:100%;border-collapse:collapse;background:white}@media (min-width:769px){table{min-width:600px}}table thead th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:12px 16px;text-align:left;font-weight:600;font-size:14px;white-space:nowrap}table tbody td{padding:12px 16px;border-bottom:1px solid #e0e0e0;font-size:14px;line-height:1.6}table tbody tr:nth-child(even){background-color:#f8f9fa}table tbody tr:hover{background-color:#f0f0f0}@media (max-width:768px){.table-wrapper{margin:15px 0;border-radius:6px}table thead th{font-size:13px;padding:10px 12px}table tbody td{font-size:13px;padding:10px 12px}}@media (max-width:480px){table thead th{font-size:12px;padding:8px 10px}table tbody td{font-size:12px;padding:8px 10px}}.table-wrapper img{max-width:100%;height:auto;display:block}.related-articles-carousel{margin:40px 0;padding:30px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;overflow:hidden}.related-articles-carousel h3{font-size:1.5rem;color:#333;margin:0 0 25px 0;padding:0 20px;display:flex;align-items:center;gap:10px}.carousel-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel-item{background:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;scroll-snap-align:start;min-width:280px}.carousel-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.carousel-item img{width:100%;height:180px;object-fit:cover;margin:0;border-radius:0;box-shadow:none}.carousel-content{padding:20px}.carousel-content h4{font-size:1.1rem;color:#333;margin:0 0 12px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-content a{color:#667eea;text-decoration:none;font-weight:500;font-size:0.95rem;display:inline-flex;align-items:center;gap:5px;transition:color 0.3s}.carousel-content a:hover{color:#764ba2}@media (max-width:768px){.related-articles-carousel{margin:30px 0;padding:20px 0}.related-articles-carousel h3{font-size:1.3rem;margin:0 0 20px 0;padding:0 15px}.carousel-container{grid-template-columns:1fr;gap:15px;padding:0 15px}.carousel-item{min-width:100%}.carousel-content h4{font-size:1rem}}.table-wrapper img{aspect-ratio:16 / 10;object-fit:cover}.table-wrapper{border:1px solid #ddd}