/* RPSC Assistant Professor English 2025 - Classic Literature Style */

/* Reset & Base */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.8;padding:30px 20px;max-width:1100px;margin:0 auto;background:#faf8f5;color:#2c2c2c}

/* Typography */
h1{color:#1a1a1a;padding:20px 0;text-align:center;margin-bottom:30px;border-bottom:3px solid #8b7355;font-size:2em;letter-spacing:1px;font-weight:400}
h2{color:#3d3d3d;padding:15px 20px;margin:35px 0 20px;background:#fff;border-left:4px solid #8b7355;box-shadow:0 1px 3px rgba(0,0,0,0.08);font-size:1.4em;font-weight:500}
h3{color:#4a4a4a;margin:25px 0 15px;font-size:1.2em;font-weight:500;letter-spacing:0.3px}

/* Paragraphs & Body Text */
p{margin:12px 0;line-height:1.85;text-align:justify;color:#3d3d3d}
strong{color:#2c2c2c;font-weight:600}
em{font-style:italic;color:#4a4a4a}
br{line-height:1.2}

/* Lists */
ul,ol{margin:20px 0 20px 30px;line-height:1.9}
ul li,ol li{margin:10px 0;padding-left:10px;color:#3d3d3d}
ul{list-style-type:disc}
ul li::marker{color:#8b7355}
ol{list-style-type:decimal}
ol li::marker{color:#8b7355;font-weight:600}

/* Grid Layout (for index page) */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}
.card{background:#fff;padding:25px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border-top:3px solid #8b7355;transition:box-shadow 0.3s ease}
.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.12)}
.card h3{margin-bottom:18px;color:#3d3d3d;border-bottom:1px solid #e0ddd9;padding-bottom:10px;font-family:'Segoe UI',Arial,sans-serif}
.card ul{margin-left:0;list-style-type:none}
.card ul li{margin:10px 0;padding-left:0}
.card a{text-decoration:none;color:#5a4a3a;display:block;padding:8px 0;transition:color 0.2s ease;font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}
.card a:hover{color:#8b7355;text-decoration:underline}

/* Info boxes */
.info{background:#fff;padding:20px;margin-bottom:30px;border-left:4px solid #8b7355;box-shadow:0 1px 4px rgba(0,0,0,0.08);line-height:1.9;overflow:hidden;display:block;clear:both}
.info p{margin:10px 0}
.info ul,.info ol{margin:15px 0 15px 25px}
.info ul li,.info ol li{margin:8px 0}

/* Styled content boxes */
.content-box{background:#fff;padding:25px;margin:25px 0;border-left:5px solid #8b7355;box-shadow:0 2px 8px rgba(0,0,0,0.08);line-height:1.9;overflow:hidden;display:block;clear:both}
.content-box p{margin:12px 0;color:#3d3d3d}
.content-box strong{color:#1a1a1a;font-weight:600}

/* Section divider with accent */
.section-divider{background:#f5f3f0;padding:20px 25px;margin:30px 0;border-left:5px solid #8b7355;box-shadow:0 1px 4px rgba(0,0,0,0.06);overflow:hidden;display:block;clear:both}
.section-divider p{margin:8px 0;line-height:1.9}
.section-divider strong{color:#2c2c2c}

/* Summary box style */
.summary-box{background:#fffbf5;padding:25px;margin:30px 0;border:2px solid #d4c9bd;border-left:5px solid #8b7355;box-shadow:0 2px 8px rgba(0,0,0,0.06);line-height:1.9;overflow:hidden;display:block;clear:both}
.summary-box h3{margin-top:0;margin-bottom:15px;color:#5a4a3a;border-bottom:1px solid #e0ddd9;padding-bottom:8px}
.summary-box p{margin:10px 0}
.summary-box ul,.summary-box ol{margin:15px 0 15px 25px}
.summary-box ul li,.summary-box ol li{margin:8px 0}

/* Tables */
table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
th,td{border:1px solid #e0ddd9;padding:14px 16px;text-align:left;vertical-align:top;line-height:1.8}
th{background:#f5f3f0;color:#3d3d3d;font-weight:600;font-size:0.95em;font-family:'Segoe UI',Arial,sans-serif;letter-spacing:0.3px}
td{color:#3d3d3d}
td ul,td ol{margin:8px 0 8px 20px}
td ul li,td ol li{margin:6px 0;line-height:1.7}
tr:hover{background:#faf9f7}
tr:nth-child(even){background:#fcfbf9}

/* Utility Classes */
.highlight{background:#fff4e0;font-weight:600;padding:4px 8px;border-radius:2px;color:#5a4a3a}
.mcq{background:#e8f4f8;padding:4px 10px;border-radius:2px;font-weight:600;font-style:italic;color:#2c5f7a;border-left:3px solid #5a9fb8}
.mem{color:#a85842;font-weight:700;background:#fef5f3;padding:3px 8px;border-radius:2px;border-bottom:2px solid #d4917a}
.note{background:#fffbf0;padding:20px;margin:25px 0;border-left:4px solid #c9a86a;box-shadow:0 1px 4px rgba(0,0,0,0.06);line-height:1.9;overflow:hidden;display:block;clear:both}
.note p{margin:10px 0}
.note ul,.note ol{margin:15px 0 15px 25px}
.note ul li,.note ol li{margin:8px 0}

/* Memory aids box */
.mnemonic{background:#fff;padding:25px;margin:25px 0;border-left:5px solid #8b7355;border-top:2px solid #d4c9bd;box-shadow:0 2px 8px rgba(0,0,0,0.08);line-height:1.8;overflow:hidden;display:block;clear:both}
.mnemonic strong{color:#1a1a1a;font-weight:600;margin-bottom:8px;display:inline-block}
.mnemonic ul,.mnemonic ol{margin:8px 0 8px 20px}
.mnemonic ul li,.mnemonic ol li{margin:4px 0;line-height:1.7}
.mnemonic p{margin:8px 0}

/* Warning/important box */
.warn{background:#fff9f0;padding:25px;margin:25px 0;border-left:5px solid #d4917a;border-top:2px solid #f4c7b0;box-shadow:0 2px 8px rgba(0,0,0,0.08);line-height:1.8;overflow:hidden;display:block;clear:both}
.warn strong{color:#a85842;font-weight:600;margin-bottom:8px;display:inline-block}
.warn ul,.warn ol{margin:8px 0 8px 20px}
.warn ul li,.warn ol li{margin:4px 0;line-height:1.7}
.warn p{margin:8px 0}

/* Navigation */
.nav{background:#f5f3f0;padding:18px;margin:30px 0;text-align:center;border-top:2px solid #8b7355;border-bottom:2px solid #8b7355}
.nav a{color:#5a4a3a;text-decoration:none;padding:10px 20px;margin:5px 10px;display:inline-block;background:#fff;border:1px solid #d4c9bd;transition:all 0.2s ease;font-weight:500;font-family:'Segoe UI',Arial,sans-serif}
.nav a:hover{background:#8b7355;color:#fff;border-color:#8b7355}

/* Dark background variants - light text on dark backgrounds */
.info.dark,.content-box.dark,.section-divider.dark,.summary-box.dark,.note.dark,.mnemonic.dark,.warn.dark{background:#3d3d3d;color:#f5f3f0}
.info.dark p,.content-box.dark p,.section-divider.dark p,.summary-box.dark p,.note.dark p,.mnemonic.dark p,.warn.dark p{color:#f5f3f0}
.info.dark strong,.content-box.dark strong,.section-divider.dark strong,.summary-box.dark strong,.note.dark strong,.mnemonic.dark strong,.warn.dark strong{color:#fff}
.info.dark ul li,.content-box.dark ul li,.section-divider.dark ul li,.summary-box.dark ul li,.note.dark ul li,.mnemonic.dark ul li,.warn.dark ul li{color:#f5f3f0}
.info.dark ol li,.content-box.dark ol li,.section-divider.dark ol li,.summary-box.dark ol li,.note.dark ol li,.mnemonic.dark ol li,.warn.dark ol li{color:#f5f3f0}
.summary-box.dark h3{color:#fff;border-bottom-color:#6d6d6d}

/* Automatic light text for h2 with dark backgrounds (common pattern in index) */
h2[style*="background:#3"]{color:#fff!important}
h2[style*="background:#4"]{color:#fff!important}
h2[style*="background:#5"]{color:#fff!important}
h2[style*="background:#6"]{color:#fff!important}
h2[style*="background:#7"]{color:#fff!important}
h2[style*="background:#8"]{color:#fff!important}
h2[style*="background:#9"]{color:#fff!important}
h2[style*="background:rgb"]{color:#fff!important}
h2[style*="background:gray"]{color:#fff!important}
h2[style*="background:grey"]{color:#fff!important}