/*
 * MAYARUINS.CSS: FINAL RESPONSIVE ARCHIVE STYLES
/*
 * /resources/mayaruins.css
 * Clean, External Stylesheet for MayaRuins Website.
 */

/* ---------------------------------------------------- */
/* 1. GLOBAL BASE & WRAPPERS */
/* ---------------------------------------------------- */

body { 
    margin: 0; 
    padding: 0; 
    background-color: #e2edd6; 
    font-family: Arial, Helvetica, sans-serif; 
}

/* Main Content Wrapper (Outer 900px Image Boundary) */
.content-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    background-color: #e2edd6; 
}

/* Archive Footer Content Wrapper (900px Constraint) */
.archive-footer {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    background-color: #e2edd6;
}

/* Image Fluidity & Border */
img { 
    max-width: 100%; 
    height: auto; 
    border: 2px solid #000000; 
    display: block; 
}

/* This rule should be in your insights-archive.css */
.image-center {
    display: block !important; /* Forces the image to behave like a block element */
    margin: 0 auto !important; /* CRITICAL: Centers the block horizontally */
}

/* ---------------------------------------------------- */
/* 2. TYPOGRAPHY & LINK STYLES */
/* ---------------------------------------------------- */

h1 { 
    font-size: 20px; 
    line-height: 1.2; 
    color: #333333; 
    margin: 15px 0 10px 0; 
    padding: 0 25px; 
}

h2 { 
    font-size: 18px; 
    color: #333333; 
    margin: 15px 0 10px 0; 
    padding: 0 25px; 
}

h3 { /* Retained as placeholder, ensure this matches H2 for consistency */
    font-size: 18px; 
    color: #333333; 
    margin: 15px 0 10px 0; 
    padding: 0 25px; 
}

p { 
    font-size: 16px; 
    line-height: 1.4; /* Unitless is best practice for line-height */
    color: #000000; 
    margin: 0 0 15px 0; 
    padding: 0 25px; 
}

/* Generic Link Styles (Relies on browser default underline) */
a { font-weight: bold; color: #0000AA; }

ul { padding-left: 45px; margin: 0 0 20px 0; }
li { font-size: 15px; line-height: 1.5; margin-bottom: 10px; }
hr { border-top: 1px solid #cccccc; border-bottom: 0; width: 80%; margin: 25px auto; }

/* ---------------------------------------------------- */
/* 3. CUSTOM CLASSES */
/* ---------------------------------------------------- */

.ref {
    font-size: 0.9em; 
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    text-align: left;
    margin: 0.2cm auto 0.5cm auto;
    max-width: 900px; 
    padding: 0 15px; 
}

.copy { /* Note: Used the generic P tag for the sizing */
    font-size: 0.9em; 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    text-align: center;
    margin: 0.2cm auto 0.5cm auto;
    max-width: 900px; 
    padding: 0 15px;
}

.section-title {
    font-size: 17.5px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    padding: 0 15px;
    display: block;
}

.nav-article {
    text-align: center;
    font-size: 0.9em; 
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 15px;
    margin: 1.5em auto 1.5em auto; 
    max-width: 900px;
}
.nav-article a {
    text-decoration: underline !important;
    font-weight: bold; 
    color: #0000AA; 
}

.firstParagraph a {
	font-size: 16px; 
    line-height: 1.4; /* Unitless is best practice for line-height */
    color: #000000; 
    margin: 0 0 15px 0; 
    padding: 0 25px; 
}