:root{--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}
.aiglossary-filters { margin-bottom: 18px; font-family: Inter, sans-serif; }
.ag-input-with-icon { position: relative; }
.ag-icon-search { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9ca3af; }
.ag-search-input {
    width: 100%;
    padding: 12px 14px 12px 44px !important;
    border: 1px solid #e5e7eb;
    border-radius: 12px !important;
    font-size: 14px;
}
.ag-category-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.aig-category-btn {
    background-color: #fff !important;
    color: #23405c;
    padding: 10px;
    border: 2px solid #23405c;
    border-radius: 8px;
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    text-decoration: none;
}

.aig-category-btn.active, .aig-category-btn:hover {
    background: #23405c !important;
    color: #fff;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border: 2px solid #23405c;
}

.aig-category-btn:hover {
    background-color: #23405c !important;
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.ag-meta-row { margin-top: 8px; color: #4b5563; font-size: 14px; }


.aiglossary-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Item card */
.ag-item.card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #e5e7eb;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.ag-item.card:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.ag-item-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
.ag-term {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.ag-category span {
  background: #e5e7eb;
  color: #374151;
  padding: 4px 10px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 13px;
}

.ag-category.technical span {
  color: #16a249;
  background-color: rgb(22 162 73 / 20%);
}

.ag-category.automation span {
  color: #ee582b;
  background-color: rgb(238 88 43 / 20%);
}

.ag-category.process span {
  color: #ee582b;
  background-color: rgb(237 128 94 / 20%);
}
.ag-category.ethics span {
  color: #ef4343;
  background-color: rgb(239 67 67 / 20%);
}





.ag-definition {
  color: #4b5563;
  line-height: 1.6;
  margin: 8px 0 12px;
}
.ag-related-wrap h4 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}
.ag-related {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ag-related-pill {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #111827;
  padding: 4px 10px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 13px;
}

/* Pagination */
.pagination-bar { margin-top: 20px; display: flex; justify-content: center; }
.pagination { display: flex; list-style: none; gap: 6px; padding: 0; }
.pagination li a {
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  color: #111827;
  text-decoration: none;
}
.pagination li.active a {
  background: #23405c;
  color: #fff;
}
.no-results { color: #6b7280; padding: 16px; text-align: center; }