/* Supplemental utilities for the student-facing (Stitch) pages.
 * tailwind.css is a PURGED build generated before the Tours pages (and the
 * home Tours card) existed, so a set of utility classes those pages use were
 * never emitted. Without them, text fell back to black on the plum banners and
 * some layout/effects were missing. These definitions use the same token values
 * already present in tailwind.css so they match the design exactly.
 * Loaded AFTER tailwind.css. If tailwind.css is ever regenerated by scanning
 * these pages, this file becomes redundant but harmless. */

/* --- text colours (white / light-pink / translucent) --- */
.text-white{color:#fff}
.text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/80{color:rgba(255,255,255,.8)}
.text-white\/85{color:rgba(255,255,255,.85)}
.text-white\/90{color:rgba(255,255,255,.9)}
.text-\[\#ffd8e8\]{color:#ffd8e8}
.text-\[\#ffafd4\]{color:#ffafd4}
.text-\[34px\]{font-size:34px}
.text-left{text-align:left}
.align-middle{vertical-align:middle}

/* --- backgrounds --- */
.bg-white\/15{background-color:rgba(255,255,255,.15)}
.bg-white\/20{background-color:rgba(255,255,255,.2)}
.bg-black\/25{background-color:rgba(0,0,0,.25)}
.bg-primary-tint\/40{background-color:rgb(251 227 241 / .4)}

/* --- image overlay gradient (home zone cards) --- */
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.from-black\/75{--tw-gradient-from:rgb(0 0 0 / .75) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-black\/30{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0 / .3) var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-black\/10{--tw-gradient-to:rgb(0 0 0 / .1) var(--tw-gradient-to-position)}

/* --- rings --- */
.ring-primary\/30{--tw-ring-color:rgba(175,10,120,.3)}
.ring-white\/30{--tw-ring-color:rgba(255,255,255,.3)}
.accent-white{accent-color:#fff}

/* --- sizing / spacing / position --- */
.inset-0{inset:0}
.z-0{z-index:0}
.gap-1{gap:.25rem}
.h-4{height:1rem}
.w-4{width:1rem}
.h-48{height:12rem}
.w-48{width:12rem}
.w-max{width:max-content}
.mt-auto{margin-top:auto}
.mt-\[3px\]{margin-top:3px}
.pt-\[3px\]{padding-top:3px}
.pt-16{padding-top:4rem}
.p-space-2xl{padding:3rem}
.bottom-space-md{bottom:1rem}
.max-w-3xl{max-width:48rem}
.rounded-\[12px\]{border-radius:12px}
.opacity-90{opacity:.9}
.whitespace-pre-line{white-space:pre-line}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

/* --- rich text in the tour "About" block (Tailwind preflight strips these) --- */
.prose-tours p{margin:0 0 .75em}
.prose-tours h1,.prose-tours h2,.prose-tours h3,.prose-tours h4{font-weight:800;line-height:1.25;margin:1em 0 .4em;color:#241028}
.prose-tours h2{font-size:1.25rem}
.prose-tours h3{font-size:1.1rem}
.prose-tours ul{list-style:disc;padding-left:1.25rem;margin:0 0 .75em}
.prose-tours ol{list-style:decimal;padding-left:1.25rem;margin:0 0 .75em}
.prose-tours li{margin:.2em 0}
.prose-tours a{color:#af0a78;text-decoration:underline}
.prose-tours strong,.prose-tours b{font-weight:700}
.prose-tours br{line-height:1.6}

/* word-count hint on the aptitude test */
.wc{font-size:12px;color:#6b5f6a}