/* قواعد خاصة بصفحة «عن المجتمع الجيومكاني» فقط.
   تُحمَّل بعد:
     css/site.css                 — المشترك، ومنه بطاقتا الرؤية والرسالة (.vision-mission-section)
     css/GEOSA_Community_Home.css — أقسام المنصة وعناوينها وصندوق التعريف وبطاقاتها (cm-*)
     css/GEOSA_Strategy.css       — بطاقات «الركائز» للأهداف (.pillars-grid) و .vm-embedded
   فتبقى صفحات المنصة بشكل واحد، ويبقى هنا ما يخص هذه الصفحة وحدها.

   المحتوى منقول عن صفحة «عن المجتمع الجيومكاني» في موقع الهيئة
   (geosa.gov.sa/ar/Knowledgecenter/geospatial-community/Pages/about-community.aspx). */

/* «من نحن؟» في رأس الصفحة: فقرتان وصفيتان، فمسافة بينهما */
.nds-title-share-page .page-description {
    text-align: start;   /* UDesign تضبط الفقرات فتتباعد الكلمات */
}

.nds-title-share-page .page-description + .page-description {
    margin-top: 12px;
}

/* الرؤية والرسالة متجاورتان (في صفحة الرؤية والرسالة متراصّتان) */
.ca-vm {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* نص الرؤية والرسالة والأهداف من بداية السطر لا مضبوطاً (UDesign تضبط
   الفقرات فتتباعد الكلمات في الأعمدة الضيقة) */
.ca-vm .card-subtitle,
.pillar-text {
    text-align: start;
}

/* القيم: خمس بطاقات في صف على الديسكتوب */
.ca-values {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 1199.98px) {
    .ca-values {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* الأهداف عمود واحد تحت 992 (من GEOSA_Strategy.css)؛ عمودان على التابلت أنسب لستة بنود قصيرة */
@media (min-width: 768px) and (max-width: 991.98px) {
    .pillars-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ca-vm {
        grid-template-columns: 1fr !important;
    }

    .ca-values {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}