/* Card Styling */
    .bearer-card {
        text-align: center; margin-bottom: 30px; padding: 30px 20px;
        background: #fff; border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        border-top: 3px solid transparent;
        transition: all 0.3s ease;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bearer-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        border-top: 3px solid #17a2b8;
    }
    .bearer-img {
        width: 150px; height: 150px; object-fit: cover;
        border-radius: 50%; border: 4px solid #f0f0f0; margin-bottom: 15px;
    }
    .bearer-name {
        font-size: 20px; font-weight: 700; color: #333; margin-bottom: 10px;
    }
    .bearer-desc {
        font-size: 14px; color: #666; margin-bottom: 15px; flex-grow: 1;
    }
    
    /* Modal Button */
    .modal-btn {
        background-color: #51BE78; color: #fff; border: none;
        padding: 8px 20px; border-radius: 20px; font-size: 13px;
        transition: background 0.3s ease;
    }
    .modal-btn:hover { background-color: #51BE78; color: #fff; text-decoration: none; }
    
    /* Custom Wide Modal */
    @media (min-width: 992px) {
        .modal-wide { max-width: 800px; }
    }
     /* --- LIST STYLES --- */
    .about-text ul,
    .about-text ol {
        margin-bottom: 1rem;
    }

    ul[data-list-style="disc"] {
        list-style-type: disc !important;
    }

    ul[data-list-style="circle"] {
        list-style-type: circle !important;
    }

    ul[data-list-style="square"] {
        list-style-type: square !important;
    }

    ul[data-list-style="check"] {
        list-style-type: none !important;
        padding-left: 0 !important;
    }

    ul[data-list-style="check"]>li {
        padding-left: 30px !important;
        position: relative;
        margin-bottom: 5px;
    }

    ul[data-list-style="check"]>li:before {
        content: "✓";
        position: absolute;
        left: 0;
        font-weight: bold;
        font-size: 18px;
        color: inherit;
    }

    ul[data-marker-color]>li::marker,
    ol[data-marker-color]>li::marker {
        color: var(--marker-color) !important;
    }

    ul[data-list-style="check"][data-marker-color]>li:before {
        color: var(--marker-color) !important;
    }

    ul[data-list-style="check"]>li[data-check-color]:before {
        color: attr(data-check-color color) !important;
    }