.entry-content, .post-content, .site-content .container, .ast-container, .page-content { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } #byte-directory-page { background-color: #0b0f1a !important; color: #f1f5f9 !important; font-family: ‘Inter’, system-ui, -apple-system, sans-serif !important; padding: 80px 0 !important; min-height: 100vh !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; } .dir-header { max-width: 1000px; width: 90%; text-align: center; margin-bottom: 60px; border-bottom: 1px solid #1e293b; padding-bottom: 40px; } .dir-header h1 { font-size: 3rem !important; font-weight: 900 !important; color: #ffffff !important; margin-bottom: 15px !important; letter-spacing: -0.03em; } .dir-header p { color: #94a3b8 !important; font-size: 1.1rem !important; line-height: 1.6 !important; } .dir-container { max-width: 1200px; width: 92%; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: flex-start; } .dir-column { background: #161b2c; border: 1px solid #2d3748; border-radius: 12px; padding: 30px; } .dir-column h2 { color: #38bdf8 !important; font-size: 1.3rem !important; margin-bottom: 20px !important; font-weight: 800 !important; border-bottom: 1px solid #2d3748; padding-bottom: 15px; } .dir-column ul { list-style: none; padding: 0; margin: 0; } .dir-column ul li { margin-bottom: 12px; } .dir-column ul li a { color: #cbd5e1; text-decoration: none; font-size: 0.9rem; transition: color 0.2s; display: block; } .dir-column ul li a:hover { color: #ffffff; text-decoration: underline; }