/* custom.css - restructured styles */

/* generic utility rules */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

/* dark-mode classes might be toggled by custom.js */
.io-black-mode {
    /* additional dark-mode styling can be placed here */
}

/* extracted from inline <style> blocks */
.customize-width {
    max-width: 1900px;
}

.sidebar-nav {
    width: 220px;
}

@media (min-width: 768px) {
    .main-content {
        margin-left: 220px;
    }

    .main-content .page-header {
        left: 220px;
    }
}

/* any other custom styles can be appended */