main.about-page { width: min(100% - 32px, 820px); margin: 40px auto 64px; padding: 0; background: transparent; border: 0; border-radius: 0; }
.about-article { padding: 40px 36px; background: #fff; border: 1px solid #e0e7e3; border-radius: 20px; overflow-wrap: anywhere; }
.about-article h1 { margin: 0 0 24px; color: #173e2c; font-size: clamp(26px, 4vw, 34px); }
.about-article h2 { margin: 44px 0 24px; color: #173e2c; font-size: clamp(21px, 3.5vw, 26px); line-height: 1.5; }
.about-article h3 { margin: 0 0 20px; color: #20734e; font-size: clamp(20px, 3.5vw, 24px); line-height: 1.5; }
.about-article p { margin: 16px 0; color: #3a4c42; line-height: 2; }
.about-examples { padding: 16px 20px; border-left: 3px solid #95c5a6; background: #f6faf7; border-radius: 0 8px 8px 0; }
.about-feature { margin: 24px 0; padding: 28px 0 4px; border-top: 1px solid #dce7df; }
.about-future { margin-top: 40px; padding-top: 4px; border-top: 2px solid #d9eadd; }
.about-future h2 { margin-top: 28px; }
.about-message { font-weight: 700; }
@media (max-width: 600px) {
  .about-article { padding: 26px 20px; }
  .about-examples { padding: 12px 14px; }
}