/* FDCM: the original page's own styles (templates/core/boards/fdcm.html), verbatim. */
    :root {
        --rt-primary: #2d6a4f;
        --rt-primary-dark: #1a472a;
        --rt-bg-light: #f2ede1;
        --rt-dark: #1f2a22;
        --rt-text: #4b5563;
        --rt-border: #f2ede1;
    }

    .rt-page {
        padding: 0 0 60px 0;
        font-family: 'Plus Jakarta Sans', sans-serif;
        color: var(--rt-text);
        background: transparent;
        transition: background-color 0.3s, color 0.3s;
    }

    .rt-wrap {
        max-width: 1440px;
        margin: 0 auto;
        padding: 40px 20px 0;
    }

    .rt-section-card {
        background: linear-gradient(145deg, #ffffff, #fef7d6);
        border-radius: 20px;
        padding: 45px;
        margin-bottom: 45px;
        border: 2px solid transparent;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03);
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;
        position: relative;
    }
    .rt-section-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(45, 106, 79, 0.1);
        border-color: #2d6a4f;
    }

    .rt-section-title {
        font-size: 1.8rem;
        font-weight: 800;
        color: #1a472a; /* Dark Green topic */
        margin-top: 0;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .rt-section-title i {
        color: #ffffff;
        background: linear-gradient(135deg, #2d6a4f, #2d6a4f);
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        font-size: 1.4rem;
        box-shadow: 0 8px 15px rgba(45, 106, 79, 0.3);
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .rt-section-card:hover .rt-section-title i {
        transform: scale(1.1) rotate(10deg);
        background: linear-gradient(135deg, #2d6a4f, #1a472a);
    }

    .intro-text p {
        font-size: 1.05rem;
        line-height: 1.8;
        color: var(--rt-text);
        margin-bottom: 15px;
    }

    /* Equity Boxes */
    .equity-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
        gap: 20px;
        margin: 30px 0;
    }
    .equity-card {
        background: linear-gradient(135deg, #f2ede1, #e3ece1);
        border: 1px solid #e3ece1;
        border-left: 5px solid #2d6a4f;
        padding: 26px;
        border-radius: 16px;
        box-shadow: 0 6px 15px rgba(45, 106, 79, 0.1);
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
    }
    .equity-card:nth-child(1) {
        background: linear-gradient(135deg, #f2ede1, #e3ece1);
        border-left-color: #2d6a4f;
    }
    .equity-card:nth-child(2) {
        background: linear-gradient(135deg, #f2ede1, #e3ece1);
        border: 1px solid #e3ece1;
        border-left: 5px solid #8fc9a3;
    }
    .equity-card:nth-child(2) h5 { color: #2d6a4f; }
    .equity-card:nth-child(2) p { color: #2d6a4f; }
    
    .equity-card:hover {
        transform: translateY(-6px) scale(1.02);
        box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    }
    .equity-card h5 {
        margin: 0 0 8px 0;
        color: #1a472a; /* Dark green topic */
        font-weight: 800;
        font-size: 1.1rem;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .equity-card p {
        margin: 0 0 4px 0;
        color: #2d6a4f;
        font-weight: 800;
        font-size: 1.35rem;
    }
    .equity-card span {
        font-size: 0.88rem;
        color: #4b5563;
        font-weight: 600;
    }

    /* Activities Grid */
    .activity-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
        gap: 25px;
        margin-top: 25px;
    }
    .act-card {
        background: linear-gradient(145deg, #ffffff, #fef7d6);
        border: 2px solid transparent;
        border-radius: 16px;
        padding: 30px;
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;
        box-shadow: 0 8px 20px rgba(0,0,0,0.03);
    }
    .act-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 15px 30px rgba(45, 106, 79, 0.15);
        border-color: #2d6a4f;
    }
    .act-card h5 {
        font-size: 1.2rem;
        font-weight: 800;
        color: #1a472a; /* Dark green topic inside card */
        margin: 0 0 15px 0;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .act-card-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        background: linear-gradient(135deg, #8fc9a3, #2d6a4f);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        flex-shrink: 0;
        box-shadow: 0 6px 12px rgba(45, 106, 79, 0.3);
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .act-card:hover .act-card-icon {
        transform: scale(1.15) rotate(-10deg);
    }
    
    /* Varied vibrant colors for activity icons */
    .act-card:nth-child(1) .act-card-icon { background: linear-gradient(135deg, #2d6a4f, #2d6a4f); box-shadow: 0 6px 12px rgba(45, 106, 79, 0.3); }
    .act-card:nth-child(2) .act-card-icon { background: linear-gradient(135deg, #8fc9a3, #2d6a4f); box-shadow: 0 6px 12px rgba(45, 106, 79, 0.3); }
    .act-card:nth-child(3) .act-card-icon { background: linear-gradient(135deg, #f1c40f, #b8900f); box-shadow: 0 6px 12px rgba(184, 144, 15, 0.3); }
    .act-card:nth-child(4) .act-card-icon { background: linear-gradient(135deg, #8fc9a3, #2d6a4f); box-shadow: 0 6px 12px rgba(45, 106, 79, 0.3); }
    .act-card:nth-child(5) .act-card-icon { background: linear-gradient(135deg, #8fc9a3, #8fc9a3); box-shadow: 0 6px 12px rgba(143, 201, 163, 0.3); }
    .act-card:nth-child(6) .act-card-icon { background: linear-gradient(135deg, #f6e3dd, #b4442f); box-shadow: 0 6px 12px rgba(180, 68, 47, 0.3); }

    .act-card p {
        font-size: 1rem;
        line-height: 1.6;
        color: var(--rt-text);
        margin-bottom: 12px;
    }
    .act-card p:last-child { margin-bottom: 0; }

    /* Beautiful Table */
    .table-responsive {
        overflow-x: auto;
        margin-top: 25px;
        border-radius: 12px;
        border: 1px solid var(--rt-border);
        box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    }
    .modern-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
    }
    .modern-table th, .modern-table td {
        padding: 16px 20px;
        border-bottom: 1px solid var(--rt-border);
        border-right: 1px solid var(--rt-border);
        vertical-align: middle;
    }
    .modern-table th:last-child, .modern-table td:last-child {
        border-right: none;
    }
    .modern-table th {
        background: linear-gradient(135deg, #1a472a 0%, #2d6a4f 100%);
        color: #ffffff; /* High-contrast white header text */
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.88rem;
        letter-spacing: 0.05em;
    }
    .modern-table tr:last-child td { border-bottom: none; }
    .modern-table tbody tr { transition: background-color 0.2s; }
    .modern-table tbody tr:hover { background-color: #f2ede1; }
    .modern-table td { color: var(--rt-text); font-size: 0.95rem; }
    .modern-table td.numeric { font-weight: 800; color: #2d6a4f; }
    
    .badge-centre {
        background: #f2ede1;
        color: #1a472a;
        font-size: 0.85rem;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 6px;
        border: 1px solid #e3ece1;
        display: inline-block;
    }

    @media (max-width: 768px) {
        .rt-section-card { padding: 25px 20px; }
        .modern-table th, .modern-table td { padding: 12px 15px; }
    }

/* Its cards were all in one .rt-wrap; each block now has its own, so later ones drop the top padding. */
.rt-page > .rt-wrap ~ .rt-wrap { padding-top: 0; }

/* A code such as the CIN, written `like this` in the CMS: the original green pill. */
.rt-page code { background: #f2ede1; color: #1a472a; padding: 3px 8px; border-radius: 6px; font-weight: 700; }

/* icon tiles beside the section headings and card titles: the site's tile — white with a green icon (revamp.css), not
   a green square that hid the green icon; the Achievements card keeps its gold tile on deep green */
html body .dz-page.rv .rt-section-card:not(.achievements-card) .rt-section-title i,
html body .dz-page.rv .act-card h5 i {
    background: #fff !important; background-image: none !important; color: var(--rv-green, #1a472a) !important; box-shadow: none !important; border: 0 !important; border-radius: 8px !important; }

/* the Overview: the standard deep green card with a yellow edge; its heading in yellow beside an outlined icon, the text in white */
html body .dz-page.rv .rt-section-card.fdcm-intro.fdcm-intro { position: relative; overflow: hidden; isolation: isolate; padding: 36px 44px 34px !important; border: 0 !important; border-radius: 14px !important;
    background: radial-gradient(520px 320px at 100% 0%, rgba(16, 185, 129, .22), transparent 70%), linear-gradient(135deg, #0b3d2c 0%, #042f1a 100%) !important; box-shadow: 0 30px 60px -40px rgba(4, 47, 26, .7) !important; }
html body .dz-page.rv .rt-section-card.fdcm-intro.fdcm-intro::before { content: none; display: none; }
html body .dz-page.rv .rt-section-card.fdcm-intro.fdcm-intro .rt-section-title { display: flex; align-items: center; gap: 16px; margin: 0 0 18px !important; color: #f1c40f !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(26px, 2.3vw, 34px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; }
html body .dz-page.rv .rt-section-card.fdcm-intro.fdcm-intro .rt-section-title i { flex: none; display: inline-grid; place-items: center; width: 52px; height: 52px; margin: 0; font-size: 22px;
    background: transparent !important; background-image: none !important; color: #f1c40f !important; border: 1.5px solid #f1c40f !important; border-radius: 50% !important; box-shadow: none !important; }
html body .dz-page.rv .rt-section-card.fdcm-intro .cms-dynamic-content { margin-bottom: 0 !important; }
html body .dz-page.rv .rt-section-card.fdcm-intro .intro-card-box { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 0 !important; }
html body .dz-page.rv .rt-section-card.fdcm-intro .intro-card-box p { margin: 0 !important; color: #fff !important; font-size: 1.05rem !important; line-height: 1.8 !important; }
html body .dz-page.rv .rt-section-card.fdcm-intro .intro-card-box strong { color: #f1c40f !important; }
html body .dz-page.rv .rt-section-card.fdcm-intro code { background: rgba(241, 196, 15, .16); color: #f1c40f; box-shadow: inset 0 0 0 1px rgba(241, 196, 15, .4); }

/* the Plantations table's heading row: deep green with bold yellow text (as on Parks & Gardens, Joint Forest Management) */
html body .dz-page.rt-page .st-table thead th { background: #0b3d2c !important; color: #f1c40f !important; font-weight: 700 !important; }