.agcf{
  --green:#003f36;
  --green2:#07564a;
  --gold:#d6a12b;
  --cream:#fbf7ed;
  --ink:#173631;
  --muted:#6f766f;
  --line:#e4cf9e;
  font-family:inherit;
  color:var(--ink);
  background:#fffdf8;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  max-width:900px;
  margin:0 auto;
  box-shadow:0 5px 16px rgba(34,50,42,.06)
}

.agcf *{box-sizing:border-box}

.agcf__head{
  display:block;
  margin-bottom:14px
}

.agcf__eyebrow{
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  color:#8d6a19;
  margin-bottom:4px
}

.agcf h2{
  font-size:26px;
  line-height:1.1;
  margin:0 0 6px;
  color:var(--green)
}

.agcf__head p{
  margin:0;
  max-width:720px;
  color:#59645f;
  font-size:13px;
  line-height:1.45
}

.agcf__counts{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px
}

.agcf__counts span{
  background:#f7f3e8;
  border:1px solid #e4d8b8;
  border-radius:999px;
  padding:4px 9px;
  font-size:10px;
  color:#59645f
}

.agcf__counts b{
  color:var(--green);
  margin-left:4px
}

.agcf__searchrow{
  display:flex;
  gap:8px;
  margin-top:14px
}

.agcf__searchbox{
  display:flex;
  align-items:center;
  gap:6px;
  flex:1;
  background:white;
  border:1px solid #cfc7b5;
  border-radius:9px;
  padding:0 10px
}

.agcf__searchbox:focus-within{
  border-color:var(--gold);
  box-shadow:0 0 0 2px rgba(214,161,43,.12)
}

.agcf__searchbox input{
  width:100%;
  height:42px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px;
  color:#203934;
  padding:0!important
}

.agcf__magnify{
  font-size:18px;
  color:#8b8d83
}

#agcf-clear{
  border:0;
  background:transparent;
  font-size:20px;
  color:#8b8d83;
  cursor:pointer
}

#agcf-search{
  border:0;
  background:var(--green);
  color:#fff;
  font-weight:700;
  border-radius:9px;
  padding:0 18px;
  min-height:42px;
  cursor:pointer;
  white-space:nowrap
}

#agcf-search:hover{background:var(--green2)}

.agcf__filters{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px
}

.agcf__filters button{
  border:1px solid #ded4ba;
  background:#fff;
  border-radius:999px;
  padding:5px 11px;
  font-weight:700;
  font-size:11px;
  color:#435650;
  cursor:pointer
}

.agcf__filters button:hover,
.agcf__filters button.is-active{
  background:var(--green);
  border-color:var(--green);
  color:white
}

.agcf__meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin:12px 1px 6px;
  color:#6d746f;
  font-size:11px
}

.agcf__meta button{
  border:0;
  background:transparent;
  color:var(--green);
  font-weight:700;
  cursor:pointer
}

.agcf__results{
  display:grid;
  gap:6px
}

.agcf__result{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid #e1dac7;
  border-radius:9px;
  padding:9px 11px
}

.agcf__code{
  font-size:15px;
  font-weight:800;
  color:var(--green)
}

.agcf__badge{
  font-size:9px;
  background:#e8efe9;
  color:var(--green);
  border-radius:999px;
  padding:2px 6px
}

.agcf__title{
  font-size:12px;
  margin-top:2px
}

.agcf__sub{
  font-size:10px;
  color:#7a7f7b;
  margin-top:2px
}

.agcf__actions{
  display:flex;
  gap:4px
}

.agcf__actions button{
  border:1px solid #ded6c3;
  background:#fff;
  border-radius:7px;
  padding:5px 7px;
  font-size:10px;
  font-weight:700;
  cursor:pointer
}

.agcf__details{
  grid-column:2/-1;
  display:none;
  border-top:1px solid #eee7d8;
  padding-top:7px;
  font-size:11px;
  line-height:1.4
}

.agcf__result.is-open .agcf__details{display:block}

.agcf__empty{
  padding:14px;
  text-align:center;
  border:1px dashed #d9cda9;
  border-radius:9px;
  font-size:12px;
  color:#6f766f
}

.agcf__pager{
  display:flex;
  justify-content:center;
  gap:5px;
  margin-top:8px
}

.agcf__pager button{
  border:1px solid #ded4ba;
  background:#fff;
  border-radius:7px;
  padding:5px 8px;
  cursor:pointer
}

.agcf__pager button.is-active{
  background:var(--green);
  color:white
}

.agcf__note{
  display:none
}

@media(max-width:650px){
  .agcf{
    padding:14px;
    border-radius:12px
  }

  .agcf h2{font-size:22px}

  .agcf__searchrow{
    display:block
  }

  #agcf-search{
    width:100%;
    margin-top:7px
  }

  .agcf__filters{
    justify-content:center
  }

  .agcf__result{
    grid-template-columns:auto minmax(0,1fr)
  }

  .agcf__actions,
  .agcf__details{
    grid-column:2
  }
}