/*
 * utd-tailwind.css
 * Pre-built stylesheet for Unite The Divided. Replaces the Tailwind CDN
 * (no runtime compile, no console warning). Contains only the utilities
 * the theme actually uses, at Tailwind's default values.
 */

/* ---- Preflight (essentials) ---- */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
p{margin:0}
a{color:inherit;text-decoration:inherit}
img,svg,video{display:block;vertical-align:middle;max-width:100%;height:auto}
button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;text-transform:none;background-color:transparent;background-image:none;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:bolder}
blockquote{margin:0}

/* ---- Display / position ---- */
.block{display:block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.sticky{position:sticky}
.top-0{top:0}
.z-50{z-index:50}
.overflow-hidden{overflow:hidden}
.object-cover{object-fit:cover}

/* ---- Grid ---- */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---- Gap ---- */
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-10{gap:2.5rem}
.gap-x-2{column-gap:.5rem}
.gap-x-3{column-gap:.75rem}
.gap-x-4{column-gap:1rem}
.gap-x-12{column-gap:3rem}
.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}

/* ---- Sizing ---- */
.h-2{height:.5rem}
.h-12{height:3rem}
.h-16{height:4rem}
.h-auto{height:auto}
.h-full{height:100%}
.h-44{height:11rem}
.h-48{height:12rem}
.w-2{width:.5rem}
.w-16{width:4rem}
.w-full{width:100%}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.max-w-\[280px\]{max-width:280px}

/* ---- Margin / padding ---- */
.mx-auto{margin-left:auto;margin-right:auto}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-10{margin-top:2.5rem}
.mr-2{margin-right:.5rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.pt-16{padding-top:4rem}
.pt-20{padding-top:5rem}
.pb-12{padding-bottom:3rem}
.pb-16{padding-bottom:4rem}
.pb-20{padding-bottom:5rem}

/* ---- Typography ---- */
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.leading-tight{line-height:1.25}
.tracking-tighter{letter-spacing:-.05em}
.tracking-widest{letter-spacing:.1em}
.tracking-\[3px\]{letter-spacing:3px}
.uppercase{text-transform:uppercase}
.text-center{text-align:center}
.text-right{text-align:right}

/* ---- Colors ---- */
.text-white{color:#fff}
.text-zinc-300{color:#d4d4d8}
.text-zinc-200{color:#e4e4e7}
.text-zinc-400{color:#a1a1aa}
.text-zinc-500{color:#71717a}
.text-zinc-950{color:#09090b}
.text-red-400{color:#f87171}
.bg-black{background-color:#000}
.bg-white{background-color:#fff}
.bg-emerald-500{background-color:#10b981}
.bg-red-600{background-color:#dc2626}
.bg-zinc-900{background-color:#18181b}
.bg-zinc-800{background-color:#27272a}
.bg-zinc-950{background-color:#09090b}
.border-zinc-700{border-color:#3f3f46}
.border-zinc-800{border-color:#27272a}
.text-gold{color:#c9a24b}
.bg-gold{background-color:#c9a24b}
.border-gold{border-color:#c9a24b}
.hover\:bg-gold-dark:hover{background-color:#b08a3c}

/* ---- Borders / radius ---- */
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}

/* ---- Effects ---- */
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.animate-pulse{animation:utd-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes utd-pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ---- Responsive ---- */
@media (min-width:640px){
	.sm\:flex-row{flex-direction:row}
}
@media (min-width:768px){
	.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
	.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
	.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
	.md\:col-span-5{grid-column:span 5 / span 5}
	.md\:col-span-7{grid-column:span 7 / span 7}
	.md\:justify-start{justify-content:flex-start}
	.md\:mt-0{margin-top:0}
	.md\:text-left{text-align:left}
	.md\:text-2xl{font-size:1.5rem;line-height:2rem}
	.md\:text-5xl{font-size:3rem;line-height:1}
	.md\:text-6xl{font-size:3.75rem;line-height:1}
}
@media (min-width:1024px){
	.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---- Hover ---- */
.hover\:bg-red-700:hover{background-color:#b91c1c}
.hover\:bg-zinc-800:hover{background-color:#27272a}
.hover\:bg-zinc-900:hover{background-color:#18181b}
.hover\:border-zinc-600:hover{border-color:#52525b}
.hover\:text-red-300:hover{color:#fca5a5}

/* ---- Article body (replaces the Tailwind typography plugin) ---- */
.prose{color:#d4d4d8;font-size:1.125rem;line-height:1.7778}
.prose p{margin-top:1.25em;margin-bottom:1.25em}
.prose h1,.prose h2,.prose h3,.prose h4{font-family:'Space Grotesk','Inter',sans-serif;color:#fff;font-weight:600;line-height:1.2;margin-top:1.6em;margin-bottom:.6em}
.prose h1{font-size:2.1em}
.prose h2{font-size:1.6em}
.prose h3{font-size:1.3em}
.prose h4{font-size:1.1em}
.prose a{color:#f87171;text-decoration:underline;font-weight:500}
.prose strong{color:#fff;font-weight:600}
.prose ul{list-style:disc;margin:1.25em 0;padding-left:1.6em}
.prose ol{list-style:decimal;margin:1.25em 0;padding-left:1.6em}
.prose li{margin:.5em 0}
.prose blockquote{border-left:4px solid #dc2626;padding-left:1em;font-style:italic;color:#a1a1aa;margin:1.6em 0}
.prose img{border-radius:1rem;margin:2em 0}
.prose hr{border-top-width:1px;border-color:#27272a;margin:3em 0}
.prose code{color:#fff;background:#27272a;padding:.2em .4em;border-radius:.3rem;font-size:.9em}
.prose pre{background:#18181b;color:#e4e4e7;padding:1em;border-radius:.75rem;overflow-x:auto;margin:1.6em 0}
.prose pre code{background:none;padding:0}