/* Scoped to About content, including the WordPress block editor. */
.mala-about-page > * { margin-block: 22px; }
.mala-about-page > :first-child { margin-top: 0; }
.mala-about-page .ma-section { padding: clamp(22px,3vw,36px); border-radius: 24px; background: white; }
.mala-about-page h1,.mala-about-page h2,.mala-about-page h3 { margin-top: 0; margin-bottom: .6em; }
.mala-about-page .ma-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; align-items: center; }
.mala-about-page .ma-columns > *, .mala-about-page .ma-director-grid > * { min-width: 0; }
.mala-about-page .ma-hero { background: var(--mala-sand); }
.mala-about-page .mala-placeholder { min-height: 230px; }
.mala-about-page .ma-hero .mala-placeholder { min-height: 290px; }
.mala-about-page .ma-year { display: inline-block; padding: 8px 20px; border-radius: 99px; background: var(--mala-pink); font-size: 1.2rem; font-weight: 700; }
.mala-about-page .ma-director { background: var(--mala-pink); }
.mala-about-page .ma-director-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; align-items: center; }
.mala-about-page .ma-role { font-weight: 700; color: var(--mala-blue); }
.mala-about-page .ma-message,.mala-about-page .ma-team-placeholder { padding: 22px; border-radius: 18px; background: #fff; border: 1px dashed var(--mala-green); }
.mala-about-page .ma-team-placeholder { background: #EAF4FB; }
.mala-about-page .ma-community { background: var(--mala-sand); }
.mala-about-page .ma-community p { max-width: 65ch; }
.mala-about-page .ma-visit { background: var(--mala-blue); color: white; text-align: center; }
.mala-about-page .ma-visit h2 { color: white; }
.mala-about-page .ma-visit .wp-block-buttons { justify-content: center; }
.mala-about-page .ma-visit a { background: white; color: var(--mala-navy); }
.mala-about-page a:focus-visible { outline: 3px solid var(--mala-mustard,#FFB928); outline-offset: 4px; }
.mala-about-page p { overflow-wrap: anywhere; }
.mala-about-page .wp-block-image img { width: 100%; height: auto; border-radius: 20px; }
@media (max-width: 760px) {
 .mala-about-page .ma-columns,.mala-about-page .ma-director-grid { grid-template-columns: 1fr; gap: 20px; }
 .mala-about-page .ma-hero .mala-placeholder { min-height: 210px; }
}