/* SEO-related styles */

/* Breadcrumbs */
.seo-breadcrumb {
    margin-bottom: 1.5rem;
    padding: 0.5rem 0;
}

    .seo-breadcrumb .breadcrumb {
        margin-bottom: 0;
        padding: 0.5rem 0;
        background-color: transparent;
    }

/* Related Content */
.related-content {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .related-content .card {
        border-radius: 0.5rem;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    }

    .related-content .card-title {
        font-size: 1.25rem;
        margin-bottom: 1rem;
        color: var(--lpx-text-color);
    }

    .related-content .h3 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
    }

    .related-content .list-unstyled li {
        left: 0.5rem;
        display: inline-block;
    }

    .related-content .related-link {
        color: var(--lpx-text-color);
        text-decoration: none;
        transition: color 0.2s;
    }

        .related-content .related-link:hover {
            text-decoration: underline;
        }


        .related-content .related-link.disabled {
            pointer-events: none;
            cursor: default;
            color: var(--bs-gray) !important;
        }

/* Semantic HTML improvements */
.main-title {
    margin-bottom: 0.5rem;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .related-content .col-md-6:first-child {
        margin-bottom: 1.5rem;
    }
}

/* Accessibility improvements */
.related-link:focus {
    outline: 2px solid #0056b3;
    outline-offset: 2px;
}

/* Print styles for better SEO */
@media print {
    .related-content,
    .seo-breadcrumb {
        display: none;
    }
}

.seo-breadcrumb .breadcrumb {
    border: 1px dotted #535353;
}