/*
  Compiled Tailwind utilities for /api/index.html
  Generated from classes used on the API docs page.
  To regenerate, see tailwindrep/input.css for instructions.
*/

/* ── Custom utility classes ── */

.code-block {
  background-color: #111917;
  color: #e8f6ee;
  border-radius: 14px;
  padding: 1rem;
  overflow-x: auto;
  font-size: 0.85rem;
  line-height: 1.625;
  border: 1px solid #21302a;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.method-badge {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1f3d2a;
  background-color: #ecf5ef;
  border: 1px solid #d4e8da;
  border-radius: 9999px;
  padding: 0.125rem 0.625rem;
  white-space: nowrap;
}

.inline-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 0.88rem;
  background-color: #f8f5ef;
  border: 1px solid #e7e2da;
  border-radius: 0.125rem;
  padding: 0.125rem 0.5rem;
  color: #133223;
}

/* ── Layout ── */

.grid { display: grid; }
.flex { display: flex; }
.relative { position: relative; }
.absolute { position: absolute; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-10 { gap: 2.5rem; }

.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }

/* ── Spacing ── */

.p-3 { padding: 0.75rem; }
.p-3\.5 { padding: 0.875rem; }
.p-5 { padding: 1.25rem; }
.p-1\.5 { padding: 0.375rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.pl-5 { padding-left: 1.25rem; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mt-6 { margin-top: 1.5rem; }

.top-3 { top: 0.75rem; }
.right-3 { right: 0.75rem; }
.bottom-3 { bottom: 0.75rem; }

.scroll-mt-4 { scroll-margin-top: 1rem; }

/* ── Sizing ── */

.w-full { width: 100%; }
.w-4 { width: 1rem; }
.h-4 { height: 1rem; }
.max-w-xl { max-width: 36rem; }
.min-w-\[720px\] { min-width: 720px; }

/* ── Typography ── */

.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-\[0\.7rem\] { font-size: 0.7rem; }
.text-\[0\.85rem\] { font-size: 0.85rem; }
.text-\[0\.88rem\] { font-size: 0.88rem; }
.text-\[0\.95rem\] { font-size: 0.95rem; }
.text-\[1\.05rem\] { font-size: 1.05rem; }

.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.uppercase { text-transform: uppercase; }
.text-left { text-align: left; }

.tracking-wider { letter-spacing: 0.05em; }
.tracking-\[2px\] { letter-spacing: 2px; }

.leading-relaxed { line-height: 1.625; }

.underline { text-decoration-line: underline; }
.underline-offset-2 { text-underline-offset: 2px; }

.list-disc { list-style-type: disc; }

/* ── Colors ── */

.text-brand-muted { color: #000; }
.text-brand-dark { color: #000; }
.text-brand { color: #000; }
.text-\[\#4c4a44\] { color: #000; }
.text-\[\#4ade80\] { color: #4ade80; }
.text-\[\#e8f6ee\] { color: #e8f6ee; }
.text-\[\#4f4c44\] { color: #000; }

.bg-white { background-color: #fff; }
.bg-brand-light { background-color: #ecf5ef; }
.bg-brand-cream { background-color: #f8f5ef; }
.bg-brand-highlight { background-color: #f7f4ef; }
.bg-\[\#111917\] { background-color: #111917; }

.bg-white\/10 { background-color: rgb(255 255 255 / 0.1); }

/* ── Borders ── */

.border { border-width: 1px; }
.border-t { border-top-width: 1px; }
.border-b { border-bottom-width: 1px; }

.border-brand-border { border-color: #e7e2da; }
.border-\[\#d4e8da\] { border-color: #d4e8da; }
.border-\[\#21302a\] { border-color: #21302a; }

.border-collapse { border-collapse: collapse; }

.rounded-\[14px\] { border-radius: 14px; }
.rounded-full { border-radius: 9999px; }
.rounded-md { border-radius: 0.375rem; }
.rounded-sm { border-radius: 0.125rem; }

/* ── Overflow ── */

.overflow-x-auto { overflow-x: auto; }

/* ── Cursor ── */

.cursor-pointer { cursor: pointer; }

/* ── Transitions ── */

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* ── Visibility ── */

.hidden { display: none; }

/* ── Interactive states ── */

.hover\:bg-brand-highlight\/50:hover { background-color: rgb(247 244 239 / 0.5); }
.hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); }

/* ── Spacing utility ── */

.space-y-3 > :not(:first-child) { margin-top: 0.75rem; }

/* ── Responsive: md (768px) ── */

@media (min-width: 768px) {
  .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
}

/* ── Responsive: lg (1024px) ── */

@media (min-width: 1024px) {
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}