/* Xingmen AI OpenRouter catalog: explicit colors and responsive grid. */
body:has(section.max-w-7xl) {
  overflow-x: hidden;
}

.bg-white > .flex.flex-wrap.gap-2.border-b button.bg-blue-600 {
  border: 0;
  background: #165dff;
  color: #fff;
}

.bg-white > .flex.flex-wrap.gap-2.border-b button.bg-gray-100 {
  border: 0;
  background: #f1f3f8;
  color: #30384d;
}

.bg-white > .flex.flex-wrap.gap-2.border-b {
  margin-top: 72px;
  border-color: #e5e7ee;
}

.bg-white > .flex.flex-wrap.gap-2.border-b button {
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 600;
}

section.max-w-7xl {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 1280px;
}

section.max-w-7xl > .bg-gradient-to-r {
  border-radius: 18px;
  background: linear-gradient(105deg, #2149b7, #6755df);
  color: #fff;
  padding: 24px 30px;
}

section.max-w-7xl > .text-gray-600,
section.max-w-7xl > .text-gray-500 {
  color: #586174;
}

section.max-w-7xl > .grid.gap-3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px 170px;
  gap: 12px;
}

section.max-w-7xl > .grid.gap-3 input,
section.max-w-7xl > .grid.gap-3 select {
  width: 100%;
  min-width: 0;
  border: 1px solid #ccd3e1;
  border-radius: 10px;
  background: #fff;
  padding: 10px 12px;
}

section.max-w-7xl > .grid.gap-4 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

section.max-w-7xl article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e4e8f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(24, 42, 86, .06);
}

section.max-w-7xl article strong,
section.max-w-7xl article p,
section.max-w-7xl article div {
  overflow-wrap: anywhere;
}

section.max-w-7xl article > .flex > span.bg-green-100 {
  border-radius: 999px;
  background: #dcfce7;
  color: #166534;
}

section.max-w-7xl article > .flex > span.bg-gray-100 {
  border-radius: 999px;
  background: #f1f3f8;
  color: #596579;
}

section.max-w-7xl article > .text-indigo-700 {
  color: #3156bd;
}

section.max-w-7xl article > .text-gray-500,
section.max-w-7xl article p {
  color: #5b6576;
}

section.max-w-7xl article p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

section.max-w-7xl article > .border-t {
  border-color: #e7eaf0;
}

section.max-w-7xl article .text-amber-700 {
  color: #a16207;
}

section.max-w-7xl button:disabled {
  cursor: not-allowed;
  opacity: .4;
}

@media (max-width: 950px) {
  section.max-w-7xl > .grid.gap-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .bg-white > .flex.flex-wrap.gap-2.border-b { margin-top: 64px; }
  section.max-w-7xl > .grid.gap-3,
  section.max-w-7xl > .grid.gap-4 {
    grid-template-columns: minmax(0, 1fr);
  }
  section.max-w-7xl > .bg-gradient-to-r {
    padding: 20px;
  }
}