/* Minimal Notion-style content styles for subjects */
:root {
  --text-primary: #111827;
  --text-secondary: #6B7280;
  --bg-primary: #ffffff;
  --border-light: #E5E7EB;
}
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif; background: var(--bg-primary); color: var(--text-primary); }
.nav { background: #fff; border-bottom: 1px solid var(--border-light); }
.nav-container { max-width: 1100px; margin: 0 auto; display: flex; gap: 24px; align-items: center; padding: 12px 16px; }
.nav-links a { color: var(--text-secondary); margin-right: 12px; text-decoration: none; }
.nav-links a:hover { color: var(--text-primary); }
.logo { height: 32px; }

.article-shell { max-width: 840px; margin: 24px auto; padding: 0 16px 64px; }
.article-header { margin: 32px 0 8px; }
.article-title { font-size: 34px; font-weight: 800; letter-spacing: -0.01em; margin: 0 0 8px; }
.article-meta { color: var(--text-secondary); display: flex; gap: 8px; align-items: center; font-size: 14px; }

.article-content { font-size: 17px; line-height: 1.8; }
/* Section headings with soft horizontal bar, like PMF IAS */
.article-content h2 { 
  font-size: 22px; font-weight: 800; 
  background: #F3F4F6; 
  border: 1px solid #E5E7EB; 
  border-radius: 8px; 
  padding: 10px 14px; 
  margin: 28px 0 12px; 
}
.article-content h3 { 
  font-size: 18px; font-weight: 700; 
  margin-top: 20px; 
  border-left: 4px solid #E5E7EB; 
  padding-left: 10px; 
}
.article-content p { margin: 12px 0; }
.article-content ul, .article-content ol { padding-left: 24px; margin: 10px 0; }
.article-content li { margin: 6px 0; }
.article-content ol { list-style: decimal; }
.article-content ul li::marker { color: #4B5563; }
.article-content ul { list-style: disc; }
.article-content table { width: 100%; border-collapse: collapse; margin: 16px 0; display: table; }
.article-content table, .article-content th, .article-content td { border: 1px solid var(--border-light); }
.article-content th, .article-content td { padding: 10px 12px; text-align: left; }
.article-content thead th { background: #F3F4F6; font-weight: 700; }
.article-content tbody tr:nth-child(odd) { background: #FBFBFC; }
.article-content blockquote { border-left: 3px solid var(--border-light); padding: 8px 12px; color: var(--text-secondary); margin: 12px 0; background: #fafafa; }
.article-content code { background: #f3f4f6; padding: 2px 6px; border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.95em; }
.article-content pre code { display: block; padding: 12px; overflow-x: auto; }
.article-content hr { border: none; border-top: 1px solid var(--border-light); margin: 24px 0; }
.article-content img { max-width: 100%; height: auto; display: block; margin: 12px auto; }
.article-content .definition-box { background: #f9fafb; border: 1px solid var(--border-light); border-radius: 8px; padding: 12px 14px; }
.article-content .quick-facts { background: #f9fafb; border: 1px solid var(--border-light); border-radius: 8px; padding: 12px 14px; }
.article-content .quick-facts li { margin: 6px 0; }
.article-content .table-wrapper { overflow-x: auto; }
.article-content > h1:first-of-type { display: none; }
.article-content article > h1:first-of-type { display: none; }

/* FAQ styling */
.faq { margin: 18px 0; }
.faq-item { border: 1px solid var(--border-light); border-radius: 8px; margin: 8px 0; background: #fff; }
.faq-item summary { cursor: pointer; padding: 10px 12px; font-weight: 600; list-style: none; }
.faq-item[open] summary { border-bottom: 1px solid var(--border-light); }
.faq-answer { padding: 10px 12px; }
/* Description-list FAQs */
.article-content dl { border: 1px solid var(--border-light); border-radius: 8px; padding: 10px 12px; background: #fff; margin: 12px 0; }
.article-content dt { font-weight: 700; margin-top: 10px; }
.article-content dd { margin: 6px 0 12px 16px; color: var(--text-secondary); }

.related { border-top: 1px solid var(--border-light); margin-top: 36px; padding-top: 16px; }
.related h2 { font-size: 18px; margin-bottom: 8px; }
.related ul { list-style: none; padding: 0; }
.related li { margin: 6px 0; }
.related a { color: #111827; text-decoration: none; }
.related a:hover { text-decoration: underline; }

.footer { border-top: 1px solid var(--border-light); padding: 24px 16px; margin-top: 64px; }
.footer-inner { max-width: 1100px; margin: 0 auto; color: var(--text-secondary); font-size: 14px; }
.subject-list { list-style: none; padding: 0; }
.subject-list li { border: 1px solid var(--border-light); border-radius: 8px; padding: 10px 12px; margin: 10px 0; }
.subject-list a { text-decoration: none; color: var(--text-primary); }
.subject-list a:hover { text-decoration: underline; }
.mcq-options { list-style: upper-alpha; padding-left: 32px; margin: 8px 0; }
.mcq-options li { margin: 6px 0; }