/* Glossário. Cor da secção «Sobre o projeto» (verde sóbrio); o resto vem de relatorio-dados.css (.agri-report). */
body.glossario-page .bio-banner-hero .regen-hero-image { background-image: url('/images/biodiversidade-teia-viva.webp') !important; }

.agri-report .gl-barra { display: grid; gap: 12px; }
.agri-report .gl-barra input[type="search"] { width: 100%; max-width: 40rem; height: 2.8rem; margin: 0; padding: 0 0.9rem; font: inherit; font-size: 1rem; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: none; appearance: none; }
.agri-report .gl-barra input[type="search"]:focus-visible { outline: 2px solid var(--hero-accent, var(--brand)); outline-offset: 1px; }
.agri-report .gl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.agri-report .gl-chips button {
    font: inherit; font-size: 0.85rem; font-weight: 600; line-height: 1.2; height: 2.3rem; padding: 0 0.9rem; color: var(--ink-2); background: #fff;
    border: 1px solid var(--line); border-radius: 999px; cursor: pointer; text-transform: none; letter-spacing: 0; box-shadow: none; white-space: nowrap;
}
.agri-report .gl-chips button:hover { border-color: var(--hero-accent, var(--brand)); color: var(--ink); }
.agri-report .gl-chips button[aria-pressed="true"] { background: var(--hero-accent, var(--brand)); border-color: var(--hero-accent, var(--brand)); color: #fff !important; }
.agri-report .gl-conta { margin: 0; font-size: 0.84rem; color: var(--muted); }

.agri-report .gl-az { display: flex; flex-wrap: wrap; gap: 4px; }
.agri-report .gl-az a { display: inline-grid; place-items: center; min-width: 2rem; height: 2rem; padding: 0 0.4rem; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink-2); font-weight: 700; font-size: 0.85rem; text-decoration: none; }
.agri-report .gl-az a:hover { border-color: var(--hero-accent, var(--brand)); color: var(--ink); }

.agri-report #gl-lista { display: grid; gap: 28px; }
.agri-report .gl-letra { display: grid; gap: 12px; scroll-margin-top: 6.5rem; }
.agri-report h3.gl-l { font-family: var(--f-display); font-size: 1.6rem; color: var(--hero-accent, var(--brand)); border-bottom: 2px solid var(--line); padding-bottom: 4px; margin: 0; }
.agri-report .gl-termo { display: grid; gap: 8px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); scroll-margin-top: 7rem; transition: box-shadow 0.3s, border-color 0.3s; }
.agri-report .gl-termo.gl-foco, .agri-report .gl-termo:target { border-color: var(--hero-accent, var(--brand)); box-shadow: 0 0 0 3px rgba(82, 107, 87, 0.25); }
.agri-report .gl-termo h3 { margin: 0; font-family: var(--f-display); font-size: 1.15rem; line-height: 1.3; }
.agri-report .gl-termo h3 small { margin-left: 10px; font: 400 0.82rem var(--f-body); color: var(--muted); font-style: italic; }
.agri-report .gl-ancora { color: var(--ink); text-decoration: none; border-bottom: 0; }
.agri-report .gl-ancora:hover { color: var(--brand); }
.agri-report .gl-cat { justify-self: start; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); background: var(--line-2); border-radius: 999px; padding: 3px 9px; }
.agri-report .gl-termo > p { max-width: 74ch; font-size: 0.95rem; line-height: 1.7; color: var(--ink-2); }
.agri-report .gl-termo .gl-ver, .agri-report .gl-termo .gl-onde, .agri-report .gl-termo .gl-fonte { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; font-size: 0.84rem; }
.agri-report .gl-termo p > span { font-weight: 700; color: var(--muted); min-width: 6.4rem; }
.agri-report .gl-ver a, .agri-report .gl-onde a { padding: 2px 9px; border: 1px solid var(--line); border-radius: 999px; background: #fff; text-decoration: none; color: var(--brand); font-weight: 600; border-bottom: 1px solid var(--line); }
.agri-report .gl-ver a:hover, .agri-report .gl-onde a:hover { border-color: var(--hero-accent, var(--brand)); }
.agri-report .gl-fonte a { color: var(--brand); }
.agri-report .gl-vazio { color: var(--muted); padding: 0.8rem 0; }
@media (max-width: 560px) { .agri-report .gl-termo p > span { min-width: 100%; } }