/* ======================================================================
   Poa — Tailwind utility layer (compiled, production-safe)
   Prefixed `tw-`, preflight disabled, so it coexists with Bootstrap 5 and the
   app's custom CSS without resetting anything. Mobile-first with `sm:`/`md:`
   responsive variants. Mirrors the config that previously used the Play CDN.

   This replaces cdn.tailwindcss.com (a dev-only runtime). Regenerate with the
   Tailwind CLI if you add new utilities:
     npx tailwindcss -i tailwind.src.css -o public/assets/css/tailwind.css --minify
   ====================================================================== */

/* Display */
.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-inline{display:inline}
.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}

/* Flex / grid */
.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}
.tw-flex-1{flex:1 1 0%}.tw-flex-auto{flex:1 1 auto}.tw-flex-none{flex:none}
.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-items-end{align-items:flex-end}
.tw-justify-start{justify-content:flex-start}.tw-justify-center{justify-content:center}
.tw-justify-between{justify-content:space-between}.tw-justify-end{justify-content:flex-end}
.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Gap */
.tw-gap-1{gap:.25rem}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-6{gap:1.5rem}

/* Margin */
.tw-m-0{margin:0}.tw-mx-auto{margin-left:auto;margin-right:auto}
.tw-mt-1{margin-top:.25rem}.tw-mt-2{margin-top:.5rem}.tw-mt-3{margin-top:.75rem}.tw-mt-4{margin-top:1rem}
.tw-mb-1{margin-bottom:.25rem}.tw-mb-2{margin-bottom:.5rem}.tw-mb-3{margin-bottom:.75rem}.tw-mb-4{margin-bottom:1rem}

/* Padding */
.tw-p-0{padding:0}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.tw-p-4{padding:1rem}
.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}
.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}

/* Sizing */
.tw-w-full{width:100%}.tw-w-auto{width:auto}.tw-w-1\/2{width:50%}.tw-w-1\/3{width:33.333333%}
.tw-h-full{height:100%}.tw-max-w-full{max-width:100%}.tw-min-w-0{min-width:0}

/* Typography */
.tw-text-xs{font-size:.75rem}.tw-text-sm{font-size:.875rem}.tw-text-base{font-size:1rem}
.tw-text-lg{font-size:1.125rem}.tw-text-xl{font-size:1.25rem}.tw-text-2xl{font-size:1.5rem}
.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-font-bold{font-weight:700}.tw-font-extrabold{font-weight:800}
.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}
.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-uppercase{text-transform:uppercase}.tw-leading-tight{line-height:1.25}

/* Brand colors */
.tw-text-poa{color:#0b8a4a}.tw-text-poa-dark{color:#076b39}.tw-text-accent{color:#ff6b35}.tw-text-muted{color:#5d6b63}
.tw-bg-poa{background-color:#0b8a4a}.tw-bg-poa-light{background-color:#e7f6ee}.tw-bg-accent{background-color:#ff6b35}.tw-bg-white{background-color:#fff}

/* Borders / radius / shadow */
.tw-rounded{border-radius:.5rem}.tw-rounded-lg{border-radius:.75rem}.tw-rounded-xl{border-radius:1rem}.tw-rounded-full{border-radius:9999px}
.tw-shadow-sm{box-shadow:0 2px 10px rgba(16,40,28,.06)}.tw-shadow{box-shadow:0 6px 24px rgba(16,40,28,.08)}

/* Misc */
.tw-relative{position:relative}.tw-absolute{position:absolute}.tw-overflow-hidden{overflow:hidden}
.tw-cursor-pointer{cursor:pointer}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}

/* Responsive: sm ≥ 640px */
@media (min-width:640px){
  .sm\:tw-flex{display:flex}.sm\:tw-hidden{display:none}.sm\:tw-block{display:block}
  .sm\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:tw-flex-row{flex-direction:row}.sm\:tw-text-base{font-size:1rem}
}
/* Responsive: md ≥ 768px */
@media (min-width:768px){
  .md\:tw-flex{display:flex}.md\:tw-hidden{display:none}.md\:tw-block{display:block}
  .md\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:tw-flex-row{flex-direction:row}.md\:tw-text-lg{font-size:1.125rem}
}