/* /agri/ pages (tools/agri_build.py) - scoped to .agri-page. */
.agri-page .gc-wa { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;
  border-radius: 50%; color: #1f7a44; vertical-align: middle; margin-inline-start: .25rem; }
.agri-page .gc-wa:hover, .agri-page .gc-wa:focus-visible { background: var(--surface); }
.agri-page .agri-list li, .agri-page .agri-hits > li { margin-block: .3rem; }
.agri-search { margin: 1rem 0 1.25rem; }
.agri-search .field { display: flex; align-items: center; gap: 8px; max-width: 36rem; padding: 4px 14px;
  border: 1px solid var(--border); border-radius: 999px; background: var(--panel, var(--bg)); box-shadow: var(--shadow);
  transition: box-shadow .15s ease, border-color .15s ease; }
/* the home page's field (index.html .field), at page scale */
.agri-search .field:focus-within { border-color: var(--accent); box-shadow: 0 0 0 4px var(--ring, transparent); }
.agri-search .field svg { flex: none; width: 18px; height: 18px; color: var(--muted); }
.agri-search input { flex: 1; min-width: 0; border: 0; background: none; color: inherit; font: inherit;
  font-size: 1rem; padding: 10px 0; outline: none; }
.agri-search .ai-btn { flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; margin-inline-end: -10px; border-radius: 50%; background: var(--fg); color: var(--bg);
  text-decoration: none; font-weight: 600; }
.agri-search .ai-btn:hover, .agri-search .ai-btn:focus-visible { background: var(--accent); }
.agri-search .agri-ways { font-size: .9rem; color: var(--muted); margin: .4rem .2rem 0; }
#agriResults { margin-block-end: 1.5rem; }
#agriResults h2 { font-size: 1.05rem; margin-block: 1rem .4rem; }
.agri-hits { list-style: none; padding: 0; }
.agri-hits > li { padding: .55rem .2rem; border-block-end: 1px solid var(--border); }
.agri-hits ol { margin: .3rem 0 0; padding-inline-start: 1.4rem; }
.agri-az { columns: 14rem auto; column-gap: 2rem; padding: 0; list-style: none; }
.agri-az li { break-inside: avoid; margin-block: .15rem; }
.agri-az-letters { display: flex; flex-wrap: wrap; gap: .35rem .6rem; margin: .5rem 0 1rem; }
.agri-bar { display: block; block-size: .7rem; min-inline-size: 2px; background: var(--accent); border-radius: 2px; }