.about-container { max-width: 900px; margin: 40px auto; padding: 20px; line-height: 1.8; color: #333; }
h1 { color: #008080; border-bottom: 3px solid #008080; padding-bottom: 10px; }
h2 { color: #008080; margin-top: 40px; }
p { text-align: justify; margin-bottom: 20px; }

/* Table of Contents Box */
.toc { background: #f4f7f6; padding: 20px; border-radius: 10px; border-left: 5px solid #008080; margin: 20px 0; }
.toc ul { list-style: none; padding: 0; }
.toc a { color: #008080; text-decoration: none; font-weight: bold; }
.toc a:hover { text-decoration: underline; }

/* Readability improvements */
article { font-size: 18px; }
@media (max-width: 600px) {
    article { font-size: 16px; }
}