/* Sacred Groves (templates/core/designs/sacred_groves/), in the new design: every block comes from the shared pieces
   (css/designs/kit.css, tables.css; statement cards, css/wing_design.css); this file sets the page's rhythm. */
.sg-page { background: #f9f6ef; }
.sg-page .st-sec { padding: 84px 0; }
.sg-page .st-sec + .st-sec { padding-top: 0; }
.sg-page .sg-show { padding-top: 40px; padding-bottom: 16px !important; }
.sg-page .sg-show + .sg-stats { padding-top: 0; }
@media (max-width: 900px) { .sg-page .st-sec { padding: 52px 0; } .sg-page .sg-show { padding-top: 24px; } }

/* Threats and Conservation Priorities: the statement card in the same deep green as the banner under it */
.sg-page .dz-statement.is-deep { background: #0a2e1a; }
.sg-page .dz-statement.is-deep::before { display: none; }   /* no edge line, like the banner */
.sg-page .dz-statement.is-deep::after { opacity: .1; filter: invert(1); }
html body .sg-page .dz-statement.is-deep .dz-statement-lead { color: #fff; font-size: clamp(17px, 1.35vw, 20px); font-weight: 600; line-height: 1.5; letter-spacing: -.005em; }
html body .sg-page .dz-statement.is-deep .dz-statement-rest p { color: rgba(255, 255, 255, .8); }
html body .sg-page .dz-statement.is-deep .dz-statement-rest strong { color: #f1c40f; }
.sg-page .dz-statement.is-deep { align-items: center; padding: 36px 44px; }   /* the two columns meet in the middle: no gap under the shorter one */
/* the banner under it: the words run its full width (not 46 characters), at the card's size */
.sg-page .dz-statement.is-deep + .k-banner { padding: 36px 44px; }
.sg-page .dz-statement.is-deep + .k-banner p.k-banner-long { max-width: none; font-size: clamp(17px, 1.35vw, 20px); font-weight: 500; line-height: 1.6; }
@media (max-width: 900px) { .sg-page .dz-statement.is-deep, .sg-page .dz-statement.is-deep + .k-banner { padding: 26px 22px; } }


/* the opening 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) */
.sg-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); }
.sg-page .dz-statement::before { display: none; }
.sg-page .dz-statement::after { opacity: .09; filter: invert(1); }
html body .sg-page .sg-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 .sg-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 .sg-page .dz-statement-lead strong { font-style: normal; font-weight: 700;  color: #f1c40f; }
html body .sg-page .dz-statement-rest p { color: #fff; }
html body .sg-page .dz-statement-rest strong { color: #f1c40f; }

/* the tables' heading rows: deep green with bold yellow text */
html body .dz-page.sg-page .st-table thead th { background: #0b3d2c !important; color: #f1c40f !important; font-weight: 700 !important; }

/* the publications: green document icons, a yellow View button (eye icon, opens the PDF) beside a deep green Download button */
html body .sg-page .k-docs-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(26, 71, 42, .1); color: #1a472a; font-size: 18px; }   /* the PDF icon in a soft green circle, as on Eco-Sensitive Zones */
.sg-page .k-docs-actions { flex: none; display: inline-flex; align-items: center; gap: 10px; }
html body .sg-page .k-docs-view, html body .sg-page .k-docs-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap;
    transition: background-color 150ms, color 150ms, transform 150ms; }
html body .sg-page .k-docs-view { background: #f1c40f; color: #0a2e1a; }
html body .sg-page .k-docs-view:hover { background: #e0b30c; transform: translateY(-1px); }
html body .sg-page .k-docs-btn { background: #0b3d2c; color: #fff; }
html body .sg-page .k-docs-btn:hover { background: #145a39; color: #fff; transform: translateY(-1px); }
html body .sg-page .k-docs-view:focus-visible, html body .sg-page .k-docs-btn:focus-visible { outline: 2px solid #1a472a; outline-offset: 2px; }
@media (max-width: 600px) { .sg-page .k-docs-actions { width: 100%; } }