Aaron-Whittaker-1
/* Responsive container for horizontal scroll on small screens */ .table-container { width: 100%; overflow-x: auto; margin: 1.5rem 0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .post-table { width: 100%; border-collapse: collapse; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 0.95rem; background-color: #ffffff; color: #333333; } /* Header styling */ .post-table thead { background-color: #f8fafc; border-bottom: 2px solid #e2e8f0; } .post-table th { padding: 14px 16px; font-weight: 600; color: #1e293b; text-align: center; } /* Body cell styling */ .post-table td { padding: 12px 16px; border-bottom: 1px solid #f1f5f9; text-align: center; vertical-align: middle; } /* Hover and alternating rows */ .post-table tbody tr:hover { background-color: #f8fafc; } .post-table tbody tr:last-child td { border-bottom: none; } /* Column-specific sizing & alignment */ .post-table .col-rank { width: 10%; color: #64748b; font-weight: 500; } .post-table .col-vertical { width: 60%; } .post-table .col-growth { width: 30%; color: #16a34a; /* Positive green accent */ } /* Links */ .post-table a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.15s ease; } .post-table a:hover { color: #1d4ed8; text-decoration: underline; }