/* Reduce sidebar width and increase content width */
.sidebar-drawer {
    max-width: 20em; /* Default is around 300px */
}

.content {
    margin-left: 2em; /* Sidebar width + some margin */
    max-width: none; /* Remove max-width restriction */
    width: calc(100% - 22em); /* Full width minus sidebar and margins */
}

/* For mobile responsiveness */
@media (max-width: 967px) {
    .content {
        margin-left: 0;
        width: 100%;
    }
}

/* Add a clean border and subtle shadow to screenshots */
.bordered-image img {
    border: 1px solid #d0d7de;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}


/* Catch all Increase font weight */
* {
    font-weight: 450 !important;
}

/* But keep headings and bold elements heavier */
strong, b {
    font-weight: 600 !important;
}


h1 {
    font-size: 2.0em;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    font-weight: 600 !important;
}
h2 {
    font-size: 1.75em;
    margin-top: 1.75rem;
    margin-bottom: 1.25rem;
    font-weight: 600 !important;
}

h3 {
    font-size: 1.50em;
    font-weight: 600 !important;
}
h4 {
    font-size: 1.35em;
    font-weight: 600 !important;
}
h5 {
    font-size: 1.25em;
    font-weight: 600 !important;
}
h6 {
    font-size: 1.125em;
    font-weight: 600 !important;
}