/* ===== SIDEBAR & LAYOUT FIXES ===== */
.no-header .page-header {
  display: none;
}

/* Hide the homepage link in sidebar */
.site-body-left-column-site-name {
    display: none;
}

/* Make left navigation bar thinner */
.site-body-left-column {
    width: 160px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    flex: 0 0 140px !important;
}

/* Make main body content expand to full available width */
.site-body-center-column {
    margin-left: 140px !important;
    width: calc(100% - 140px) !important;
    max-width: none !important;
    flex: 1 1 auto !important;
}

/* Ensure proper flex layout */
.site-body {
    display: flex !important;
    width: 100% !important;
}

.site-body-right-column {
    flex: 0 0 auto !important;
}

/* Remove all width constraints from content area */
.render-container,
.render-container-inner,
.publish-renderer,
.markdown-preview-view {
    max-width: none !important;
    width: 100% !important;
}

/* Specifically target the content section */
.markdown-preview-section {
    max-width: none !important;
    width: 100% !important;
}

/* Remove readable line width constraint */
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
    max-width: none !important;
}

.markdown-preview-view.is-readable-line-width {
    max-width: none !important;
}

/* ===== HIDE ELEMENTS ===== */
.site-footer a {
  display: none;
}

.on-this-page-section {
    display: none;
}

.internal-embed[alt*="no-title"] .markdown-embed-title {
    display: none;
}

/* ===== IMAGE STYLING ===== */
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ===== TYPOGRAPHY & WIKIPEDIA-LIKE STYLES ===== */

/* Define Linux Libertine fonts */
@font-face {
    font-family: 'Linux Libertine';
    src: url('https://b983c528.corruptipediafonts.pages.dev/LinLibertine_DRah.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Linux Libertine';
    src: url('https://b983c528.corruptipediafonts.pages.dev/LinLibertine_RBah.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Base body styles */
body {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.6;
    color: #202122;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

/* Heading styles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Georgia", "Times New Roman", serif;
    font-weight: bold;
    color: #000;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 1.8em;
    border-bottom: 1px solid #a2a9b1;
    padding-bottom: 0.25em;
}

h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #a2a9b1;
    padding-bottom: 0.25em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.9em;
}

/* Text elements */
p {
    margin-bottom: 1em;
}

a {
    color: #0645ad;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Lists */
ul, ol {
    margin-bottom: 1em;
    padding-left: 2em;
}

/* Blockquotes */
blockquote {
    border-left: 4px solid #a2a9b1;
    padding-left: 1em;
    color: #202122;
    margin-bottom: 1em;
}

/* Code blocks */
code {
    font-family: Consolas, "Courier New", monospace;
    background-color: #f8f9fa;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 0.9em;
}

pre {
    background-color: #f8f9fa;
    padding: 1em;
    border-radius: 2px;
    overflow-x: auto;
}

pre code {
    background-color: transparent;
    padding: 0;
    font-size: 0.9em;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .site-body-left-column {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
    }
    
    .site-body-center-column {
        margin-left: 120px !important;
        width: calc(100% - 120px) !important;
    }
    
    body {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .site-body-left-column {
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;
    }
    
    .site-body-center-column {
        margin-left: 100px !important;
        width: calc(100% - 100px) !important;
    }
}

/* ===== ADDITIONAL LAYOUT ENHANCEMENTS ===== */
/* Ensure tables and iframes can use full width */
.el-table table {
    width: 100% !important;
}

.el-iframe iframe {
    max-width: 100% !important;
}

/* Improve readability while maintaining full width */
.markdown-preview-section {
    line-height: 1.6;
}

/* Optional: Add some breathing room to the content */
.publish-renderer {
    padding: 0 20px !important;
}







/* ===== REMOVE GAP BETWEEN SIDEBAR AND MAIN CONTENT ===== */

/* Remove padding from the main container */
.published-container {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Remove any padding from the site body */
.site-body {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Make center column flush against sidebar */
.site-body-center-column {
    margin-left: 160px !important;
    width: calc(100% - 160px) !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Remove padding from the render container */
.render-container {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Remove padding from the content area */
.publish-renderer {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Remove any left padding from the markdown preview */
.markdown-preview-view {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Specifically target the content section */
.markdown-preview-section {
    padding-left: 20px !important; /* Keep some breathing room for text */
    margin-left: 0 !important;
}

/* Remove padding from the site header */
.site-header {
    padding-left: 20px !important; /* Keep header aligned with content */
    margin-left: 0 !important;
}






/* Hide the entire left navigation sidebar */
.site-body-left-column {
    display: none !important;
}

/* Expand center column to full width */
.site-body-center-column {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}