/* tailwind-addendum.css — GENERATED by scripts/make-css-addendum.py. Do not edit.
   The utilities our templates ask for that the vendored tailwind.css does not carry.
   Loaded immediately AFTER tailwind.css so these sit with the other utilities:
   above Banco's base classes, below nothing. Regenerate after adding new classes,
   and scripts/prove-classes-exist.js fails the build if you forget.
   158 rules. */

.\!p-0 { padding: 0px !important; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y, 0)); }
.accent-emerald-500 { accent-color: rgb(16 185 129); }
.accent-indigo-600 { accent-color: rgb(79 70 229); }
.accent-slate-600 { accent-color: rgb(71 85 105); }
.active\:scale-95:active { --tw-scale-x: 0.95; --tw-scale-y: 0.95; transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) scale(var(--tw-scale-x), var(--tw-scale-y)); }
.bg-amber-50\/40 { background-color: rgb(255 251 235 / 0.4); }
.bg-black\/20 { background-color: rgb(0 0 0 / 0.2); }
.bg-black\/25 { background-color: rgb(0 0 0 / 0.25); }
.bg-black\/55 { background-color: rgb(0 0 0 / 0.55); }
.bg-blue-300 { background-color: rgb(147 197 253); }
.bg-cyan-900 { background-color: rgb(22 78 99); }
.bg-emerald-500\/20 { background-color: rgb(16 185 129 / 0.2); }
.bg-emerald-500\/25 { background-color: rgb(16 185 129 / 0.25); }
.bg-gray-50\/60 { background-color: rgb(249 250 251 / 0.6); }
.bg-gray-900 { background-color: rgb(17 24 39); }
.bg-red-500\/25 { background-color: rgb(239 68 68 / 0.25); }
.bg-red-700 { background-color: rgb(185 28 28); }
.bg-rose-50 { background-color: rgb(255 241 242); }
.bg-slate-200 { background-color: rgb(226 232 240); }
.bg-slate-50 { background-color: rgb(248 250 252); }
.bg-teal-100 { background-color: rgb(204 251 241); }
.bg-white\/10 { background-color: rgb(255 255 255 / 0.1); }
.bg-white\/15 { background-color: rgb(255 255 255 / 0.15); }
.bg-white\/5 { background-color: rgb(255 255 255 / 0.05); }
.bg-white\/90 { background-color: rgb(255 255 255 / 0.9); }
.border-amber-100 { border-color: rgb(254 243 199); }
.border-emerald-300 { border-color: rgb(110 231 183); }
.border-emerald-300\/50 { border-color: rgb(110 231 183 / 0.5); }
.border-emerald-500 { border-color: rgb(16 185 129); }
.border-indigo-300 { border-color: rgb(165 180 252); }
.border-indigo-400 { border-color: rgb(129 140 248); }
.border-rose-200 { border-color: rgb(254 205 211); }
.border-rose-300 { border-color: rgb(253 164 175); }
.border-rose-400 { border-color: rgb(251 113 133); }
.border-slate-300 { border-color: rgb(203 213 225); }
.border-slate-400 { border-color: rgb(148 163 184); }
.border-t-indigo-600 { border-top-color: rgb(79 70 229); }
.border-teal-300 { border-color: rgb(94 234 212); }
.border-white\/10 { border-color: rgb(255 255 255 / 0.1); }
.border-white\/15 { border-color: rgb(255 255 255 / 0.15); }
.border-white\/25 { border-color: rgb(255 255 255 / 0.25); }
.border-yellow-500 { border-color: rgb(234 179 8); }
.bottom-6 { bottom: 1.5rem; }
.cursor-default { cursor: default; }
.cursor-zoom-out { cursor: zoom-out; }
.disabled\:cursor-wait:disabled { cursor: wait; }
.disabled\:opacity-60:disabled { opacity: 0.6; }
.disabled\:text-gray-300:disabled { color: rgb(209 213 219); }
.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(224 231 255); }
.focus\:border-indigo-600:focus { border-color: rgb(79 70 229); }
.focus\:ring-emerald-300:focus { --tw-ring-color: rgb(110 231 183); }
.from-cyan-700 { --tw-gradient-from: #0e7490 var(--tw-gradient-from-position); --tw-gradient-to: rgba(14,116,144,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.gap-0\.5 { gap: 0.125rem; }
.gap-8 { gap: 2rem; }
.gap-x-6 { column-gap: 1.5rem; }
/* .group — a marker class, no declarations by design */
.group:hover .group-hover\:opacity-100 { opacity: 1; }
.group:hover .group-hover\:text-indigo-700 { color: rgb(67 56 202); }
.group:hover .group-hover\:underline { text-decoration-line: underline; }
.h-44 { height: 11rem; }
.h-64 { height: 16rem; }
.hover\:bg-amber-300:hover { background-color: rgb(252 211 77); }
.hover\:bg-emerald-400:hover { background-color: rgb(52 211 153); }
.hover\:bg-emerald-500\/30:hover { background-color: rgb(16 185 129 / 0.3); }
.hover\:bg-green-50:hover { background-color: rgb(240 253 244); }
.hover\:bg-slate-100:hover { background-color: rgb(241 245 249); }
.hover\:bg-slate-300:hover { background-color: rgb(203 213 225); }
.hover\:bg-teal-50:hover { background-color: rgb(240 253 250); }
.hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); }
.hover\:border-blue-400:hover { border-color: rgb(96 165 250); }
.hover\:border-emerald-400:hover { border-color: rgb(52 211 153); }
.hover\:border-gray-400:hover { border-color: rgb(156 163 175); }
.hover\:border-green-400:hover { border-color: rgb(74 222 128); }
.hover\:border-teal-400:hover { border-color: rgb(45 212 191); }
.hover\:border-teal-500:hover { border-color: rgb(20 184 166); }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:ring-blue-400:hover { --tw-ring-color: rgb(96 165 250); }
.hover\:ring-emerald-300:hover { --tw-ring-color: rgb(110 231 183); }
.hover\:ring-indigo-400:hover { --tw-ring-color: rgb(129 140 248); }
.hover\:text-indigo-700:hover { color: rgb(67 56 202); }
.hover\:text-purple-600:hover { color: rgb(147 51 234); }
.left-0 { left: 0px; }
.left-1\/2 { left: 50%; }
.left-3 { left: 0.75rem; }
.line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.max-h-\[88vh\] { max-height: 88vh; }
.max-w-\[160px\] { max-width: 160px; }
.max-w-\[230px\] { max-width: 230px; }
.max-w-\[60\%\] { max-width: 60%; }
.mb-12 { margin-bottom: 3rem; }
@media (min-width: 768px) { .md\:col-span-5 { grid-column: span 5 / span 5; } }
.min-w-\[140px\] { min-width: 140px; }
.min-w-\[160px\] { min-width: 160px; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.opacity-40 { opacity: 0.4; }
.opacity-45 { opacity: 0.45; }
.p-2\.5 { padding: 0.625rem; }
.pl-1 { padding-left: 0.25rem; }
.placeholder-emerald-200\/40::placeholder { color: rgb(167 243 208 / 0.4); }
.pr-5 { padding-right: 1.25rem; }
/* .prose — the subset @tailwindcss/typography would have given us. The plugin is
   not vendored and is not going to be; this covers what kb_approvals.html renders
   through x-html, where preflight has already flattened every heading and list. */
.prose { color: #374151; line-height: 1.75; }
.prose > * + * { margin-top: 1.25em; }
.prose h1 { font-size: 2.25em; font-weight: 800; line-height: 1.15; margin-top: 0; }
.prose h2 { font-size: 1.5em;  font-weight: 700; line-height: 1.33; margin-top: 2em; }
.prose h3 { font-size: 1.25em; font-weight: 600; line-height: 1.6;  margin-top: 1.6em; }
.prose h1, .prose h2, .prose h3, .prose h4 { color: #111827; }
.prose ul { list-style: disc;    padding-left: 1.625em; }
.prose ol { list-style: decimal; padding-left: 1.625em; }
.prose li { margin: .5em 0; }
.prose a { color: #4f46e5; text-decoration: underline; }
.prose strong { font-weight: 600; color: #111827; }
.prose code { font-family: ui-monospace, monospace; font-size: .875em;
              background: #f3f4f6; padding: .15em .35em; border-radius: .25rem; }
.prose pre { background: #1f2937; color: #f9fafb; padding: 1em; border-radius: .5rem;
             overflow-x: auto; }
.prose blockquote { border-left: .25rem solid #e5e7eb; padding-left: 1em;
                    font-style: italic; color: #4b5563; }
.prose img { max-width: 100%; height: auto; }
.prose hr { border-color: #e5e7eb; margin: 2em 0; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.ring-amber-300 { --tw-ring-color: rgb(252 211 77); }
.ring-amber-400 { --tw-ring-color: rgb(251 191 36); }
.ring-blue-700 { --tw-ring-color: rgb(29 78 216); }
.ring-emerald-300 { --tw-ring-color: rgb(110 231 183); }
.ring-gray-500 { --tw-ring-color: rgb(107 114 128); }
.ring-green-400 { --tw-ring-color: rgb(74 222 128); }
.ring-green-700 { --tw-ring-color: rgb(21 128 61); }
.ring-indigo-400 { --tw-ring-color: rgb(129 140 248); }
.ring-red-400 { --tw-ring-color: rgb(248 113 113); }
.ring-yellow-700 { --tw-ring-color: rgb(161 98 7); }
.rounded-3xl { border-radius: 1.5rem; }
/* .sheet — a marker class, no declarations by design */
@media (min-width: 640px) { .sm\:gap-8 { gap: 2rem; } }
@media (min-width: 640px) { .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } }
@media (min-width: 640px) { .sm\:text-6xl { font-size: 3.75rem; line-height: 1; } }
.text-\[120px\] { font-size: 120px; line-height: 1; }
.text-\[92px\] { font-size: 92px; line-height: 1; }
.text-amber-200 { color: rgb(253 230 138); }
.text-amber-900 { color: rgb(120 53 15); }
.text-cyan-50 { color: rgb(236 254 255); }
.text-emerald-100\/60 { color: rgb(209 250 229 / 0.6); }
.text-emerald-100\/70 { color: rgb(209 250 229 / 0.7); }
.text-emerald-100\/75 { color: rgb(209 250 229 / 0.75); }
.text-emerald-100\/80 { color: rgb(209 250 229 / 0.8); }
.text-emerald-100\/85 { color: rgb(209 250 229 / 0.85); }
.text-emerald-200 { color: rgb(167 243 208); }
.text-emerald-200\/40 { color: rgb(167 243 208 / 0.4); }
.text-emerald-200\/50 { color: rgb(167 243 208 / 0.5); }
.text-emerald-200\/60 { color: rgb(167 243 208 / 0.6); }
.text-emerald-200\/80 { color: rgb(167 243 208 / 0.8); }
.text-emerald-300\/80 { color: rgb(110 231 183 / 0.8); }
.text-emerald-50\/85 { color: rgb(236 253 245 / 0.85); }
.text-emerald-500 { color: rgb(16 185 129); }
.text-emerald-950 { color: rgb(2 44 34); }
.text-red-100 { color: rgb(254 226 226); }
.text-red-300 { color: rgb(252 165 165); }
.text-red-900 { color: rgb(127 29 29); }
.text-rose-500 { color: rgb(244 63 94); }
.text-rose-600 { color: rgb(225 29 72); }
.text-rose-700 { color: rgb(190 18 60); }
.text-rose-800 { color: rgb(159 18 57); }
.text-rose-900 { color: rgb(136 19 55); }
.text-slate-700 { color: rgb(51 65 85); }
.text-slate-800 { color: rgb(30 41 59); }
.text-slate-900 { color: rgb(15 23 42); }
.top-2 { top: 0.5rem; }
.tracking-\[0\.15em\] { letter-spacing: 0.15em; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }
.w-36 { width: 9rem; }
.w-44 { width: 11rem; }
.z-30 { z-index: 30; }
.z-\[65\] { z-index: 65; }
.z-\[90\] { z-index: 90; }
.z-\[95\] { z-index: 95; }

/* Gradient triples, re-emitted from -> via -> to so the order inside THIS
   file is right whatever the vendored one did. See the note in the generator. */
.from-emerald-700 { --tw-gradient-from: #047857 var(--tw-gradient-from-position); --tw-gradient-to: rgba(4,120,87,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-600 { --tw-gradient-from: #d97706 var(--tw-gradient-from-position); --tw-gradient-to: rgba(217,119,6,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-700 { --tw-gradient-from: #0e7490 var(--tw-gradient-from-position); --tw-gradient-to: rgba(14,116,144,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-fuchsia-600 { --tw-gradient-from: #c026d3 var(--tw-gradient-from-position); --tw-gradient-to: rgba(192,38,211,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-700 { --tw-gradient-from: #334155 var(--tw-gradient-from-position); --tw-gradient-to: rgba(51,65,85,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-700 { --tw-gradient-from: #4338ca var(--tw-gradient-from-position); --tw-gradient-to: rgba(67,56,202,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-teal-800 { --tw-gradient-to: rgba(17,94,89,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #115e59 var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-orange-700 { --tw-gradient-to: rgba(194,65,12,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c2410c var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-purple-700 { --tw-gradient-to: rgba(126,34,206,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-gray-800 { --tw-gradient-to: rgba(31,41,55,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-purple-800 { --tw-gradient-to: rgba(107,33,168,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6b21a8 var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-slate-900 { --tw-gradient-to: #0f172a var(--tw-gradient-to-position); }
.to-rose-900 { --tw-gradient-to: #881337 var(--tw-gradient-to-position); }
.to-indigo-900 { --tw-gradient-to: #312e81 var(--tw-gradient-to-position); }
.to-zinc-900 { --tw-gradient-to: #18181b var(--tw-gradient-to-position); }