html {
    scroll-behavior: smooth;
}

body {
    padding-top: 56px;
    padding-bottom: 56px;
}

/* Override Bootstrap's default pink/cyan code styling to use gray */
code {
    color: #495057;
    background-color: #f8f9fa;
}

.logo-placeholder {
    max-width: 900px; /* Increased for more horizontal span */
    display: block;
    margin: 0 auto;
    padding: 20px 0; /* Add some vertical spacing */
}