/* Working Plan Research (templates/core/designs/research_working_plans/), in the new design: statement card, icon cards,
   status cards and the one-map layout come from the shared pieces (css/designs/kit.css, maps.css); this file sets the page's
   rhythm and the inventory's figures. */
.wp-page { background: #f9f6ef; }
.wp-page .st-sec { padding: 84px 0; }
.wp-page .st-sec + .st-sec { padding-top: 0; }
.wp-figs { margin-top: 24px; }
.wp-stat { margin-top: 22px; }
.wp-stat p { margin: 8px 0 0; font-size: 15.5px; line-height: 1.7; color: #374151; }
.wp-stat p strong { color: #0a2e1a; }
.wp-stat .k-chips { margin-top: 10px; }
.wp-open { margin-top: 14px; }
.wp-inv .mp-card { justify-self: stretch; width: 100%; }
.wp-inv .mp-card img { max-height: 560px; }
@media (max-width: 900px) { .wp-page .st-sec { padding: 52px 0; } }

/* the About card: deep green, its heading inside in yellow, the paragraphs in white one under the other across the full width (as on Parks & Gardens, Joint Forest Management) */
.wp-page .dz-statement { grid-template-columns: minmax(0, 1fr); gap: 0; background: radial-gradient(520px 320px at 100% 0%, rgba(16, 185, 129, .22), transparent 70%), linear-gradient(135deg, #0b3d2c 0%, #042f1a 100%);
    box-shadow: 0 30px 60px -40px rgba(4, 47, 26, .7); }
.wp-page .dz-statement::before { display: none; }
.wp-page .dz-statement::after { opacity: .09; filter: invert(1); }
html body .wp-page .wp-card-title { margin: 0 0 16px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(26px, 2.3vw, 34px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; color: #f1c40f; text-align: left; }
html body .wp-page .dz-statement-lead { max-width: none; margin: 0 0 14px; color: #fff; font-size: 16.5px; font-style: normal; font-weight: 400; line-height: 1.75; letter-spacing: 0; text-align: left; }
html body .wp-page .dz-statement-lead strong { font-style: normal; font-weight: 700;  color: #f1c40f; }
html body .wp-page .dz-statement-rest p { color: #fff; }
html body .wp-page .dz-statement-rest strong { color: #f1c40f; }

/* the approved plans (the first two today) in deep green: yellow heading, white text; the ones still under process stay white */
html body .wp-page .k-status:not(.is-pending) { background: linear-gradient(135deg, #0b3d2c 0%, #042f1a 100%); box-shadow: 0 18px 36px -26px rgba(4, 47, 26, .7); }
html body .wp-page .k-status:not(.is-pending) h3 { color: #f1c40f; }
html body .wp-page .k-status:not(.is-pending) p { color: #fff; }
html body .wp-page .k-status:not(.is-pending) .k-status-icon { background: rgba(241, 196, 15, .16); color: #f1c40f; }
html body .wp-page .k-status:not(.is-pending) .k-status-pill { background: rgba(241, 196, 15, .16); color: #f1c40f; box-shadow: inset 0 0 0 1px rgba(241, 196, 15, .4); }

/* the plans still under process: light beige cards with a thin green border */
html body .wp-page .k-status.is-pending { background: #f2ede1; border: 1px solid #1a472a; box-shadow: none; }