// Custom Component Styles
// Add custom styles that extend or modify Bootstrap components

// Example: Custom navbar styling
// .navbar-brand {
//   font-weight: 700;
// }

// Example: Custom card styling
// .card {
//   border-radius: 8px;
// }

// Add your custom styles here

.highlight {
    pre {
        padding: 1em;
    }
}

// Emphasize blockquotes
blockquote {
    border-left: 4px solid $link-color;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    background-color: #f8f9fa;
    font-style: italic;
    border-radius: 0 0.25rem 0.25rem 0;
    color: #495057;

    p:last-child {
        margin-bottom: 0;
    }
}

// Ensure images inside markdown content are responsive
article img, main img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}