body {
    /* Sets the font defined in index.html's <link> */
    font-family: 'Share Tech Mono', monospace;
}

/* Standard Sidebar Dimensions */
/* *** FIX: CSS for Sidebar Collapse (Addresses the reported issue) ***
These classes are toggled by the JavaScript to control the sidebar's visual state.
*/

/* --- FIX: Add left padding to the main content title for button clearance --- */
#content-title {
    padding-left: 20px;
}

#sidebar-container {
    /* Apply smooth transition to the transform/width properties for sliding/shrinking effect */
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Mobile Collapse State (Used when window width < 768px): Slide completely off-screen */
.sidebar-collapsed-mobile {
    transform: translateX(-100%);
}

/* Desktop Collapse State (Used when window width >= 768px): Shrink width and hide content */
@media (min-width: 768px) {
    .sidebar-collapsed-desktop {
        width: 5px !important; /* Override md:w-32 (128px) */
        overflow: hidden;
        opacity: 0.1; /* Optional: Slight fade effect */
    }
    /* Hide the main content inside the sidebar when collapsed on desktop */
    .sidebar-collapsed-desktop #nav-links,
    .sidebar-collapsed-desktop #reviews {
        display: none;
    }
}
#main-content {
    height: calc(100vh - 97px);
}

/* Custom scrollbar for reviews to match the dark theme */
#reviews-content::-webkit-scrollbar {
    width: 4px;
}
#reviews-content::-webkit-scrollbar-thumb {
    background: #06b6d4; /* cyan-500 */
    border-radius: 2px;
}

/* Prose styling for main content text */
/* These classes are applied to the injected content to enforce the color scheme */
#content-body .prose {
    color: #22d3ee; 
}
#content-body .prose h3, #content-body .prose h4 {
    color: #fbbf24; /* amber-400 */
}
#content-body .prose a {
    color: #a3e635; /* lime-400 */
    text-decoration: none;
}
#content-body .prose a:hover {
    text-decoration: underline;
}

/* Target paragraphs only inside specific note sections */
#section-4-notes p,
#section-5-bottom-line p {
    text-indent: 1.5em;
    margin: 0.5rem 0;
    line-height: 1.4;
}

/* Remove top margin from first paragraph in each section */
#section-4-notes p:first-of-type,
#section-5-bottom-line p:first-of-type {
    margin-top: 0;
}