/* ------------------------------------------------------------------
   Investor Relations page utilities
   Scoped Tailwind-compatible utilities for template-investors.php
   (ported from the legacy v9 Tailwind design — same design, compiled
   locally so the page has no CDN dependency).
------------------------------------------------------------------- */
.btv-investors {
  --tw-navy: #0f172a;
  --tw-slate-200: #e2e8f0;
  --tw-slate-300: #cbd5e1;
  --tw-slate-400: #94a3b8;
  --tw-slate-800: #1e293b;
  --tw-yellow-200: #fef08a;
  --tw-yellow-300: #fde047;
  --tw-yellow-400: #facc15;
  --tw-yellow-500: #eab308;
  --tw-yellow-600: #ca8a04;
  --tw-yellow-800: #854d0e;
  --tw-teal: #14b8a6;
  --tw-teal-700: #0f766e;
  --tw-green: #22c55e;
  --tw-green-700: #15803d;
  --tw-green-800: #166534;
  --tw-blue-500: #3b82f6;
  --tw-gray-50: #f9fafb;
  --tw-gray-200: #e5e7eb;
  --tw-gray-300: #d1d5db;
  --tw-gray-400: #9ca3af;
  --tw-gray-500: #6b7280;
  --tw-gray-600: #4b5563;
  --tw-red-50: #fef2f2;
  --tw-red-200: #fecaca;
  --tw-red-800: #991b1b;
}

/* ---- layout ---- */
.btv-investors .max-w-7xl { max-width: 80rem; }
.btv-investors .max-w-3xl { max-width: 48rem; }
.btv-investors .max-w-2xl { max-width: 42rem; }
.btv-investors .mx-auto { margin-left: auto; margin-right: auto; }
.btv-investors .block { display: block; }
.btv-investors .inline-block { display: inline-block; }
.btv-investors .inline-flex { display: inline-flex; }
.btv-investors .flex { display: flex; }
.btv-investors .grid { display: grid; }
.btv-investors .gap-2 { gap: 0.5rem; }
.btv-investors .gap-4 { gap: 1rem; }
.btv-investors .gap-5 { gap: 1.25rem; }
.btv-investors .gap-6 { gap: 1.5rem; }
.btv-investors .items-center { align-items: center; }
.btv-investors .items-start { align-items: flex-start; }
.btv-investors .justify-between { justify-content: space-between; }
.btv-investors .justify-center { justify-content: center; }
.btv-investors .w-full { width: 100%; }
.btv-investors .w-12 { width: 3rem; }
.btv-investors .w-14 { width: 3.5rem; }
.btv-investors .h-12 { height: 3rem; }
.btv-investors .h-14 { height: 3.5rem; }
.btv-investors .space-y-4 > * + * { margin-top: 1rem; }

/* ---- spacing ---- */
.btv-investors .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.btv-investors .px-4 { padding-left: 1rem; padding-right: 1rem; }
.btv-investors .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.btv-investors .px-8 { padding-left: 2rem; padding-right: 2rem; }
.btv-investors .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.btv-investors .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.btv-investors .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.btv-investors .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.btv-investors .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.btv-investors .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.btv-investors .pt-16 { padding-top: 4rem; }
.btv-investors .pb-20 { padding-bottom: 5rem; }
.btv-investors .p-3 { padding: 0.75rem; }
.btv-investors .p-4 { padding: 1rem; }
.btv-investors .p-5 { padding: 1.25rem; }
.btv-investors .p-6 { padding: 1.5rem; }
.btv-investors .p-7 { padding: 1.75rem; }
.btv-investors .p-8 { padding: 2rem; }
.btv-investors .mb-1 { margin-bottom: 0.25rem; }
.btv-investors .mb-2 { margin-bottom: 0.5rem; }
.btv-investors .mb-3 { margin-bottom: 0.75rem; }
.btv-investors .mb-4 { margin-bottom: 1rem; }
.btv-investors .mb-5 { margin-bottom: 1.25rem; }
.btv-investors .mb-6 { margin-bottom: 1.5rem; }
.btv-investors .mb-8 { margin-bottom: 2rem; }
.btv-investors .mb-14 { margin-bottom: 3.5rem; }
.btv-investors .mb-16 { margin-bottom: 4rem; }
.btv-investors .mt-2 { margin-top: 0.5rem; }
.btv-investors .mr-2 { margin-right: 0.5rem; }

/* ---- typography ---- */
.btv-investors .text-xs { font-size: 0.75rem; }
.btv-investors .text-sm { font-size: 0.875rem; }
.btv-investors .text-lg { font-size: 1.125rem; }
.btv-investors .text-xl { font-size: 1.25rem; }
.btv-investors .text-2xl { font-size: 1.5rem; }
.btv-investors .text-3xl { font-size: 1.875rem; }
.btv-investors .text-4xl { font-size: 2.25rem; }
.btv-investors .font-bold { font-weight: 700; }
.btv-investors .font-extrabold { font-weight: 800; }
.btv-investors .font-semibold { font-weight: 600; }
.btv-investors .uppercase { text-transform: uppercase; }
.btv-investors .tracking-widest { letter-spacing: 0.1em; }
.btv-investors .leading-relaxed { line-height: 1.625; }
.btv-investors .text-center { text-align: center; }
.btv-investors .outline-none { outline: none; }

/* ---- borders & effects ---- */
.btv-investors .rounded-lg { border-radius: 0.5rem; }
.btv-investors .rounded-xl { border-radius: 0.75rem; }
.btv-investors .rounded-2xl { border-radius: 1rem; }
.btv-investors .rounded-full { border-radius: 9999px; }
.btv-investors .border { border-width: 1px; border-style: solid; }
.btv-investors .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }
.btv-investors .transition { transition: all .2s ease; }
.btv-investors .resize-none { resize: none; }

/* ---- backgrounds ---- */
.btv-investors .bg-white { background: #fff; }
.btv-investors .bg-navy { background: var(--tw-navy); }
.btv-investors .bg-gray-50 { background: var(--tw-gray-50); }
.btv-investors .bg-yellow-50 { background: #fefce8; }
.btv-investors .bg-green-50 { background: #f0fdf4; }
.btv-investors .bg-red-50 { background: var(--tw-red-50); }
.btv-investors .bg-yellow-500 { background: var(--tw-yellow-500); }
.btv-investors .bg-yellow-600 { background: var(--tw-yellow-600); }
.btv-investors .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-navy), var(--tw-slate-800), var(--tw-navy)); }
.btv-investors .from-navy { --tw-from: var(--tw-navy); }
.btv-investors .via-slate-800 { --tw-via: var(--tw-slate-800); }
.btv-investors .to-navy { --tw-to: var(--tw-navy); }
.btv-investors .bg-white\/10 { background: rgba(255,255,255,.1); }
.btv-investors .bg-yellow-500\/5 { background: rgba(234,179,8,.05); }
.btv-investors .bg-yellow-500\/10 { background: rgba(234,179,8,.1); }
.btv-investors .bg-yellow-500\/20 { background: rgba(234,179,8,.2); }
.btv-investors .bg-yellow\/5 { background: rgba(234,179,8,.05); }
.btv-investors .bg-yellow\/10 { background: rgba(234,179,8,.1); }
.btv-investors .bg-yellow\/20 { background: rgba(234,179,8,.2); }
.btv-investors .bg-teal\/5 { background: rgba(20,184,166,.05); }
.btv-investors .bg-teal\/10 { background: rgba(20,184,166,.1); }
.btv-investors .bg-teal\/20 { background: rgba(20,184,166,.2); }
.btv-investors .bg-green\/5 { background: rgba(34,197,94,.05); }
.btv-investors .bg-green\/10 { background: rgba(34,197,94,.1); }
.btv-investors .bg-green\/20 { background: rgba(34,197,94,.2); }
.btv-investors .bg-blue-500\/5 { background: rgba(59,130,246,.05); }
.btv-investors .bg-blue-500\/10 { background: rgba(59,130,246,.1); }
.btv-investors .bg-blue-500\/20 { background: rgba(59,130,246,.2); }
.btv-investors .bg-gray-400\/5 { background: rgba(156,163,175,.05); }
.btv-investors .bg-gray-400\/10 { background: rgba(156,163,175,.1); }
.btv-investors .bg-gray-400\/20 { background: rgba(156,163,175,.2); }

/* ---- text colors ---- */
.btv-investors .text-white { color: #fff; }
.btv-investors .text-navy { color: var(--tw-navy); }
.btv-investors .text-slate-200 { color: var(--tw-slate-200); }
.btv-investors .text-slate-300 { color: var(--tw-slate-300); }
.btv-investors .text-slate-400 { color: var(--tw-slate-400); }
.btv-investors .text-gray-400 { color: var(--tw-gray-400); }
.btv-investors .text-gray-500 { color: var(--tw-gray-500); }
.btv-investors .text-gray-600 { color: var(--tw-gray-600); }
.btv-investors .text-yellow-200 { color: var(--tw-yellow-200); }
.btv-investors .text-yellow-300 { color: var(--tw-yellow-300); }
.btv-investors .text-yellow-400 { color: var(--tw-yellow-400); }
.btv-investors .text-yellow-600 { color: var(--tw-yellow-600); }
.btv-investors .text-yellow-800 { color: var(--tw-yellow-800); }
.btv-investors .text-teal { color: var(--tw-teal); }
.btv-investors .text-teal-700 { color: var(--tw-teal-700); }
.btv-investors .text-green { color: var(--tw-green); }
.btv-investors .text-green-700 { color: var(--tw-green-700); }
.btv-investors .text-green-800 { color: var(--tw-green-800); }
.btv-investors .text-blue-500 { color: var(--tw-blue-500); }
.btv-investors .text-red-800 { color: var(--tw-red-800); }
.btv-investors .text-yellow-500\/10 { color: rgba(234,179,8,.1); }
.btv-investors .text-yellow-500\/20 { color: rgba(234,179,8,.2); }
.btv-investors .text-yellow\/10 { color: rgba(234,179,8,.1); }
.btv-investors .text-yellow\/20 { color: rgba(234,179,8,.2); }
.btv-investors .text-teal\/10 { color: rgba(20,184,166,.1); }
.btv-investors .text-teal\/20 { color: rgba(20,184,166,.2); }
.btv-investors .text-green\/10 { color: rgba(34,197,94,.1); }
.btv-investors .text-green\/20 { color: rgba(34,197,94,.2); }
.btv-investors .text-blue-500\/10 { color: rgba(59,130,246,.1); }
.btv-investors .text-blue-500\/20 { color: rgba(59,130,246,.2); }
.btv-investors .text-gray-400\/10 { color: rgba(156,163,175,.1); }
.btv-investors .text-gray-400\/20 { color: rgba(156,163,175,.2); }

/* ---- border colors ---- */
.btv-investors .border-gray-200 { border-color: var(--tw-gray-200); }
.btv-investors .border-gray-300 { border-color: var(--tw-gray-300); }
.btv-investors .border-green-200 { border-color: #bbf7d0; }
.btv-investors .border-red-200 { border-color: var(--tw-red-200); }
.btv-investors .border-yellow-200 { border-color: #fef08a; }
.btv-investors .border-teal\/20 { border-color: rgba(20,184,166,.2); }
.btv-investors .border-yellow-400\/30 { border-color: rgba(250,204,21,.3); }

/* ---- interactions ---- */
.btv-investors .hover\:bg-yellow-400:hover { background: var(--tw-yellow-400); }
.btv-investors .hover\:bg-yellow-500:hover { background: var(--tw-yellow-500); }
.btv-investors .focus\:ring-2:focus { box-shadow: 0 0 0 2px var(--tw-yellow-500); }

/* ---- responsive ---- */
@media (min-width: 640px) {
  .btv-investors .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .btv-investors .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .btv-investors .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  .btv-investors .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .btv-investors .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .btv-investors .md\:text-4xl { font-size: 2.25rem; }
  .btv-investors .md\:text-5xl { font-size: 3rem; }
}
@media (min-width: 1024px) {
  .btv-investors .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .btv-investors .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
}

/* Form inputs inherit theme font */
.btv-investors input,
.btv-investors select,
.btv-investors textarea { font-family: inherit; box-sizing: border-box; }