/* Shared styles for department pages (pathology, surgery, pediatrics, etc.) */
.card-body ul li {
    font-size: 0.9rem;
    color: #000;
    font-weight: 500;
}

.card-body ol li {
    font-size: 0.9rem;
    color: #000;
    font-weight: 500;
}

.card-body p {
    font-size: 0.9rem;
    color: #000;
}

.minicard {
    box-shadow: 0px 0px 1px 1px #00000010;

}

/* Brand-consistent card headers instead of Bootstrap's default
   green/red/yellow/gray mix (Vision & Mission, Academic Activities,
   Infrastructure, Services, Research & Publications cards) */
.card-header.bg-success,
.card-header.bg-danger,
.card-header.bg-warning,
.card-header.bg-secondary {
    background-color: var(--dark-navy, #0a1d37) !important;
    color: #fff !important;
    border-left: 4px solid var(--primary-red, #dc3545);
}

details summary.read-more-btn {
    display: inline-block;
    cursor: pointer;
    padding: 8px 16px;
    margin-top: 10px;
    background: var(--primary-red, #dc3545);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    list-style: none;
    /* remove default arrow */
}

details[open] summary.read-more-btn::after {
    content: " ▲";
    /* changes when open */
    font-size: 12px;
}

details summary.read-more-btn::after {
    content: " ▼";
    /* default arrow */
    font-size: 12px;
}