/* LA-41: rules for tamm.in's footer (public/shared/footer.js), lifted
   from ../tamm-in's built Tailwind CSS (dist/_astro/about.*.css) for the
   classes the footer uses, plus the bits of Tailwind preflight it relies
   on, scoped to .tamm-footer. tamm.in switches dark mode with a .dark
   class on <html>; Order Up follows prefers-color-scheme, so the dark:
   rules are repeated under that media query. */
.tamm-footer { --tw-border-opacity: 1; --tw-text-opacity: 1; border: 0 solid; }
.tamm-footer h3, .tamm-footer p { margin: 0; }
.tamm-footer h3 { font-size: inherit; font-weight: inherit; letter-spacing: normal; line-height: inherit; }
.tamm-footer ul { list-style: none; margin: 0; padding: 0; }
.tamm-footer a { color: inherit; text-decoration: inherit; }
.tamm-footer svg { display: block; vertical-align: middle; }
.tamm-footer .mx-auto{margin-left:auto;margin-right:auto}
.tamm-footer .mb-3{margin-bottom:.75rem}
.tamm-footer .mb-4{margin-bottom:1rem}
.tamm-footer .mt-4{margin-top:1rem}
.tamm-footer .mt-6{margin-top:1.5rem}
.tamm-footer .mt-8{margin-top:2rem}
.tamm-footer .mt-auto{margin-top:auto}
.tamm-footer .inline-block{display:inline-block}
.tamm-footer .flex{display:flex}
.tamm-footer .inline-flex{display:inline-flex}
.tamm-footer .grid{display:grid}
.tamm-footer .h-10{height:2.5rem}
.tamm-footer .h-4{height:1rem}
.tamm-footer .w-4{width:1rem}
.tamm-footer .w-auto{width:auto}
.tamm-footer .max-w-4xl{max-width:56rem}
.tamm-footer .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.tamm-footer .items-center{align-items:center}
.tamm-footer .gap-12{gap:3rem}
.tamm-footer .gap-2{gap:.5rem}
.tamm-footer .gap-8{gap:2rem}
.tamm-footer .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}
.tamm-footer .border-t{border-top-width:1px}
.tamm-footer .border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.tamm-footer .px-6{padding-left:1.5rem;padding-right:1.5rem}
.tamm-footer .py-12{padding-top:3rem;padding-bottom:3rem}
.tamm-footer .pt-6{padding-top:1.5rem}
.tamm-footer .text-left{text-align:left}
.tamm-footer .text-center{text-align:center}
.tamm-footer .text-sm{font-size:.875rem;line-height:1.25rem}
.tamm-footer .font-semibold{font-weight:600}
.tamm-footer .text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.tamm-footer .text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.tamm-footer .text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.tamm-footer .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
@media(prefers-contrast:more){.text-zinc-400,.text-zinc-500,.text-zinc-600{color:#525252!important}.dark .text-zinc-400,.dark .text-zinc-500,.dark .text-zinc-600{color:#d4d4d8!important}.border-zinc-200{border-color:#a1a1aa!important}}
.tamm-footer .hover\:text-brand-orange:hover{--tw-text-opacity: 1;color:rgb(244 128 49 / var(--tw-text-opacity, 1))}
.tamm-footer .hover\:opacity-80:hover{opacity:.8}
.tamm-footer .dark\:border-zinc-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}
.tamm-footer .dark\:text-zinc-100:is(.dark *){--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
.tamm-footer .dark\:text-zinc-400:is(.dark *){--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:justify-end{justify-content:flex-end}.md\:text-right{text-align:right}}
@media (prefers-color-scheme: dark){.dark\:border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.dark\:text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.dark\:text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}}
.tamm-footer { text-align: left; }

/* Keep the shared footer legible on Hail's dark ground. */
.tamm-footer { color: var(--ink); border-top: 1px solid var(--line); }
.tamm-footer .text-sm { font-size: 16px; line-height: 1.5; }
.tamm-footer .text-zinc-500, .tamm-footer .text-zinc-600 { color: var(--muted); }
.tamm-footer .text-zinc-900 { color: var(--ink); }
.tamm-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .tamm-footer .stripe { animation: none; }
}

/* Preserve the shared footer's two-column layout without framework escapes. */
@media (min-width: 768px) {
  .tamm-footer [class~="md:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tamm-footer [class~="md:justify-end"] { justify-content: flex-end; }
  .tamm-footer [class~="md:text-right"] { text-align: right; }
}