/* Forest Utilization Division (Wings > Research, Training & Climate Change): the shared board design (css/boards_shared.css),
   the Functions as beige icon cards and the Key Initiatives as deep green cards (yellow icon, white text) in three columns. */
.bs-page > .bs-wrap ~ .bs-wrap { padding-top: 0; }
.bs-card .bs-cms-content p:last-child { margin-bottom: 14px; }


/* Functions: each card beige, its icon dark green in a white tile */
html body .dz-page.rv .fu-functions .dz-card-item { background: #f2ede1 !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important; }
html body .dz-page.rv .fu-functions .dz-card-item:hover { background: #ebe4d3 !important; }
html body .dz-page.rv .fu-functions .dz-card-item h3 { color: #0a2e1a !important; }
html body .dz-page.rv .fu-functions .dz-card-icon { background: #fff !important; }
html body .dz-page.rv .fu-functions .dz-card-icon i { color: #0a2e1a !important; }

/* Key Initiatives: deep green cards, a yellow icon, white heading and text */
html body .dz-page.rv .fu-initiatives .dz-card-item { background: #0a2e1a !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important; transition: transform .3s ease, background .3s ease; }
html body .dz-page.rv .fu-initiatives .dz-card-item:hover { background: #123a24 !important; transform: translateY(-4px); }
html body .dz-page.rv .fu-initiatives .dz-card-item h3 { color: #f1c40f !important; }
html body .dz-page.rv .fu-initiatives .dz-card-item .dz-prose, html body .dz-page.rv .fu-initiatives .dz-card-item .dz-prose p { color: #fff !important; }
html body .dz-page.rv .fu-initiatives .dz-card-item .dz-prose strong { color: #f1c40f !important; }
html body .dz-page.rv .fu-initiatives .dz-card-icon { background: rgba(241, 196, 15, .16) !important; }
html body .dz-page.rv .fu-initiatives .dz-card-icon i { color: #f1c40f !important; }

/* Functions: the icon (white tile) and the topic on one line, the same height, the topic larger; the text below, larger and darker */
html body .dz-page.rv .fu-functions .dz-card-item { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 18px; row-gap: 12px; }
html body .dz-page.rv .fu-functions .dz-card-icon { flex: none; margin: 0 !important; }
html body .dz-page.rv .fu-functions .dz-card-item h3 { flex: 1 1 0; min-width: 0; margin: 0 !important; font-size: 1.5rem !important; line-height: 1.25 !important; }
html body .dz-page.rv .fu-functions .dz-card-item .dz-prose { flex: 0 0 100%; }
html body .dz-page.rv .fu-functions .dz-card-item .dz-prose, html body .dz-page.rv .fu-functions .dz-card-item .dz-prose p { font-size: 1.1rem !important; line-height: 1.6 !important; color: #1f2937 !important; }

/* the lines under Functions and Key Initiatives: a little larger and darker */
html body .dz-page.rv .fu-functions .dz-lead, html body .dz-page.rv .fu-functions .dz-lead p,
html body .dz-page.rv .fu-initiatives .dz-lead, html body .dz-page.rv .fu-initiatives .dz-lead p { font-size: 1.15rem !important; line-height: 1.65 !important; color: #1f2937 !important; }
html body .dz-page.rv .fu-initiatives .dz-card-item .dz-prose, html body .dz-page.rv .fu-initiatives .dz-card-item .dz-prose p { font-size: 1.05rem !important; line-height: 1.65 !important; }

/* Key Initiatives: the icon and the topic on one line, the topic larger, the text below */
html body .dz-page.rv .fu-initiatives .dz-card-item { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 16px; row-gap: 14px; align-content: flex-start; }
html body .dz-page.rv .fu-initiatives .dz-card-icon { flex: none; margin: 0 !important; }
html body .dz-page.rv .fu-initiatives .dz-card-item h3 { flex: 1 1 0; min-width: 0; margin: 0 !important; font-size: 1.3rem !important; line-height: 1.25 !important; }
html body .dz-page.rv .fu-initiatives .dz-card-item .dz-prose { flex: 0 0 100%; }

/* the Introduction: the standard deep green card (as MEPRF's) - the heading in yellow beside an outlined icon, the text white, key phrases yellow */
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-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.dz-page.dz-page .bs-card.std-intro.std-intro::before { content: none; display: none; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-card-header { margin: 0 0 18px; padding: 0; border: 0; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-section-title { display: flex; align-items: center; gap: 16px; margin: 0; color: #f1c40f; 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.dz-page.dz-page .bs-card.std-intro.std-intro .bs-section-title .icon-box { flex: none; display: inline-grid; place-items: center; width: 52px; height: 52px; margin: 0; border-radius: 50%; background: transparent !important; border: 1.5px solid #f1c40f; color: #f1c40f !important; box-shadow: none; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-section-title .icon-box i { color: #f1c40f !important; font-size: 22px; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-cms-content, html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-cms-content p, html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-cms-content li { color: #fff !important; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-cms-content strong, html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-cms-content b { color: #f1c40f !important; background: none !important; box-shadow: none !important; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-card-header { padding: 0 !important; margin: 0 0 18px !important; border: 0 !important; background: none !important; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-section-title { color: #f1c40f !important; padding: 0 !important; }
html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-section-title .icon-box { padding: 0 !important; width: 52px !important; height: 52px !important; border: 1.5px solid #f1c40f !important; border-radius: 50% !important; background: transparent !important; }

/* phones: the text left-aligned (justified text left wide gaps in narrow lines), a slimmer intro card */
@media (max-width: 700px) {
    html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro { padding: 24px 20px !important; }
    html body .dz-page.rv .fu-intro .bs-cms-content, html body .dz-page.rv .fu-intro .bs-cms-content p,
    html body .dz-page.rv .fu-functions .dz-prose, html body .dz-page.rv .fu-functions .dz-prose p, html body .dz-page.rv .fu-functions .dz-lead, html body .dz-page.rv .fu-functions .dz-lead p,
    html body .dz-page.rv .fu-initiatives .dz-prose, html body .dz-page.rv .fu-initiatives .dz-prose p, html body .dz-page.rv .fu-initiatives .dz-lead, html body .dz-page.rv .fu-initiatives .dz-lead p { text-align: left !important; }
    html body .dz-page.dz-page.dz-page .bs-card.std-intro.std-intro .bs-section-title { font-size: 22px; gap: 12px; }
    html body .dz-page.rv .fu-functions .dz-card-item h3 { font-size: 1.25rem !important; }
}
html body .dz-page.rv .fu-functions .dz-card-item h3, html body .dz-page.rv .fu-initiatives .dz-card-item h3 { align-self: center !important; padding: 0 !important; }