/* tw.css – Lokaler Tailwind-Ersatz (generiert Feb 2026) */

/* ── Inter Font ── */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2') format('woff2');
  size-adjust: 100%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

/* ── Preflight ── */
html { line-height:1.5; -webkit-text-size-adjust:100%; -moz-tab-size:4; tab-size:4; }
body { margin:0; font-family:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; line-height:inherit; }
*, ::before, ::after { box-sizing:border-box; border-width:0; border-style:solid; border-color:#e5e7eb; }
a { color:inherit; text-decoration:inherit; }
ul, ol { list-style:none; margin:0; padding:0; }
button, input, select, textarea { font:inherit; color:inherit; margin:0; padding:0; }
button { cursor:pointer; background:transparent; border:none; }
img, svg, video, canvas { display:block; max-width:100%; }
svg { vertical-align:middle; }
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:inherit; }
p { margin:0; }
table { border-collapse:collapse; border-spacing:0; }
hr { border-top-width:1px; margin:0; }

/* ── Layout ── */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0; }
.fixed { position:fixed; } .absolute { position:absolute; } .relative { position:relative; } .sticky { position:sticky; }
.inset-0 { inset:0; } .top-0 { top:0; } .left-0 { left:0; } .right-0 { right:0; }
.z-20 { z-index:20; } .z-50 { z-index:50; } .z-\[1000\] { z-index:1000; } .z-\[1999\] { z-index:1999; }
.block { display:block; } .inline { display:inline; } .inline-block { display:inline-block; }
.flex { display:flex; } .inline-flex { display:inline-flex; } .grid { display:grid; } .hidden { display:none; }
.flex-col { flex-direction:column; } .flex-1 { flex:1 1 0%; } .flex-grow { flex-grow:1; } .flex-shrink-0 { flex-shrink:0; } .flex-wrap { flex-wrap:wrap; }
.grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); } .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } .grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.col-span-2 { grid-column:span 2/span 2; }
.items-center { align-items:center; } .items-start { align-items:flex-start; }
.justify-between { justify-content:space-between; } .justify-center { justify-content:center; } .justify-self-center { justify-self:center; }
.gap-1 { gap:.25rem; } .gap-1\.5 { gap:.375rem; } .gap-2 { gap:.5rem; } .gap-3 { gap:.75rem; } .gap-4 { gap:1rem; } .gap-5 { gap:1.25rem; } .gap-6 { gap:1.5rem; } .gap-8 { gap:2rem; }
.gap-x-4 { column-gap:1rem; } .gap-y-1 { row-gap:.25rem; }
.overflow-hidden { overflow:hidden; } .overflow-x-auto { overflow-x:auto; } .overflow-y-auto { overflow-y:auto; }

/* ── Sizing ── */
.w-3{width:.75rem} .w-4{width:1rem} .w-5{width:1.25rem} .w-6{width:1.5rem} .w-7{width:1.75rem} .w-8{width:2rem} .w-10{width:2.5rem} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-20{width:5rem} .w-28{width:7rem} .w-56{width:14rem} .w-full{width:100%}
.h-3{height:.75rem} .h-4{height:1rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-7{height:1.75rem} .h-8{height:2rem} .h-10{height:2.5rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-20{height:5rem} .h-96{height:24rem} .h-auto{height:auto} .h-full{height:100%}
.h-\[420px\]{height:420px} .h-\[550px\]{height:550px} .h-\[900px\]{height:900px}
.max-w-md{max-width:28rem} .max-w-2xl{max-width:42rem} .max-w-4xl{max-width:56rem} .max-w-5xl{max-width:64rem} .max-w-7xl{max-width:80rem} .max-w-none{max-width:none} .max-w-\[1700px\]{max-width:1700px}
.max-h-40{max-height:10rem} .max-h-\[90vh\]{max-height:90vh}
.min-h-screen{min-height:100vh} .min-h-\[200px\]{min-height:200px} .min-w-0{min-width:0}

/* ── Spacing ── */
.mx-auto{margin-left:auto;margin-right:auto} .mx-4{margin-left:1rem;margin-right:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.mt-1{margin-top:.25rem} .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}
.mb-1{margin-bottom:.25rem} .mb-2{margin-bottom:.5rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .mb-12{margin-bottom:3rem} .mb-16{margin-bottom:4rem}
.ml-0{margin-left:0} .ml-2{margin-left:.5rem} .ml-4{margin-left:1rem} .ml-8{margin-left:2rem} .mr-1{margin-right:.25rem}
.p-1{padding:.25rem} .p-2{padding:.5rem} .p-2\.5{padding:.625rem} .p-3{padding:.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-8{padding:2rem}
.px-1{padding-left:.25rem;padding-right:.25rem} .px-2{padding-left:.5rem;padding-right:.5rem} .px-2\.5{padding-left:.625rem;padding-right:.625rem} .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-0\.5{padding-top:.125rem;padding-bottom:.125rem} .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-2\.5{padding-top:.625rem;padding-bottom:.625rem} .py-3{padding-top:.75rem;padding-bottom:.75rem} .py-3\.5{padding-top:.875rem;padding-bottom:.875rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-8{padding-top:2rem;padding-bottom:2rem} .py-20{padding-top:5rem;padding-bottom:5rem}
.pt-2{padding-top:.5rem} .pt-6{padding-top:1.5rem} .pb-2{padding-bottom:.5rem} .pb-3{padding-bottom:.75rem} .pb-4{padding-bottom:1rem} .pb-8{padding-bottom:2rem} .pl-2{padding-left:.5rem} .pl-4{padding-left:1rem} .pl-6{padding-left:1.5rem}

/* ── Typography ── */
.text-xs{font-size:.75rem;line-height:1rem} .text-sm{font-size:.875rem;line-height:1.25rem} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .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-4xl{font-size:2.25rem;line-height:2.5rem}
.font-medium{font-weight:500} .font-semibold{font-weight:600} .font-bold{font-weight:700}
.italic{font-style:italic} .tracking-wider{letter-spacing:.05em} .whitespace-nowrap{white-space:nowrap} .underline{text-decoration-line:underline}
.text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right}
.list-disc{list-style-type:disc} .list-inside{list-style-position:inside}
.select-none{-webkit-user-select:none;user-select:none} .outline-none{outline:2px solid transparent;outline-offset:2px} .cursor-pointer{cursor:pointer}

/* ── Text Colors ── */
.text-white{color:#fff} .text-black{color:#000}
.text-gray-400{color:#9ca3af} .text-gray-500{color:#6b7280} .text-gray-600{color:#4b5563} .text-gray-700{color:#374151} .text-gray-800{color:#1f2937} .text-gray-900{color:#111827}
.text-blue-100{color:#dbeafe} .text-blue-500{color:#3b82f6} .text-blue-600{color:#2563eb} .text-blue-700{color:#1d4ed8} .text-blue-800{color:#1e40af} .text-blue-900{color:#1e3a8a}
.text-green-400{color:#4ade80} .text-green-600{color:#16a34a} .text-green-700{color:#15803d} .text-green-800{color:#166534}
.text-red-500{color:#ef4444} .text-red-600{color:#dc2626}
.text-amber-600{color:#d97706} .text-emerald-600{color:#059669} .text-indigo-600{color:#4f46e5} .text-orange-600{color:#ea580c}
.text-purple-600{color:#9333ea} .text-purple-700{color:#7e22ce} .text-sky-600{color:#0284c7} .text-slate-600{color:#475569} .text-teal-600{color:#0d9488}
.text-yellow-300{color:#fde047} .text-yellow-600{color:#ca8a04}

/* ── Background Colors ── */
.bg-white{background-color:#fff} .bg-black{background-color:#000}
.bg-gray-50{background-color:#f9fafb} .bg-gray-100{background-color:#f3f4f6} .bg-gray-200{background-color:#e5e7eb} .bg-gray-500{background-color:#6b7280} .bg-gray-600{background-color:#4b5563} .bg-gray-900{background-color:#111827}
.bg-blue-50{background-color:#eff6ff} .bg-blue-100{background-color:#dbeafe} .bg-blue-600{background-color:#2563eb}
.bg-green-50{background-color:#f0fdf4} .bg-green-100{background-color:#dcfce7} .bg-green-500{background-color:#22c55e} .bg-green-600{background-color:#16a34a}
.bg-red-100{background-color:#fee2e2} .bg-red-600{background-color:#dc2626}
.bg-amber-50{background-color:#fffbeb} .bg-amber-100{background-color:#fef3c7}
.bg-emerald-100{background-color:#d1fae5} .bg-indigo-100{background-color:#e0e7ff} .bg-indigo-600{background-color:#4f46e5}
.bg-lime-100{background-color:#ecfccb} .bg-orange-100{background-color:#ffedd5}
.bg-purple-100{background-color:#f3e8ff} .bg-purple-600{background-color:#9333ea}
.bg-sky-100{background-color:#e0f2fe} .bg-slate-100{background-color:#f1f5f9}
.bg-teal-100{background-color:#ccfbf1} .bg-teal-600{background-color:#0d9488}
.bg-yellow-50{background-color:#fefce8} .bg-yellow-100{background-color:#fef9c3}
.bg-white\/20{background-color:rgb(255 255 255/.2)} .bg-white\/30{background-color:rgb(255 255 255/.3)}
.bg-opacity-50{--tw-bg-opacity:.5}

/* ── Gradients ── */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-to:rgb(251 191 36/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-to:rgb(239 246 255/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-to:rgb(96 165 250/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-to:rgb(59 130 246/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-to:rgb(37 99 235/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-cyan-400{--tw-gradient-from:#22d3ee;--tw-gradient-to:rgb(34 211 238/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-to:rgb(52 211 153/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-gray-600{--tw-gradient-from:#4b5563;--tw-gradient-to:rgb(75 85 99/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-green-600{--tw-gradient-from:#16a34a;--tw-gradient-to:rgb(22 163 74/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-indigo-400{--tw-gradient-from:#818cf8;--tw-gradient-to:rgb(129 140 248/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-indigo-600{--tw-gradient-from:#4f46e5;--tw-gradient-to:rgb(79 70 229/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-orange-400{--tw-gradient-from:#fb923c;--tw-gradient-to:rgb(251 146 60/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-red-400{--tw-gradient-from:#f87171;--tw-gradient-to:rgb(248 113 113/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-rose-400{--tw-gradient-from:#fb7185;--tw-gradient-to:rgb(251 113 133/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-sky-400{--tw-gradient-from:#38bdf8;--tw-gradient-to:rgb(56 189 248/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-violet-400{--tw-gradient-from:#a78bfa;--tw-gradient-to:rgb(167 139 250/0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-indigo-600{--tw-gradient-to:rgb(79 70 229/0);--tw-gradient-stops:var(--tw-gradient-from),#4f46e5,var(--tw-gradient-to)}
.to-blue-600{--tw-gradient-to:#2563eb} .to-blue-700{--tw-gradient-to:#1d4ed8} .to-blue-800{--tw-gradient-to:#1e40af}
.to-cyan-600{--tw-gradient-to:#0891b2} .to-gray-800{--tw-gradient-to:#1f2937}
.to-green-600{--tw-gradient-to:#16a34a} .to-green-800{--tw-gradient-to:#166534}
.to-indigo-50{--tw-gradient-to:#eef2ff} .to-indigo-600{--tw-gradient-to:#4f46e5}
.to-orange-500{--tw-gradient-to:#f97316} .to-orange-600{--tw-gradient-to:#ea580c}
.to-purple-600{--tw-gradient-to:#9333ea} .to-purple-700{--tw-gradient-to:#7e22ce}
.to-red-500{--tw-gradient-to:#ef4444} .to-red-600{--tw-gradient-to:#dc2626}
.to-rose-600{--tw-gradient-to:#e11d48} .to-teal-600{--tw-gradient-to:#0d9488}

/* ── Borders ── */
.border{border-width:1px} .border-0{border-width:0} .border-2{border-width:2px} .border-t{border-top-width:1px} .border-b{border-bottom-width:1px} .border-l{border-left-width:1px} .border-l-4{border-left-width:4px}
.border-gray-100{border-color:#f3f4f6} .border-gray-200{border-color:#e5e7eb} .border-gray-300{border-color:#d1d5db}
.border-blue-200{border-color:#bfdbfe} .border-blue-500{border-color:#3b82f6} .border-cyan-500{border-color:#06b6d4}
.border-green-200{border-color:#bbf7d0} .border-green-500{border-color:#22c55e} .border-indigo-500{border-color:#6366f1}
.border-purple-500{border-color:#a855f7} .border-yellow-200{border-color:#fef08a} .border-amber-400{border-color:#fbbf24}
.rounded{border-radius:.25rem} .rounded-md{border-radius:.375rem} .rounded-lg{border-radius:.5rem} .rounded-xl{border-radius:.75rem} .rounded-2xl{border-radius:1rem} .rounded-full{border-radius:9999px} .rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}

/* ── Shadows ── */
.shadow{box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)} .shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)} .shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)} .shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)} .shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1)} .shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}

/* ── Effects ── */
.opacity-0{opacity:0} .opacity-70{opacity:.7} .opacity-90{opacity:.9} .opacity-95{opacity:.95} .invisible{visibility:hidden}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.object-contain{object-fit:contain} .object-cover{object-fit:cover}

/* ── Transitions ── */
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-150{transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms}

/* ── Space ── */
.space-x-2>*+*{margin-left:.5rem} .space-x-4>*+*{margin-left:1rem}
.space-y-0\.5>*+*{margin-top:.125rem} .space-y-1>*+*{margin-top:.25rem} .space-y-2>*+*{margin-top:.5rem} .space-y-4>*+*{margin-top:1rem} .space-y-5>*+*{margin-top:1.25rem} .space-y-6>*+*{margin-top:1.5rem} .space-y-8>*+*{margin-top:2rem} .space-y-12>*+*{margin-top:3rem}

/* ── Hover ── */
.hover\:bg-blue-50:hover{background-color:#eff6ff} .hover\:bg-blue-700:hover{background-color:#1d4ed8}
.hover\:bg-gray-50:hover{background-color:#f9fafb} .hover\:bg-gray-100:hover{background-color:#f3f4f6} .hover\:bg-gray-200:hover{background-color:#e5e7eb} .hover\:bg-gray-300:hover{background-color:#d1d5db} .hover\:bg-gray-600:hover{background-color:#4b5563} .hover\:bg-gray-700:hover{background-color:#374151}
.hover\:bg-green-700:hover{background-color:#15803d} .hover\:bg-indigo-700:hover{background-color:#4338ca} .hover\:bg-purple-700:hover{background-color:#7e22ce} .hover\:bg-red-700:hover{background-color:#b91c1c} .hover\:bg-slate-200:hover{background-color:#e2e8f0} .hover\:bg-teal-700:hover{background-color:#0f766e}
.hover\:text-blue-600:hover{color:#2563eb} .hover\:text-blue-700:hover{color:#1d4ed8} .hover\:text-gray-900:hover{color:#111827} .hover\:text-red-800:hover{color:#991b1b}
.hover\:underline:hover{text-decoration-line:underline} .hover\:no-underline:hover{text-decoration-line:none}
.hover\:opacity-100:hover{opacity:1}
.hover\:scale-105:hover{transform:scale(1.05)} .hover\:scale-\[1\.01\]:hover{transform:scale(1.01)} .hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)} .hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1)} .hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}

/* ── Focus ── */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width,0px) var(--tw-ring-offset-color,#fff);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width,0px)) var(--tw-ring-color,#3b82f6);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.focus\:ring-inset:focus{--tw-ring-inset:inset}
.focus\:ring-blue-500:focus{--tw-ring-color:#3b82f6}
.focus\:border-blue-500:focus{border-color:#3b82f6}

/* ── Group / Peer ── */
.group:hover .group-hover\:visible{visibility:visible} .group:hover .group-hover\:opacity-100{opacity:1} .group:hover .group-hover\:shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.peer:checked~.peer-checked\:bg-blue-600{background-color:#2563eb} .peer:checked~.peer-checked\:text-white{color:#fff}

/* ── Responsive: sm (640px) ── */
@media(min-width:640px){
  .sm\:col-span-1{grid-column:span 1/span 1} .sm\:flex{display:flex} .sm\:hidden{display:none} .sm\:flex-nowrap{flex-wrap:nowrap} .sm\:flex-row{flex-direction:row}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .sm\:justify-center{justify-content:center} .sm\:justify-self-auto{justify-self:auto}
  .sm\:gap-4{gap:1rem} .sm\:h-11{height:2.75rem}
  .sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem} .sm\:ml-15{margin-left:3.75rem}
  .sm\:p-6{padding:1.5rem} .sm\:p-7{padding:1.75rem} .sm\:p-8{padding:2rem} .sm\:p-10{padding:2.5rem}
  .sm\:px-3{padding-left:.75rem;padding-right:.75rem} .sm\:px-4{padding-left:1rem;padding-right:1rem} .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:space-x-4>*+*{margin-left:1rem} .sm\:space-y-0>*+*{margin-top:0}
  .sm\:text-2xl{font-size:1.5rem;line-height:2rem} .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}
/* ── Responsive: md (768px) ── */
@media(min-width:768px){
  .md\:flex-row{flex-direction:row}
  .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-5{grid-template-columns:repeat(5,minmax(0,1fr))} .md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
  .md\:h-\[500px\]{height:500px} .md\:w-64{width:16rem}
  .md\:p-7{padding:1.75rem} .md\:p-8{padding:2rem}
  .md\:space-x-4>*+*{margin-left:1rem} .md\:space-y-6>*+*{margin-top:1.5rem}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem} .md\:text-3xl{font-size:1.875rem;line-height:2.25rem} .md\:text-4xl{font-size:2.25rem;line-height:2.5rem} .md\:text-5xl{font-size:3rem;line-height:1} .md\:text-right{text-align:right}
}
/* ── Responsive: lg (1024px) ── */
@media(min-width:1024px){
  .lg\:block{display:block} .lg\:flex{display:flex} .lg\:hidden{display:none}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:mx-8{margin-left:2rem;margin-right:2rem} .lg\:px-8{padding-left:2rem;padding-right:2rem}
}
/* ── Responsive: xl (1280px) ── */
@media(min-width:1280px){
  .xl\:gap-2{gap:.5rem} .xl\:px-4{padding-left:1rem;padding-right:1rem} .xl\:py-2{padding-top:.5rem;padding-bottom:.5rem}
  .xl\:h-5{height:1.25rem} .xl\:w-5{width:1.25rem} .xl\:inline{display:inline} .xl\:hidden{display:none}
}