/* Custom CSS for Wikipedia (adjust for your preferred skin, e.g., Vector) */

/* General page layout adjustments */
#content { /* The main content area */
    max-width: 950px; /* Limit content width for readability */
    margin: 0 auto; /* Center the content area */
    padding: 20px;
    background-color: #f8f8f8; /* Light gray background for the content area */
    border-radius: 8px; /* Rounded corners for the content area */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Page title (h1.firstHeading) */
h1.firstHeading {
    font-family: "Georgia", serif; /* Change font to Georgia, serif fallback */
    font-size: 2.2em; /* Increase font size */
    color: #333333; /* Dark gray for page title */
    border-bottom: 2px solid #cccccc; /* Add a bottom border */
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Headings within the content (h2, h3, etc.) */
h2, h3, h4, h5, h6 {
    font-family: "Arial", sans-serif; /* Change font to Arial, sans-serif fallback */
    color: #444444; /* Slightly lighter than page title */
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* Link customization */
a { /* All links */
    color: #007bff; /* Blue for links */
    text-decoration: none; /* Remove underline */
}

a:visited { /* Visited links */
    color: #6610f2; /* Purple for visited links */
}

a:hover { /* Links on hover */
    text-decoration: underline; /* Add underline on hover */
    color: #0056b3; /* Darker blue on hover */
}

/* Table of contents (toc) customization */
.toc {
    background-color: #f0f0f0; /* Light gray background for TOC */
    border: 1px solid #dddddd; /* Border around TOC */
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.toc .toctext {
    font-family: "Verdana", sans-serif;
    font-size: 0.95em;
}

/* Sidebar elements (customize based on your skin's structure) */
#mw-navigation { /* The main navigation container for the sidebar */
    background-color: #e9ecef; /* Lighter gray background for the sidebar */
    border-right: 1px solid #dddddd; /* Right border for the sidebar */
    padding: 10px 0;
}

/* Specific elements within the sidebar (example for Vector 2022) */
.vector-menu-heading { /* Sidebar section headings */
    font-weight: bold;
    color: #333333;
    padding: 5px 15px;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 5px;
}

.vector-menu-content li a { /* Sidebar links */
    font-size: 0.9em;
    padding: 3px 15px;
    display: block; /* Make links block-level to fill space */
}

.vector-menu-content li a:hover { /* Sidebar links on hover */
    background-color: #d8e1e7;
    color: #0056b3;
}

/* Hide the "talk" link in the sidebar (if desired) */
li#pt-talk {
    display: none;
}

/* Adjust font size for body text */
body {
    font-size: 16px;
    line-height: 1.6;
}