.container { background-color: #fff; padding: 30px; border-radius: 8px; width: 65%; margin: 3rem auto; text-align: left; }

h2 { color: #2c3e50; font-size: 1.7em; margin-top: 40px; margin-bottom: 20px; }

h3 { color: var(--primary-color); font-size: 1.3em; margin-top: 30px; margin-bottom: 15px; }

h4 { color: #2c3e50; font-size: 1.1em; margin-top: 20px; margin-bottom: 10px; }

p { margin-bottom: 15px; }

.section ul, .section ol { margin-bottom: 20px; padding-left: 20px; list-style: disc; }

li { margin-bottom: 8px; }

strong { font-weight: bold; }

.section { margin-bottom: 40px; }

.date { text-align: right; font-style: italic; margin-top: 40px; }

@media (max-width: 768px) { .container { padding: 15px; width: 95%; }
  h1 { font-size: 1.7em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.2em; } }