/* ============================================================
   ZIMGerm — Unified Sector Template (Override-Proof)
   Applies to Agriculture, Tourism, Mining, Energy
   Wrapper: .sector-page
============================================================ */

/* ------------------------------------------------------------
   1. UNIVERSAL SECTION WRAPPER
------------------------------------------------------------ */
.sector-page section {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   2. HEADINGS (H2)
------------------------------------------------------------ */
.sector-page h2 {
    text-align: center !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    margin-bottom: 24px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ------------------------------------------------------------
   3. PARAGRAPHS
------------------------------------------------------------ */
.sector-page p {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 16px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

/* ------------------------------------------------------------
   4. LISTS (RISKS + APPROACH)
------------------------------------------------------------ */
.sector-page ul {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    list-style: none !important;
    text-align: center !important;
}

.sector-page li {
    font-size: 18px !important;
    line-height: 1.55 !important;
    margin-bottom: 12px !important;
}

/* ------------------------------------------------------------
   5. GRID SYSTEM (FOCUS + PROJECTS + METRICS)
------------------------------------------------------------ */
.sector-page .focus-grid,
.sector-page .projects-grid,
.sector-page .metrics-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 24px !important;
    max-width: 1100px !important;
    margin: 40px auto 0 auto !important;
}

/* ------------------------------------------------------------
   6. CARDS (FOCUS + PROJECTS + METRICS)
------------------------------------------------------------ */
.sector-page .focus-card,
.sector-page .project-card,
.sector-page .metric {
    background: #fff !important;
    padding: 24px !important;
    border-radius: 8px !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    box-sizing: border-box !important;
}

.sector-page .project-status {
    display: block !important;
    margin-top: 12px !important;
    font-weight: 600 !important;
    opacity: 0.7 !important;
}

/* ------------------------------------------------------------
   7. CTA BUTTON
------------------------------------------------------------ */
.sector-page .cta-button {
    display: inline-block !important;
    margin-top: 20px !important;
    padding: 14px 28px !important;
    background: #003366 !important;
    color: #fff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: 0.2s ease !important;
}

.sector-page .cta-button:hover {
    background: #001F44 !important;
}