// 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;
    }
}

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