/* About page review: preserve the original wording. */
.first-stage.page-about { background: #f3f5f2; }
.page-about .about-container { max-width: 1000px; margin: 40px auto; padding: 56px 64px; border: 1px solid #e2e8e3; border-radius: 16px; box-shadow: 0 12px 36px rgba(22,55,48,.045); }
.page-about .about-container h1 { margin-bottom: 32px; }
.page-about .about-container h1::after { content: ""; display: block; width: 56px; height: 3px; background: #3d7976; margin-top: 20px; border-radius: 2px; }
.page-about .about-container p { text-align: justify; line-height: 1.85; margin-bottom: 26px; }
.page-about .about-container h2 { padding-top: 28px; margin: 26px 0 22px; border-top: 1px solid #e2e8e3; }
.page-about .about-container ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.page-about .about-container li { padding: 24px; border-left: none; border-top: 3px solid #3d7976; border-radius: 8px; background: #f0f5f2; line-height: 1.7; }
.page-about .about-container br { display: none; }
@media (max-width: 1050px) { .page-about .about-container { margin: 32px 24px; padding: 40px; } }
@media (max-width: 700px) {
 .page-about .about-container { margin: 24px 12px; padding: 32px 22px; }
 .page-about .about-container p { text-align: left; line-height: 1.8; margin-bottom: 24px; }
 .page-about .about-container ul { grid-template-columns: minmax(0, 1fr); gap: 12px; }
 .page-about .about-container li { padding: 20px; }
}