:root{
  --pq-chilli-red: #e84731;
  --pq-chilli-orange: #fd7e14;

  --pq-wayvie-green: #97bf78;
  --pq-wayvie-kharki: #d7dcd4;

  --pq-gray-200: #e5e7eb;
  --pq-gray-800: #1f2937;
}

/* -----------------------------------------
   Scoped reset / base
----------------------------------------- */
.pq-root,
.pq-root *,
.pq-root *::before,
.pq-root *::after {
  box-sizing: border-box;
}

.pq-root {
  width: 100%;
  font-family: Roboto Condensed, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pq-root img {
  display: block;
  max-width: 100%;
  height: auto;
}

.pq-root button,
.pq-root a {
  font: inherit;
}

.pq-root button {
  cursor: pointer;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}

.pq-root a {
  text-decoration: none;
}

.pq-root button:disabled,
.pq-root .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.pq-root .pq-error-wrap {
  padding: 1rem;
}

.pq-root .pq-error {
  margin: 0;
  padding: 1rem;
  background: #fff1f2;
  color: #b91c1c;
  border-radius: .375rem;
  font-weight: 600;
}

/* -----------------------------------------
   Layout
----------------------------------------- */
.pq-root .w-full { width: 100%; }
.pq-root .min-h-screen { min-height: 100vh; }

.pq-root .container { width: 100%; }
.pq-root .max-w-2xl { max-width: 42rem; }
.pq-root .max-w-5xl { max-width: 64rem; }
.pq-root .max-w-\[230px\] { max-width: 230px; }

.pq-root .mx-auto { margin-left: auto; margin-right: auto; }
.pq-root .mx-1 { margin-left: .25rem; margin-right: .25rem; }
.pq-root .my-2 { margin-top: .5rem; margin-bottom: .5rem; }
.pq-root .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.pq-root .mt-2 { margin-top: .5rem; }
.pq-root .mt-3 { margin-top: .75rem; }
.pq-root .mt-4 { margin-top: 1rem; }
.pq-root .mt-5 { margin-top: 1.25rem; }
.pq-root .mt-6 { margin-top: 1.5rem; }
.pq-root .mb-1 { margin-bottom: .25rem; }
.pq-root .mb-3 { margin-bottom: .75rem; }
.pq-root .mb-4 { margin-bottom: 1rem; }
.pq-root .mb-6 { margin-bottom: 1.5rem; }
.pq-root .mb-8 { margin-bottom: 2rem; }
.pq-root .mb-10 { margin-bottom: 2.5rem; }
.pq-root .mr-1 { margin-right: .25rem; }

.pq-root .p-0\.5 { padding: .125rem; }
.pq-root .p-3 { padding: .75rem; }
.pq-root .p-5 { padding: 1.25rem; }
.pq-root .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.pq-root .px-8 { padding-left: 2rem; padding-right: 2rem; }
.pq-root .py-3 { padding-top: .75rem; padding-bottom: .75rem; }
.pq-root .py-4 { padding-top: 1rem; padding-bottom: 1rem; }

.pq-root .grid { display: grid; }
.pq-root .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.pq-root .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pq-root .gap-4 { gap: 1rem; }
.pq-root .items-center { align-items: center; }
.pq-root .inline-block { display: inline-block; }

/* -----------------------------------------
   Sizing / shape
----------------------------------------- */
.pq-root .h-5 { height: 1.25rem; }

.pq-root .rounded { border-radius: .25rem; }
.pq-root .rounded-md { border-radius: .375rem; }
.pq-root .rounded-lg { border-radius: .5rem; }
.pq-root .rounded-full { border-radius: 9999px; }

/* -----------------------------------------
   Typography
----------------------------------------- */
.pq-root .text-center { text-align: center; }
.pq-root .uppercase { text-transform: uppercase; }

.pq-root .text-xs { font-size: .75rem; line-height: 1rem; }
.pq-root .text-sm { font-size: .875rem; line-height: 1.25rem; }
.pq-root .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.pq-root .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.pq-root .text-1xl { font-size: 1.25rem; line-height: 1.75rem; }
.pq-root .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.pq-root .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.pq-root .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

.pq-root .font-normal { font-weight: 400; }
.pq-root .font-medium { font-weight: 500; }
.pq-root .font-bold { font-weight: 700; }
.pq-root .font-extrabold { font-weight: 800; }
.pq-root .font-black { font-weight: 900; }

.pq-root .leading-none { line-height: 1; }
.pq-root .tracking-tight { letter-spacing: -0.025em; }

/* -----------------------------------------
   Colors
----------------------------------------- */
.pq-root .bg-white { background-color: #fff; }
.pq-root .bg-transparent { background-color: transparent; }
.pq-root .bg-gray-200 { background-color: var(--pq-gray-200); }
.pq-root .bg-gray-800 { background-color: var(--pq-gray-800); }

.pq-root .text-white { color: #fff; }
.pq-root .text-black { color: #000; }
.pq-root .text-chilli-red { color: var(--pq-chilli-red); }
.pq-root .text-wayvie-green { color: var(--pq-wayvie-green); }
.pq-root .text-emerald-700 { color: #047857; }

.pq-root .bg-chilli-orange { background-color: var(--pq-chilli-orange); }
.pq-root .bg-chilli-red { background-color: var(--pq-chilli-red); }
.pq-root .border-chilli-orange { border-color: var(--pq-chilli-orange); }

.pq-root .bg-wayvie-green { background-color: var(--pq-wayvie-green); }
.pq-root .bg-wayvie-kharki { background-color: var(--pq-wayvie-kharki); }
.pq-root .border-wayvie-green { border-color: var(--pq-wayvie-green); }

/* -----------------------------------------
   Borders / effects
----------------------------------------- */
.pq-root .border {
  border-width: 1px;
  border-style: solid;
}

.pq-root .border-solid { border-style: solid; }

.pq-root .drop-shadow {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.10)) drop-shadow(0 1px 1px rgba(0,0,0,.06));
}

.pq-root .decoration-chilli-orange {
  text-decoration-color: var(--pq-chilli-orange);
}

.pq-root .decoration-wayvie-green {
  text-decoration-color: var(--pq-wayvie-green);
}

.pq-root .decoration-4 {
  text-decoration-thickness: 4px;
}

.pq-root .underline-offset-4 {
  text-underline-offset: 4px;
}

/* -----------------------------------------
   Interaction
----------------------------------------- */
.pq-root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.pq-root .transition-all {
  transition-property: all;
}

.pq-root .duration-150 {
  transition-duration: .15s;
}

.pq-root .ease-linear {
  transition-timing-function: linear;
}

.pq-root .ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.pq-root button:focus,
.pq-root a:focus {
  outline: 2px solid rgba(59,130,246,.5);
  outline-offset: 2px;
  border-radius: .25rem !important;
  border-width: 0 !important;
}

.pq-root button:hover,
.pq-root a:hover {
  outline: 2px solid rgba(59,130,246,.5);
  outline-offset: 2px;
  border-radius: .25rem !important;
  border-width: 0 !important;
}

.pq-root .hover\:bg-chilli-orange:hover { background-color: var(--pq-chilli-orange); }
.pq-root .hover\:bg-red-800:hover { background-color: #991b1b; }
.pq-root .hover\:bg-orange-800:hover { background-color: #9a3412; }

.pq-root .hover\:bg-wayvie-green:hover { background-color: var(--pq-wayvie-green); }
.pq-root .hover\:bg-lime-700:hover { background-color: #4d7c0f; }
.pq-root .hover\:bg-lime-500:hover { background-color: #84cc16; }

.pq-root .hover\:text-white:hover { color: #fff; }
.pq-root .hover\:text-black:hover { color: #000; }

.pq-root .active\:bg-chilli-orange:active { background-color: var(--pq-chilli-orange); }
.pq-root .active\:bg-wayvie-green:active { background-color: var(--pq-wayvie-green); }

.pq-root .disabled\:text-white:disabled { color: #fff; }
.pq-root .disabled\:opacity-25:disabled { opacity: .25; }
.pq-root .disabled\:opacity-50:disabled { opacity: .5; }
.pq-root .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

/* -----------------------------------------
   Responsive
----------------------------------------- */
@media (min-width: 768px) {
  .pq-root .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pq-root .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .pq-root .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .pq-root .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .pq-root .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .pq-root .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

/* Extra amends May 2026 */

.results-header-black {
  text-transform: uppercase;
  color: #282728 !important;
}