.wiki .card { border: none; padding-inline: 10px; } .wiki .card-header { background-color: #f8f9fa; border-bottom: 1px solid rgba(0, 0, 0, 0.125); padding: 0.75rem 1.25rem; } .wiki .card-title { margin: 0; font-size: 1rem; font-weight: 600; } .wiki .list-group-item { border-radius: 0; border-left: none; border-right: none; } .wiki .list-group-item:first-child { border-top: none; } .wiki .list-group-item:last-child { border-bottom: none; } .wiki .list-group-item-action { color: #495057; transition: all 0.2s; } .wiki .list-group-item-action:hover, .wiki .list-group-item-action:focus { background-color: #f8f9fa; color: var(--fusia); } .wiki .submenu { display: none; background-color: #f8f9fa; } .wiki .list-group-item:hover .submenu, .wiki .list-group-item:focus-within .submenu { display: block; } .wiki .submenu .list-group-item { padding-left: 1.5rem; font-size: 0.9rem; border: none; background-color: transparent; } .wiki .submenu .list-group-item:hover { background-color: #e9ecef; } .wiki .submenu .list-group-item i { font-size: 0.8rem; } /* Responsive adjustments */ @media (max-width: 768px) { .wiki .col-3 { width: 100%; margin-bottom: 1rem; } } .wiki .card-title { font-weight: 600; transition: color 0.2s ease; } .wiki .card-title:hover { color: var(--primary) !important; } .wiki .avatar { width: 40px; height: 40px; border-radius: 50%; background-size: cover; background-position: center; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } /* Responsive adjustments */ @media (max-width: 767.98px) { .wiki .card-body { padding: 1.25rem; } .wiki .col-md-4 { min-height: 200px; } } /* Smooth hover effects */ .wiki a { transition: color 0.2s ease; } .wiki .btn-outline-primary { transition: all 0.2s ease; } .wiki .btn-outline-primary:hover { transform: translateY(-1px); }