/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*  UNWIND WITH ANU · ASSESSMENT BASE — the shared parent       */
/*                                                              */
/*  Every assessment was built separately, so each carried its  */
/*  own palette: one navy, one cream, one dark green. This file */
/*  is the single parent they all inherit from. Load it LAST in */
/*  the head so it settles the differences.                     */
/*                                                              */
/*  It deliberately only governs SHARED furniture — colour,     */
/*  surfaces, type tone, the masthead. Each assessment keeps    */
/*  its own layout and its own question mechanics.              */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {
  --uwa-forest:     #33502E;
  --uwa-forest-lt:  #5C7A4E;
  --uwa-ink:        #22331C;
  --uwa-body:       #4A5340;
  --uwa-gold:       #B0872F;   /* large / decorative */
  --uwa-gold-dk:    #8B6A20;   /* small text — clears 4.5:1 on white */
  --uwa-gold-lt:    #E4BE5C;
  --uwa-cream:      #FBF7EE;
  --uwa-white:      #FFFFFF;
  --uwa-line:       rgba(51, 80, 46, 0.16);
  --uwa-line-strong:rgba(51, 80, 46, 0.24);
  --uwa-terracotta: #B4553A;
}

/* ── Surfaces ──────────────────────────────────────────────
   Any card, panel or box across the suite reads the same.    */
.uwa-a-surface,
body.uwa-assessment .card,
body.uwa-assessment .panel {
  background: var(--uwa-white);
  border: 1px solid var(--uwa-line);
  border-radius: 16px;
  box-shadow: 0 18px 40px -30px rgba(34, 51, 28, .42);
}

/* ── The masthead every assessment shows ─────────────────────
   One header, edge to edge. The assessment name IS the headline —
   it was previously a 10.5px gold label printed twice on the page,
   which told the visitor nothing about where they had landed.
   Brand sits above it, small, because the assessment is the reason
   they are here and the brand is the reassurance, not the message.

   Pinned with `html body` because every assessment page carries its own
   <style> block, and those load AFTER this file — at equal specificity
   they win, and would repaint the band.                                    */
html body .uwa-a-head {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;   /* break out of any centred column */
  padding: 26px 24px 30px !important;
  text-align: center !important;
  background: linear-gradient(180deg, #F4F8F1 0%, #FBFDFA 100%) !important;
  border-bottom: 1px solid var(--uwa-line) !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

/* brand row — logo + wordmark, the only way out of the flow */
html body .uwa-a-head__brand {
  display: inline-flex !important; align-items: center !important;
  gap: 11px !important; text-decoration: none !important;
  margin: 0 0 16px !important; padding: 0 !important;
  background: none !important; border: 0 !important; width: auto !important;
}
html body .uwa-a-head__logo {
  display: block !important; width: 44px !important; height: 44px !important;
  flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important;
}
html body .uwa-a-head__logo img {
  width: 100% !important; height: 100% !important;
  object-fit: contain !important; display: block !important; margin: 0 !important;
}
html body .uwa-a-head__brandname {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important; font-size: 1.18rem !important;
  color: var(--uwa-forest) !important; line-height: 1 !important;
  letter-spacing: 0 !important; text-transform: none !important;
  font-weight: 500 !important;
}
html body .uwa-a-head__brand:hover .uwa-a-head__brandname { color: var(--uwa-gold-dk) !important; }

/* the headline — this is what the visitor should read first */
html body .uwa-a-head__title {
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: clamp(2.1rem, 5.4vw, 4.3rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--uwa-ink) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 15ch !important;
  text-align: center !important;
}
html body .uwa-a-head__series {
  display: block !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-style: normal !important;
  font-size: 10.5px !important; font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important; color: var(--uwa-gold-dk) !important;
  margin: 12px 0 0 !important;
}

/* ── Shared type tone ──────────────────────────────────────── */
body.uwa-assessment {
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFA 100%);
  color: var(--uwa-body);
}
body.uwa-assessment h1,
body.uwa-assessment h2,
body.uwa-assessment h3 { color: var(--uwa-ink); }

/* Small gold labels are the single most common contrast failure across
   the suite — every assessment names them differently, so they're all
   listed here and pinned to the darker gold. */
body.uwa-assessment .eyebrow,
body.uwa-assessment .kick,
body.uwa-assessment .kicker,
body.uwa-assessment .label,
body.uwa-assessment .form-label,
body.uwa-assessment .detail-label,
body.uwa-assessment .twin-label,
body.uwa-assessment .result-tag,
body.uwa-assessment .screen-pill,
body.uwa-assessment .arch-tag,
body.uwa-assessment .arch-label,
body.uwa-assessment .dim-label,
body.uwa-assessment .sec-label,
body.uwa-assessment .footer-brand,
body.uwa-assessment .section-label,
body.uwa-assessment .mono,
body.uwa-assessment .meta,
body.uwa-assessment .cta,
body.uwa-assessment .q-counter {
  color: var(--uwa-gold-dk) !important;
}

/* Dark bands opt out — they keep light text on purpose. */
body.uwa-assessment .uwa-dark-band .eyebrow,
body.uwa-assessment .uwa-dark-band .label,
body.uwa-assessment .uwa-dark-band .detail-label,
body.uwa-assessment .uwa-dark-band .result-tag { color: #EBD9A8 !important; }
body.uwa-assessment .uwa-dark-band p,
body.uwa-assessment .uwa-dark-band h3 { color: #FFFCF0 !important; }

/* ── Guard against the dark-theme leftovers ────────────────
   Several assessments still carry borders written as white at
   5–10% opacity, which vanish on the light background.        */
body.uwa-assessment [style*="rgba(255,255,255,0.07)"],
body.uwa-assessment [style*="rgba(255, 255, 255, 0.07)"] {
  border-color: var(--uwa-line) !important;
}

@media (max-width: 560px) {
  html body .uwa-a-head { padding: 20px 16px 24px !important; }
  html body .uwa-a-head__logo { width: 38px !important; height: 38px !important; }
  html body .uwa-a-head__brandname { font-size: 1.05rem !important; }
  html body .uwa-a-head__brand { margin-bottom: 12px !important; }
  html body .uwa-a-head__title { max-width: 18ch !important; }
}

/* ── The footer every assessment shows ───────────────────────
   Full-bleed to match the header, so the page is bracketed rather
   than trailing off. Kept quiet: someone mid-assessment should not
   be tempted out of it, but someone who has finished needs a way on.

   Every assessment page carries its own <style> block for `footer` and
   `nav`, and those load AFTER this file — so at equal specificity they win,
   which painted this band forest-dark and stretched the links edge to edge.
   `html body` outranks a bare element selector, and the visual properties
   are pinned so no page can repaint them.                                  */
html body .uwa-a-foot {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 56px 0 0 calc(50% - 50vw) !important;
  padding: 32px 24px 36px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: #F4F8F1 !important;
  border-top: 1px solid var(--uwa-line) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
}
html body .uwa-a-foot__brand {
  display: inline-flex !important; align-items: center !important;
  gap: 9px !important; text-decoration: none !important;
  margin: 0 0 14px !important; padding: 0 !important;
  background: none !important; border: 0 !important; width: auto !important;
}
html body .uwa-a-foot__brand img {
  width: 30px !important; height: 30px !important;
  object-fit: contain !important; display: block !important; margin: 0 !important;
}
html body .uwa-a-foot__brand span {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important; font-size: 1.05rem !important;
  color: var(--uwa-forest) !important; letter-spacing: 0 !important;
  text-transform: none !important; font-weight: 500 !important;
}
html body .uwa-a-foot__links {
  display: flex !important; flex-wrap: wrap !important;
  justify-content: center !important; align-items: center !important;
  gap: 8px 22px !important;
  margin: 0 auto 16px !important; padding: 0 !important;
  max-width: 620px !important; background: none !important;
  border: 0 !important; position: static !important;
}
html body .uwa-a-foot__links a {
  font-size: 13px !important; color: var(--uwa-body) !important;
  text-decoration: none !important; font-weight: 500 !important;
  letter-spacing: 0 !important; text-transform: none !important;
  padding: 0 !important; background: none !important; border: 0 !important;
}
html body .uwa-a-foot__links a:hover {
  color: var(--uwa-forest) !important; text-decoration: underline !important;
}
html body .uwa-a-foot__fine {
  font-size: 11.5px !important; color: #6E7A68 !important;
  line-height: 1.65 !important; max-width: 66ch !important;
  margin: 0 auto !important; letter-spacing: 0 !important;
  text-transform: none !important; font-style: normal !important;
}
@media (max-width: 560px) {
  html body .uwa-a-foot { padding: 26px 16px 30px !important; margin-top: 40px !important; }
  html body .uwa-a-foot__links { gap: 8px 15px !important; }
}

/* ── The identity path ──────────────────────────────────────
   Identity and Identity Drift do different jobs and stay
   separate — but a visitor can't tell that from two similar
   names. Numbering them, and leading each with the QUESTION
   it answers, makes the sequence self-explanatory.          */
.uwa-path {
  max-width: 780px; margin: 0 auto 52px; padding: 34px 30px 28px;
  background: linear-gradient(135deg, rgba(176,135,47,.07), rgba(176,135,47,.02));
  border: 1px solid rgba(176,135,47,.30); border-radius: 20px;
  font-family: 'Inter', -apple-system, sans-serif;
}
.uwa-path__eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--uwa-gold-dk); margin-bottom: 10px;
}
.uwa-path__h {
  font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500;
  font-size: clamp(26px,4vw,34px); line-height: 1.2;
  color: var(--uwa-ink); margin: 0 0 10px;
}
.uwa-path__sub { font-size: 15.5px; line-height: 1.7; color: var(--uwa-body); margin: 0 0 26px; }

.uwa-path__steps { list-style: none; margin: 0; padding: 0; position: relative; }
/* the connecting line that makes it read as one journey */
.uwa-path__steps::before {
  content: ''; position: absolute; left: 17px; top: 34px; bottom: 34px;
  width: 2px; background: linear-gradient(180deg, var(--uwa-gold), rgba(176,135,47,.2));
}
.uwa-path__step { display: flex; gap: 18px; margin-bottom: 26px; position: relative; }
.uwa-path__step:last-child { margin-bottom: 8px; }
.uwa-path__num {
  width: 36px; height: 36px; min-width: 36px; border-radius: 50%;
  background: var(--uwa-forest); color: #FFFCF0;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; z-index: 1;
  box-shadow: 0 0 0 5px #FDFBF6;
}
.uwa-path__q {
  font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic;
  font-size: clamp(17px,2.6vw,21px); color: var(--uwa-forest);
  line-height: 1.35; margin-bottom: 6px;
}
.uwa-path__name {
  display: inline-block; font-size: 16px; font-weight: 700;
  color: var(--uwa-ink); text-decoration: none;
  border-bottom: 2px solid rgba(176,135,47,.45); margin-bottom: 7px;
}
.uwa-path__name:hover { color: var(--uwa-forest); border-bottom-color: var(--uwa-forest); }
.uwa-path__what { font-size: 14.5px; line-height: 1.62; color: var(--uwa-body); margin: 0 0 6px; }
.uwa-path__meta {
  font-size: 12px; font-weight: 600; letter-spacing: .04em; color: #8A9585;
}
.uwa-path__note {
  margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--uwa-line);
  font-size: 13.5px; line-height: 1.6; color: #5E6857;
}
@media (max-width: 560px) {
  .uwa-path { padding: 26px 18px 22px; border-radius: 16px; }
  .uwa-path__step { gap: 13px; }
  .uwa-path__num { width: 30px; height: 30px; min-width: 30px; font-size: 13px; }
  .uwa-path__steps::before { left: 14px; }
}

/* ── Your progress: the two numbers that move ───────────────
   Drift should fall, EI should rise. Shown side by side so the
   direction of travel is the message, not the raw figure.    */
.uwa-prog { max-width: 780px; margin: 44px auto 0; font-family: 'Inter', -apple-system, sans-serif; }
.uwa-prog__eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--uwa-gold-dk); margin-bottom: 9px;
}
.uwa-prog__h {
  font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500;
  font-size: clamp(24px,3.6vw,31px); color: var(--uwa-ink); margin: 0 0 10px;
}
.uwa-prog__sub { font-size: 15px; line-height: 1.7; color: var(--uwa-body); margin: 0 0 24px; }
.uwa-prog__sub b { color: var(--uwa-ink); font-weight: 600; }

.uwa-prog__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.uwa-prog__card {
  background: #fff; border: 1px solid var(--uwa-line); border-radius: 16px;
  padding: 22px 22px 18px; box-shadow: 0 16px 36px -30px rgba(34,51,28,.45);
}
.uwa-prog__card--empty { background: var(--uwa-cream); border-style: dashed; }
.uwa-prog__label {
  font-size: 11px; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--uwa-gold-dk); margin-bottom: 12px;
}
.uwa-prog__now { display: flex; align-items: baseline; gap: 7px; margin-bottom: 4px; }
.uwa-prog__score { font-size: 42px; font-weight: 700; line-height: 1; }
.uwa-prog__max { font-size: 14px; color: #8A9585; font-weight: 500; }
.uwa-prog__delta {
  margin-left: auto; font-size: 12.5px; font-weight: 700;
  padding: 4px 10px; border-radius: 999px;
}
.uwa-prog__delta--good { color: #2C5C22; background: rgba(51,80,46,.11); }
.uwa-prog__delta--warn { color: #8E3F27; background: rgba(180,85,58,.12); }
.uwa-prog__delta--flat { color: #7C8676; background: rgba(51,80,46,.07); }
.uwa-prog__band { font-size: 13.5px; color: var(--uwa-ink); font-weight: 600; margin-bottom: 10px; }
.uwa-prog__spark { display: block; width: 100%; height: 54px; margin: 4px 0 10px; }
.uwa-prog__what { font-size: 12.5px; line-height: 1.55; color: #5E6857; margin: 0 0 10px; }
.uwa-prog__line { font-size: 13.5px; line-height: 1.6; margin: 0 0 10px; }
.uwa-prog__line--good { color: #2C5C22; }
.uwa-prog__line--warn { color: #8E3F27; }
.uwa-prog__line--flat { color: var(--uwa-body); }
.uwa-prog__none { font-size: 13px; line-height: 1.6; color: #5E6857; margin: 6px 0 0; }
.uwa-prog__taken {
  font-size: 11.5px; color: #9AA394; padding-top: 10px;
  border-top: 1px solid var(--uwa-line);
}
.uwa-prog__hint { margin-top: 14px; font-size: 13px; color: #7C8676; text-align: center; }
@media (max-width: 620px) { .uwa-prog__grid { grid-template-columns: 1fr; } }

/* ── Coloured pills and tags ────────────────────────────────
   Several cards put white text on mid-tone brand colours,
   which lands around 3:1. Darkening the pill keeps the colour
   family and clears the threshold.                           */
body.uwa-assessment .tag,
body.uwa-assessment .area-bar-label,
body.uwa-assessment .name[style*="background"] { font-weight: 700; }
body.uwa-assessment .tag { background: #33502E !important; color: #FFFCF0 !important; }
body.uwa-assessment .featured-card .tag,
body.uwa-assessment .card .tag { background: #2B4526 !important; }

/* Hinglish lines were set in a light terracotta (2.95:1). Same
   family, dark enough to read. */
body.uwa-assessment .hinglish { color: #A8402A !important; }

/* ── Closing questions ──────────────────────────────────────
   Sits after the result, never before. By then the person has
   received something, so answering reads as a reply rather
   than a survey.                                             */
.uwa-close {
  max-width: 680px; width: 100%; margin: 22px auto 0; box-sizing: border-box;
  background: var(--uwa-cream); border: 1px solid var(--uwa-line);
  border-radius: 18px; padding: 30px 30px 26px;
  font-family: 'Inter', -apple-system, sans-serif;
}
.uwa-close__eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--uwa-gold-dk); margin-bottom: 10px;
}
.uwa-close__h {
  font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500;
  font-size: clamp(21px,3.2vw,27px); color: var(--uwa-ink); margin: 0 0 8px;
}
.uwa-close__sub { font-size: 14.5px; line-height: 1.65; color: var(--uwa-body); margin: 0 0 20px; }
.uwa-close__label {
  display: block; font-size: 14.5px; font-weight: 600;
  color: var(--uwa-ink); margin-bottom: 7px;
}
.uwa-close__label span {
  display: block; font-size: 12.5px; font-weight: 400;
  color: #5E6857; margin-top: 2px;
}
.uwa-close__input {
  width: 100%; box-sizing: border-box; font-family: inherit; font-size: 15px;
  color: var(--uwa-ink); background: #fff; border: 1.5px solid var(--uwa-line);
  border-radius: 11px; padding: 12px 14px; margin-bottom: 18px; resize: vertical;
}
.uwa-close__input:focus {
  outline: none; border-color: var(--uwa-gold);
  box-shadow: 0 0 0 3px rgba(176,135,47,.13);
}
.uwa-close__consent {
  display: flex; align-items: center; gap: 9px;
  font-size: 13.5px; color: var(--uwa-body); margin-bottom: 18px; cursor: pointer;
}
.uwa-close__consent input { width: 17px; height: 17px; accent-color: #33502E; }
.uwa-close__btn {
  width: 100%; font-family: inherit; font-size: 13.5px; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; color: #FFFCF0;
  background: linear-gradient(180deg, var(--uwa-forest-lt), var(--uwa-forest));
  border: 0; border-radius: 999px; padding: 15px 24px; cursor: pointer;
  box-shadow: 0 12px 26px -12px rgba(51,80,46,.55);
}
.uwa-close__btn:disabled { opacity: .6; cursor: default; }
.uwa-close__err { min-height: 15px; margin: 9px 0 0; font-size: 13px; color: #8E3F27; }
.uwa-close--done { text-align: center; }
.uwa-close__tick {
  width: 44px; height: 44px; margin: 0 auto 12px; border-radius: 50%;
  background: var(--uwa-forest); color: #FFFCF0;
  display: flex; align-items: center; justify-content: center; font-size: 21px;
}
@media (max-width: 560px) { .uwa-close { padding: 24px 18px 20px; border-radius: 14px; } }

/* ── The Clarity Circle door ─────────────────────────────────
   Sits inside the thank-you card, below a rule, so it reads as a
   quiet afterthought rather than a second pitch. Deliberately not
   styled as a primary button — the page's one real CTA is the
   training, and this must not compete with it for the eye.        */
html body .uwa-close__invite {
  margin: 22px auto 0 !important;
  padding: 20px 4px 0 !important;
  border-top: 1px solid var(--uwa-line) !important;
  max-width: 420px !important;
}
html body .uwa-close__inv-k {
  font-size: 11px !important; letter-spacing: .13em !important;
  text-transform: uppercase !important; color: var(--uwa-gold-dk) !important;
  margin: 0 0 6px !important; font-weight: 600 !important;
}
html body .uwa-close__inv-h {
  font-size: 19px !important; line-height: 1.25 !important;
  color: var(--uwa-ink) !important; margin: 0 0 8px !important; font-weight: 600 !important;
}
html body .uwa-close__inv-p {
  font-size: 14px !important; line-height: 1.65 !important;
  color: var(--uwa-body) !important; margin: 0 0 16px !important;
}
html body .uwa-close__inv-btn {
  display: inline-block !important; width: auto !important;
  padding: 11px 22px !important; border-radius: 999px !important;
  background: transparent !important; color: var(--uwa-forest) !important;
  border: 1.5px solid var(--uwa-forest) !important;
  font-size: 14.5px !important; font-weight: 600 !important;
  text-decoration: none !important; transition: background .18s, color .18s !important;
}
html body .uwa-close__inv-btn:hover {
  background: var(--uwa-forest) !important; color: #FFFCF0 !important;
}
@media (max-width: 560px) {
  html body .uwa-close__inv-btn { display: block !important; text-align: center !important; }
}

/* ── "What this actually is" ────────────────────────────────
   Shown before anything is asked. The honest-limit block at the
   bottom is deliberate: naming what it ISN'T buys more trust
   than another promise would.                                */
.uwa-brief {
  max-width: 680px; width: 100%; margin: 0 auto; box-sizing: border-box;
  background: #fff; border: 1px solid var(--uwa-line); border-radius: 18px;
  padding: 30px 30px 24px; font-family: 'Inter', -apple-system, sans-serif;
  box-shadow: 0 18px 40px -32px rgba(34,51,28,.45);
}
.uwa-brief__eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--uwa-gold-dk); margin-bottom: 9px;
}
.uwa-brief__h {
  font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500;
  font-size: clamp(22px,3.4vw,28px); color: var(--uwa-ink); margin: 0 0 20px;
}
.uwa-brief__row { margin-bottom: 18px; }
.uwa-brief__k {
  font-size: 11px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--uwa-forest); margin-bottom: 6px;
}
.uwa-brief__v { font-size: 15.5px; line-height: 1.68; color: var(--uwa-body); margin: 0; }
.uwa-brief__list { margin: 4px 0 0; padding-left: 20px; }
.uwa-brief__list li {
  font-size: 15px; line-height: 1.6; color: var(--uwa-body); margin-bottom: 6px;
}
.uwa-brief__list li::marker { color: var(--uwa-gold); }
.uwa-brief__honest {
  margin-top: 20px; padding: 15px 17px;
  background: var(--uwa-cream); border-left: 3px solid var(--uwa-gold);
  border-radius: 0 10px 10px 0;
}
.uwa-brief__honest-k {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--uwa-gold-dk); margin-bottom: 5px;
}
.uwa-brief__honest p { font-size: 14.5px; line-height: 1.62; color: var(--uwa-body); margin: 0; }
.uwa-brief__time {
  margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--uwa-line);
  font-size: 12.5px; color: #5E6857;
}
@media (max-width: 560px) { .uwa-brief { padding: 24px 19px 20px; border-radius: 14px; } }

/* ── "A little about me" card ────────────────────────────────
   The photo sat in a flex row with the heading, so the heading
   started ~100px right of the paragraphs below it — a visible
   stagger down the left edge. One text column fixes it: the
   photo becomes a small mark above, everything shares one
   left edge.                                                  */
body.uwa-assessment .card > div[style*="display:flex"][style*="gap:18px"]:has(img[alt="Anu Taksali"]) {
  display: block !important;
  margin-bottom: 16px !important;
}
body.uwa-assessment .card img[alt="Anu Taksali"] {
  display: block !important;
  margin: 0 0 14px 0 !important;
  width: 68px !important; height: 68px !important; min-width: 68px !important;
  border: 2px solid rgba(176,135,47,.38) !important;
}

/* Fallback for browsers without :has() — target the wrapper the
   photo sits in and flatten it the same way. */
@supports not selector(:has(*)) {
  body.uwa-assessment .card > div[style*="display:flex"][style*="gap:18px"] {
    display: block !important;
  }
}


/* ── The hub list ────────────────────────────────────────────
   Eight assessments, one numbered list, in order. The previous
   version split them into "the path" and "five standalone",
   which made a visitor decide which group they belonged to
   before they had read a single description.                  */
html body .uwa-lead { max-width: 700px; margin: 0 auto 44px; }
html body .uwa-lead__h {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: normal !important; font-weight: 600 !important;
  font-size: clamp(1.7rem, 3.6vw, 2.3rem) !important;
  color: var(--uwa-ink) !important; margin: 0 0 14px !important;
}
html body .uwa-lead__p {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-style: normal !important;
  font-size: 16px !important; line-height: 1.7 !important;
  color: var(--uwa-body) !important; margin: 0 0 12px !important;
}

html body .uwa-list { list-style: none; margin: 0 auto; padding: 0; max-width: 760px; }
html body .uwa-list__item { margin: 0 0 14px; padding: 0; }
html body .uwa-list__item::marker { content: none; }

html body .uwa-list__link {
  display: flex !important; align-items: flex-start; gap: 20px;
  padding: 24px 26px;
  background: #fff;
  border: 1px solid var(--uwa-line);
  border-radius: 14px;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
html body .uwa-list__link:hover {
  border-color: rgba(51,80,46,.42);
  box-shadow: 0 16px 34px -26px rgba(34,51,28,.5);
  transform: translateY(-2px);
}

html body .uwa-list__num {
  flex: 0 0 auto !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: .06em !important;
  color: var(--uwa-gold-dk) !important;
  padding-top: 9px !important; min-width: 26px !important;
}
html body .uwa-list__body { display: block; flex: 1 1 auto; }

html body .uwa-list__name {
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: normal !important; font-weight: 600 !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  line-height: 1.15 !important;
  color: var(--uwa-ink) !important;
  margin: 0 0 8px !important;
  text-transform: none !important; letter-spacing: -0.005em !important;
}
html body .uwa-list__what {
  display: block !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-style: normal !important;
  font-size: 15px !important; line-height: 1.65 !important;
  color: var(--uwa-body) !important;
  margin: 0 0 10px !important;
}
html body .uwa-list__meta {
  display: block !important;
  font-family: 'Inter', sans-serif;
  font-size: 12px; font-weight: 600; letter-spacing: .04em;
  color: #7C8676;
}
html body .uwa-list__go {
  flex: 0 0 auto; align-self: center;
  font-size: 20px; color: var(--uwa-gold-dk);
}
@media (max-width: 560px) {
  html body .uwa-list__link { gap: 14px; padding: 20px 18px; }
  html body .uwa-list__go { display: none; }
}


/* ── Italics ─────────────────────────────────────────────────
   Italic serif is fine for a two-word wordmark. It is hard work
   for a question someone has to parse carefully before answering,
   and harder still on a phone. Everything a visitor reads to make
   a decision is set upright; only the wordmark and the signature
   keep their slant.                                             */
html body.uwa-assessment .q-text,
html body.uwa-assessment .opt,
html body.uwa-assessment .opt span,
html body.uwa-assessment .options button,
html body.uwa-assessment .uwaf-h,
html body.uwa-assessment .uwaf-sub,
html body.uwa-assessment .uwaf-panel p,
html body.uwa-assessment .uwaf-opt,
html body.uwa-assessment .uwaf-choice,
html body.uwa-assessment .result-desc,
html body.uwa-assessment .result-desc p,
html body.uwa-assessment .uwa-brief__v,
html body.uwa-assessment .uwa-brief__list li,
html body.uwa-assessment .uwa-brief__honest p,
html body.uwa-assessment .stmt .txt,
html body.uwa-assessment .vak-q .qtitle,
html body.uwa-assessment .vak-opt .desc {
  font-style: normal !important;
}

/* ── The brief, tightened ────────────────────────────────────
   It now opens the assessment instead of appearing three screens
   in, so it has to fit a screen without scrolling.              */
html body .uwa-brief { padding: 22px 24px !important; }
html body .uwa-brief__h { font-size: 1.5rem !important; margin-bottom: 14px !important; }
html body .uwa-brief__row { margin-bottom: 12px !important; }
html body .uwa-brief__k { font-size: 10px !important; letter-spacing: .16em !important; margin-bottom: 4px !important; }
html body .uwa-brief__v { font-size: 14.5px !important; line-height: 1.55 !important; margin: 0 !important; }
html body .uwa-brief__list { margin: 4px 0 0 !important; padding-left: 18px !important; }
html body .uwa-brief__list li { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 3px !important; }
html body .uwa-brief__honest { margin-top: 12px !important; padding: 12px 14px !important; }
html body .uwa-brief__honest p { font-size: 13.5px !important; line-height: 1.5 !important; margin: 3px 0 0 !important; }
html body .uwa-brief__time { font-size: 11.5px !important; margin-top: 12px !important; }


/* ── The testimonial ask ─────────────────────────────────────
   A text link, not a button. There is one gold action on a
   result page and this is not it.                             */
html body .uwa-ask {
  max-width: 620px !important;
  margin: 22px auto 0 !important;
  padding: 16px 20px !important;
  text-align: center !important;
  border-top: 1px solid var(--uwa-line) !important;
  background: none !important;
}
html body .uwa-ask__p {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-style: normal !important;
  font-size: 14px !important; line-height: 1.6 !important;
  color: #6E7A68 !important; margin: 0 0 8px !important;
}
html body .uwa-ask__link {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important; font-weight: 600 !important;
  color: var(--uwa-forest) !important;
  text-decoration: underline !important; text-underline-offset: 3px !important;
  background: none !important; border: 0 !important; padding: 0 !important;
}
html body .uwa-ask__link:hover { color: var(--uwa-gold-dk) !important; }