/* readable minimum size */
.text-\[10px\]{font-size:0.75rem!important}

/* auto light scheme derived from this site's own palette */
@media (prefers-color-scheme: light){
*,:after,:before{border-color:#0c0c0d!important}
input::-moz-placeholder,textarea::-moz-placeholder{color:#505763!important}
input::placeholder,textarea::placeholder{color:#505763!important}
.dark{--slate-50:2 6 23!important;--slate-100:15 23 42!important;--slate-200:30 41 59!important;--slate-300:51 65 85!important;--slate-400:71 85 105!important;--slate-500:100 116 139!important;--slate-600:148 163 184!important;--slate-700:203 213 225!important;--slate-800:226 232 240!important;--slate-900:241 245 249!important;--slate-950:248 250 252!important;--scrollbar-track:#edeef2!important;--scrollbar-thumb:#aab8cc!important;--scrollbar-hover:#96a4b8!important;--header-bg:rgba(237,238,242,0.8)!important}
.border-indigo-400\/20{border-color:rgba(7,18,126,0.2)!important}
.border-indigo-400\/30{border-color:rgba(7,18,126,0.3)!important}
.border-purple-400\/20{border-color:rgba(35,23,46,0.2)!important}
.border-purple-400\/30{border-color:rgba(35,23,46,0.3)!important}
.border-rose-400\/30{border-color:rgba(142,4,24,0.3)!important}
.border-slate-600{border-color:#96a4b8!important}
.border-slate-700{border-color:#aab8cc!important}
.border-slate-800{border-color:#e4e6e9!important}
.bg-dark{background-color:#f4f4f7!important}
.bg-slate-700{background-color:#aab8cc!important}
.bg-slate-800\/30{background-color:rgba(228,230,233,0.3)!important}
.bg-slate-800\/50{background-color:rgba(228,230,233,0.5)!important}
.bg-slate-900{background-color:#edeef2!important}
.bg-slate-900\/50{background-color:rgba(237,238,242,0.5)!important}
.from-amber-400{--tw-gradient-from:#a97b03 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(219,159,4,0) var(--tw-gradient-to-position)!important}
.from-cyan-400{--tw-gradient-from:#0d90a4 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(17,194,221,0) var(--tw-gradient-to-position)!important}
.from-cyan-500\/50{--tw-gradient-from:rgba(43,219,249,0.5) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(43,219,249,0) var(--tw-gradient-to-position)!important}
.from-emerald-400{--tw-gradient-from:#21996d var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(44,203,145,0) var(--tw-gradient-to-position)!important}
.from-emerald-600{--tw-gradient-from:#059c6d var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(105,250,205,0) var(--tw-gradient-to-position)!important}
.from-indigo-400{--tw-gradient-from:#07127e var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(7,18,126,0) var(--tw-gradient-to-position)!important}
.from-purple-400{--tw-gradient-from:#23172e var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(35,23,46,0) var(--tw-gradient-to-position)!important}
.from-purple-500\/50{--tw-gradient-from:rgba(91,8,170,0.5) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(91,8,170,0) var(--tw-gradient-to-position)!important}
.from-purple-600{--tw-gradient-from:#7515cc var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(117,21,204,0) var(--tw-gradient-to-position)!important}
.from-rose-400{--tw-gradient-from:#8e0418 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(142,4,24,0) var(--tw-gradient-to-position)!important}
.from-slate-600{--tw-gradient-from:#788aa3 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(150,164,184,0) var(--tw-gradient-to-position)!important}
.from-teal-400{--tw-gradient-from:#1f9788 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(43,210,189,0) var(--tw-gradient-to-position)!important}
.via-cyan-400{--tw-gradient-to:rgba(17,194,221,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#0d90a4 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
.to-cyan-400{--tw-gradient-to:#0d90a4 var(--tw-gradient-to-position)!important}
.to-cyan-500{--tw-gradient-to:#0596af var(--tw-gradient-to-position)!important}
.to-emerald-500\/50{--tw-gradient-to:rgba(70,239,183,0.5) var(--tw-gradient-to-position)!important}
.to-emerald-700{--tw-gradient-to:#49907c var(--tw-gradient-to-position)!important}
.to-purple-400{--tw-gradient-to:#23172e var(--tw-gradient-to-position)!important}
.to-purple-500\/50{--tw-gradient-to:rgba(91,8,170,0.5) var(--tw-gradient-to-position)!important}
.to-slate-700{--tw-gradient-to:#7188aa var(--tw-gradient-to-position)!important}
.text-amber-400{color:#8b6503!important}
.text-cyan-400{color:#0a7788!important}
.text-emerald-400{color:#1a7755!important}
.text-gray-300{color:#161618!important}
.text-gray-400{color:#505763!important}
.text-indigo-400{color:#07127e!important}
.text-purple-300{color:#150e1c!important}
.text-purple-400{color:#23172e!important}
.text-red-400{color:#8e0707!important}
.text-rose-400{color:#8e0418!important}
.text-slate-100{color:#050606!important}
.text-slate-300{color:#141619!important}
.text-slate-400{color:#47566b!important}
.text-slate-500{color:#607086!important}
.text-teal-400{color:#187569!important}
.text-violet-400{color:#1c172c!important}
.text-white{color:#0a0a0a!important}
.hover\:border-purple-400\/40:hover{border-color:rgba(35,23,46,0.4)!important}
.hover\:border-slate-600:hover{border-color:#96a4b8!important}
.hover\:text-cyan-300:hover{color:#057684!important}
.hover\:text-cyan-400:hover{color:#0a7788!important}
}

/* AA text contrast, light scheme */
@media (prefers-color-scheme: light){
input::-moz-placeholder,textarea::-moz-placeholder{color:#545b68!important}
input::placeholder,textarea::placeholder{color:#545b68!important}
:root:not(.dark) .btn-primary{color:#fcfcfe!important}
.text-amber-400{color:#705102!important}
.text-cyan-400{color:#08616e!important}
.text-emerald-400{color:#156347!important}
.text-gray-300{color:#505967!important}
.text-gray-400{color:#545b68!important}
.text-indigo-400{color:#2a3df3!important}
.text-purple-300{color:#7a03f7!important}
.text-purple-400{color:#7906eb!important}
.text-red-400{color:#bd0909!important}
.text-rose-400{color:#b9051f!important}
:root:not(.dark) .text-slate-400{color:#4f5b6d!important}
.text-teal-400{color:#15675d!important}
.text-violet-400{color:#5d29f6!important}
.hover\:text-cyan-300:hover{color:#046471!important}
.hover\:text-cyan-400:hover{color:#08616e!important}
}

/* AA text contrast, dark scheme */
@media (prefers-color-scheme: dark){
.text-slate-500{color:#8593a7!important}
}
/* --- tap targets: standalone links below 24px (WCAG 2.2 SC 2.5.8) --- */
@media (max-width: 820px) {
  /* stacked footer links rendered 15-20px tall; padding lifts the box past 24px
     without changing display, so nothing reflows horizontally */
  footer a { display: inline-block; min-height: 24px; line-height: 24px; }
  /* These sites stack one-link paragraphs tightly. Padding on an inline box does
     not grow the line box, so the enlarged targets spilled into the line above
     and overlapped a neighbouring link. inline-block makes the box contribute
     to line height instead, so the rows separate and nothing collides. */
}