/* The site's one look for a PDF: a green PDF icon in a soft circle, then a yellow View button (eye icon, opens the file) and a deep green
   Download button. Used by templates/core/_pdf_actions.html and by every list of documents on the site. */
.pdf-ico { flex: none; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(26, 71, 42, .1); color: #1a472a; font-size: 18px; }
.pdf-acts { flex: none; display: inline-flex; align-items: center; gap: 10px; }
html body .pdf-acts .pdf-view, html body .pdf-acts .pdf-dl { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border: 0; border-radius: 8px; font: 700 14px/1 'Plus Jakarta Sans', sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer;
    transition: background-color 150ms, color 150ms, transform 150ms; }
html body .pdf-acts .pdf-view { background: #f1c40f; color: #0a2e1a; }
html body .pdf-acts .pdf-view:hover { background: #e0b30c; color: #0a2e1a; transform: translateY(-1px); }
html body .pdf-acts .pdf-dl { background: #0b3d2c; color: #fff; }
html body .pdf-acts .pdf-dl:hover { background: #145a39; color: #fff; transform: translateY(-1px); }
html body .pdf-acts .pdf-view:focus-visible, html body .pdf-acts .pdf-dl:focus-visible { outline: 2px solid #1a472a; outline-offset: 2px; }
@media (max-width: 600px) { .pdf-acts { width: 100%; } html body .pdf-acts .pdf-view, html body .pdf-acts .pdf-dl { flex: 1; justify-content: center; } }
/* on a phone the card's text and its buttons stack, and the two buttons share the width instead of running off the screen */
@media (max-width: 600px) { html body div:has(> .pdf-acts) { flex-wrap: wrap !important; } html body .pdf-acts { flex: 1 1 100%; flex-wrap: wrap; min-width: 0; max-width: 100%; } html body .pdf-acts .pdf-view, html body .pdf-acts .pdf-dl { min-width: 0; } }

/* a "download" card (title and line, one file): the icon is the standard green circle, the buttons sit level with it */
html body .bs-highlight-card .hl-icon.pdf-ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50% !important; border: 0 !important; background: rgba(26, 71, 42, .1) !important; box-shadow: none !important; }
html body .bs-highlight-card .hl-icon.pdf-ico i { color: #1a472a !important; font-size: 18px; }
html body .bs-highlight-card .pdf-acts { align-self: center; }
/* the same on pages whose own design styles the card's icon more specifically (RTI, MEPRF...) */
html body .dz-page.dz-page.dz-page .dz-k-download .bs-highlight-card .hl-icon.hl-icon.hl-icon.pdf-ico { width: 44px; height: 44px; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(26, 71, 42, .1) !important; box-shadow: none !important; display: grid; place-items: center; }
html body .dz-page.dz-page.dz-page .dz-k-download .bs-highlight-card .hl-icon.pdf-ico i { color: #1a472a !important; font-size: 18px !important; }

/* The site's one card for a link to a portal ("Apply Online via Portal"...): deep green, a yellow outlined icon, the title in yellow, the line in white,
   and the link a yellow button with black text and a thin yellow border. Used by templates/core/_portal_link.html. */
html body .pl-card { display: flex; align-items: center; gap: 24px; margin: 24px 0; padding: 26px 34px; border-radius: 14px; border: 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); }
html body .pl-mark { flex: none; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; border: 1.5px solid #f1c40f; background: rgba(241, 196, 15, .12); color: #f1c40f; font-size: 1.4rem; }
html body .pl-copy { flex: 1; min-width: 0; }
html body .pl-copy h4 { margin: 0 0 6px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.3rem; font-weight: 800; color: #f1c40f; text-align: left; }
html body .pl-copy p { margin: 0; font-size: 1.05rem; line-height: 1.6; color: #fff; text-align: left; }
html body .pl-go { flex: none; display: inline-flex; align-items: center; gap: 10px; padding: 13px 26px; border-radius: 10px; background: #f1c40f; color: #0a0a0a !important; border: 1px solid #f1c40f;
    outline: 1px solid rgba(241, 196, 15, .6); outline-offset: 3px; font: 700 15px 'Plus Jakarta Sans', sans-serif; text-decoration: none !important; white-space: nowrap; transition: transform 150ms, background-color 150ms; }
html body .pl-go i { color: #0a0a0a !important; }
html body .pl-go:hover { background: #e0b30c; transform: translateY(-2px); }
html body .pl-card.pl-compact { display: inline-flex; margin: 0; padding: 14px 18px; gap: 0; }
@media (max-width: 760px) { html body .pl-card { flex-direction: column; align-items: flex-start; padding: 24px; } html body .pl-go { width: 100%; justify-content: center; box-sizing: border-box; } }

/* Tree Felling in Shillong: the introduction as the standard green card, its portal link inside it */
html body .tfs-intro { padding: 36px 44px 34px; border-radius: 14px; 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); }
html body .tfs-intro-head { display: flex; align-items: center; gap: 16px; margin: 0 0 18px; }
html body .tfs-intro-mark { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid #f1c40f; color: #f1c40f; font-size: 22px; }
html body .tfs-intro-head h3 { margin: 0; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(24px, 2.2vw, 32px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; color: #f1c40f; text-align: left; }
html body .tfs-intro-body, html body .tfs-intro-body p { margin: 0; font-size: 1.05rem; line-height: 1.8; color: #fff; text-align: left; }
html body .tfs-intro-body strong { color: #f1c40f; }
html body .tfs-intro-link { margin-top: 24px; }

/* ── Services pages: the standard green introduction card (heading yellow, text white, key words yellow) and the green table heading rows ── */
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro { position: relative; box-sizing: border-box; padding: 34px 44px 32px !important; margin-bottom: 28px; 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 .std-green-intro.std-green-intro::before { display: none !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(h3, h4, .bs-section-title) { color: #f1c40f !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(24px, 2.2vw, 32px) !important; font-weight: 800 !important; line-height: 1.2; letter-spacing: -.03em; margin: 0 0 16px !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(p, li, div, span, .bs-cms-content, .fu-content, .pi-intro-content) { color: #fff !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(p, li, .bs-cms-content, .fu-content) { font-size: 1.05rem !important; line-height: 1.8 !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(strong, b) { color: #f1c40f !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro i { color: #f1c40f !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .bs-card-header { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .icon-box, html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .pi-intro-icon { background: transparent !important; border: 1.5px solid #f1c40f !important; border-radius: 50% !important; box-shadow: none !important; width: 52px; height: 52px; display: inline-grid; place-items: center; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .pi-intro-icon { flex: none; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .bs-section-title { display: flex; align-items: center; gap: 16px; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .pl-card { margin-bottom: 0; }
html body .dz-page.pi-page .st-table thead th, html body .dz-page.bs-page .st-table thead th, html body .dz-page.pi-page .dz-table thead th { background: #0b3d2c !important; color: #f1c40f !important; font-weight: 700 !important; }
html body .services-card .st-table thead th, html body .services-card .services-table thead th { background: #0b3d2c !important; color: #f1c40f !important; font-weight: 700 !important; }
html body .services-card { box-sizing: border-box; max-width: 100%; }
html body .services-card .search-wrapper, html body .services-card .search-input { box-sizing: border-box; max-width: 100%; }
/* boxes inside a green intro card (jurisdiction boxes, memorandum, directive): soft translucent green with a thin yellow edge, white text */
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(.bs-info-box, div[style*="background:#f2ede1"], div[style*="background: #f2ede1"]) { background: rgba(255, 255, 255, .08) !important; border: 1px solid rgba(241, 196, 15, .4) !important; border-left: 4px solid #f1c40f !important; box-shadow: none !important; border-radius: 10px !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(.bs-info-box, div[style*="background:#f2ede1"], div[style*="background: #f2ede1"]) :is(h5, h4, p, i, span, div, strong, b) { color: #fff !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro :is(.bs-info-box, div[style*="background:#f2ede1"], div[style*="background: #f2ede1"]) :is(h5, h4, i, strong, b) { color: #f1c40f !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .pl-go, html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .pl-go i { color: #0a0a0a !important; }
html body .dz-page.dz-page.dz-page .std-green-intro.std-green-intro .pl-compact { background: none !important; box-shadow: none !important; padding: 0 !important; }

/* a "download" / "link" section (title, optional line, one file or one web link): the standard green card - yellow outlined icon, yellow title, white text,
   and either the View + Download buttons or the yellow website button */
html body .dz-page.dz-page.dz-page .bs-highlight-card.dl-green { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 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 .dl-green .ps-hl-left { display: flex; align-items: center; gap: 20px; flex: 1; min-width: 0; }
html body .dz-page.dz-page.dz-page .dl-green .hl-icon { flex: none; display: grid !important; place-items: center; width: 56px !important; height: 56px !important; border-radius: 50% !important; border: 1.5px solid #f1c40f !important; background: rgba(241, 196, 15, .12) !important; box-shadow: none !important; }
html body .dz-page.dz-page.dz-page .dl-green .hl-icon i { color: #f1c40f !important; font-size: 22px !important; }
html body .dz-page.dz-page.dz-page .dl-green .hl-text h4 { margin: 0 0 4px !important; color: #f1c40f !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.3rem !important; font-weight: 800 !important; text-align: left; }
html body .dz-page.dz-page.dz-page .dl-green .hl-text p { margin: 0; color: #fff !important; font-size: 1.05rem; text-align: left !important; }
html body .dz-page.dz-page.dz-page .dl-green .pl-go { color: #0a0a0a !important; }
@media (max-width: 760px) { html body .dz-page.dz-page.dz-page .bs-highlight-card.dl-green { flex-direction: column; align-items: flex-start; } }
/* the same on pages whose design styles download cards more specifically (JFM, Cherry Blossom, MEPRF...) */
html body .dz-page.rv.rv.rv .dz-k-download .bs-highlight-card.dl-green.dl-green { background: radial-gradient(520px 320px at 100% 0%, rgba(16, 185, 129, .22), transparent 70%), linear-gradient(135deg, #0b3d2c 0%, #042f1a 100%) !important; border: 0 !important; box-shadow: 0 30px 60px -40px rgba(4, 47, 26, .7) !important; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-icon.hl-icon.hl-icon { width: 56px !important; height: 56px !important; margin: 0 !important; border: 1.5px solid #f1c40f !important; border-radius: 50% !important; background: rgba(241, 196, 15, .12) !important; box-shadow: none !important; display: grid !important; place-items: center; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-icon i { color: #f1c40f !important; font-size: 22px !important; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-text h4 { color: #f1c40f !important; margin: 0 !important; font-size: 1.3rem !important; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-text p { color: #fff !important; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .pl-go, html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .pl-go i { color: #0a0a0a !important; }
/* on a green card the Download button is a lighter green so it stands out */
html body .dl-green .pdf-acts .pdf-dl { background: #1f7a4f; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
html body .dl-green .pdf-acts .pdf-dl:hover { background: #26935e; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-icon.pdf-ico i, html body .dz-page.dz-page.dz-page .dl-green.dl-green .hl-icon.pdf-ico i { color: #f1c40f !important; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-icon.pdf-ico.pdf-ico { background: rgba(241, 196, 15, .12) !important; border: 1.5px solid #f1c40f !important; width: 56px !important; height: 56px !important; }
html body .dz-page.rv.rv.rv .dz-k-download .dl-green.dl-green .hl-icon.pdf-ico.pdf-ico { box-shadow: inset 0 0 0 1.5px #f1c40f !important; border-radius: 50% !important; }
html body .dz-page.dz-page.dz-page .dl-green.dl-green .hl-icon.pdf-ico { box-shadow: inset 0 0 0 1.5px #f1c40f !important; border-radius: 50% !important; }