/* Modern Persian Font - Noto Naskh Arabic as a fallback for Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
body {
font-family: 'Inter', 'Noto Naskh Arabic', sans-serif;
color: #1f2937; /* Dark Slate */
background-color: #f9fafb; /* Light Gray Background */
}
.container { max-width: 1280px; }
/* Custom Scroll Bar for TOC */
.toc-nav {
max-height: calc(100vh - 120px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #3b82f6 #e5e7eb;
}
.toc-nav::-webkit-scrollbar { width: 6px; }
.toc-nav::-webkit-scrollbar-thumb { background-color: #3b82f6; border-radius: 3px; }
.toc-nav::-webkit-scrollbar-track { background-color: #e5e7eb; }

.section-content h2, .section-content h3 {
border-right: 4px solid #3b82f6;
padding-right: 1rem;
margin-top: 2rem;
margin-bottom: 1rem;
}

tailwind.config = {
theme: {
extend: {
colors: {
'primary-dark': '#1e3a8a', /* Deep Indigo for main elements */
'primary-light': '#3b82f6', /* Blue for accents */
'secondary-text': '#6b7280', /* Gray for subtext */
}
}
}
}

// DOM utility
const $ = selector => document.querySelector(selector);
const $$ = selector => document.querySelectorAll(selector);

// Dynamic Table of Contents (TOC) Generation
function buildTOC() {
const contentContainer = $('.section-content');
const headings = contentContainer.querySelectorAll('h2, h3');
const tocList = $('#toc-list');
tocList.innerHTML = ''; // Clear previous

let currentH2 = null;

headings.forEach((heading, index) => {
const text = heading.textContent;
// Normalize text for ID (simple slug generation)
const id = 'sec-' + index + '-' + text.replace(/[^a-zA-Z0-9\u0600-\u06FF\s]/g, '').replace(/\s+/g, '-').substring(0, 30);
heading.id = id;

const link = document.createElement('a');
link.href = '#' + id;
link.textContent = text;
link.className = 'block hover:text-primary-light transition-colors duration-200';

const listItem = document.createElement('li');

if (heading.tagName === 'H2') {
listItem.className = 'mt-3 font-bold text-primary-dark text-base';
currentH2 = document.createElement('ul');
currentH2.className = 'mt-1 space-y-1 pr-3 border-r-2 border-gray-200';
listItem.appendChild(link);
listItem.appendChild(currentH2);
tocList.appendChild(listItem);
} else if (heading.tagName === 'H3' && currentH2) {
listItem.className = 'text-sm';
listItem.appendChild(link);
currentH2.appendChild(listItem);
} else {
// Fallback for H3 without H2 parent (should not happen with good structure)
listItem.className = 'mt-1 text-sm';
listItem.appendChild(link);
tocList.appendChild(listItem);
}
});
}

// Initialize when DOM is ready
document.addEventListener('DOMContentLoaded', buildTOC);