.section-gioithieu.apa-about {
    margin: 48px 0;
    padding: 56px 0;
    background: linear-gradient(120deg, #f0f5fa 0%, #f8fafc 55%, #fff 100%);
}
.apa-about__layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 5vw, 68px); }
.apa-about__layout + .apa-about__layout { margin-top: 48px; }
.apa-about__visual { position: relative; min-width: 0; padding: 0 14px 14px 0; }
.apa-about__visual::after { content: ""; position: absolute; right: 0; bottom: 0; width: 65%; height: 65%; border-radius: 16px; background: #075a9d; }
.apa-about__frame { position: relative; z-index: 1; overflow: hidden; border-radius: 16px; background: #e8eef4; box-shadow: 0 16px 36px rgba(20, 55, 84, .12); }
.apa-about__frame img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; }
.apa-about__body { min-width: 0; text-align: left; }
.apa-about .apa-about__title { margin: 0 0 24px; padding-bottom: 19px; position: relative; color: #084c80; font-size: clamp(26px, 3vw, 38px); font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.apa-about__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 52px; height: 4px; border-radius: 2px; background: #ed2026; }
.apa-about__content { color: #485969; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
.apa-about__content p { margin: 0 0 16px; }
.apa-about__content > :last-child { margin-bottom: 0; }
.apa-about__content ul, .apa-about__content ol { padding-left: 22px; margin: 16px 0; }
.apa-about__content img { max-width: 100%; height: auto; }
.apa-about__content table { display: block; max-width: 100%; overflow-x: auto; }
.apa-about .apa-about__button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; max-width: 100%; margin-top: 26px; padding: 13px 23px; border-radius: 7px; background: #e91c24; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; transition: background .2s ease; }
.apa-about .apa-about__button:hover { background: #bd1119; color: #fff; }
.apa-about__button:focus-visible { outline: 3px solid #075a9d; outline-offset: 4px; }
.apa-about__layout--text-only { grid-template-columns: minmax(0, 1fr); max-width: 850px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
    .section-gioithieu.apa-about { margin: 28px 0; padding: 32px 0; }
    .apa-about__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .apa-about__body { order: -1; }
    .apa-about__visual { padding: 0 10px 10px 0; }
    .apa-about .apa-about__title { margin-bottom: 20px; }
}