/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*  UNWIND WITH ANU · PROGRESS COMPARISON TABLE                 */
/*  Self-contained: the assessments each carry their own scoped */
/*  styles and don't all load uwa-layout.css, so this file      */
/*  declares its own variables rather than inheriting them.     */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.uwa-hist {
  --uwa-hist-forest: #33502E;
  --uwa-hist-ink:    #22331C;
  --uwa-hist-gold:   #B0872F;
  --uwa-hist-good:   #33502E;
  --uwa-hist-warn:   #B4553A;
  --uwa-hist-muted:  #7b8578;
  --uwa-hist-line:   rgba(51, 80, 46, 0.16);

  width: 100%;
  max-width: 680px;
  margin: 28px auto 0;
  padding: 30px 28px 24px;
  box-sizing: border-box;
  background: linear-gradient(135deg, rgba(176, 135, 47, 0.10), rgba(176, 135, 47, 0.03));
  border: 1.5px solid rgba(176, 135, 47, 0.38);
  border-radius: 18px;
  text-align: left;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.uwa-hist__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--uwa-hist-gold);
  margin-bottom: 10px;
}

.uwa-hist__title {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  font-weight: 400;
  font-size: clamp(21px, 4vw, 27px);
  line-height: 1.25;
  color: var(--uwa-hist-ink);
  margin: 0 0 12px;
}
.uwa-hist__title em { font-style: italic; color: var(--uwa-hist-gold); }

.uwa-hist__summary {
  font-size: 15px;
  line-height: 1.65;
  color: var(--uwa-hist-ink);
  margin: 0 0 20px;
}
.uwa-hist__summary em { font-style: italic; color: var(--uwa-hist-forest); font-weight: 600; }

.uwa-hist__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.uwa-hist__table th {
  text-align: left;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--uwa-hist-muted);
  padding: 0 10px 9px 0;
  border-bottom: 1.5px solid var(--uwa-hist-line);
  white-space: nowrap;
}
.uwa-hist__table th:last-child,
.uwa-hist__table td:last-child { padding-right: 0; text-align: right; }

.uwa-hist__table td {
  padding: 13px 10px 13px 0;
  border-bottom: 1px solid var(--uwa-hist-line);
  color: var(--uwa-hist-ink);
  vertical-align: middle;
}
.uwa-hist__table tr:last-child td { border-bottom: 0; }

.uwa-hist__when  { color: var(--uwa-hist-muted); font-size: 13px; white-space: nowrap; }
.uwa-hist__score strong { font-size: 17px; font-weight: 700; color: var(--uwa-hist-forest); }
.uwa-hist__max   { font-size: 12px; font-weight: 500; color: var(--uwa-hist-muted); }
.uwa-hist__band  { font-size: 13.5px; }
.uwa-hist__delta { font-weight: 700; font-size: 14px; white-space: nowrap; }

.uwa-hist__tag {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 7px;
  border-radius: 20px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  background: var(--uwa-hist-gold);
  color: #fff;
  vertical-align: middle;
}
.uwa-hist__tag--first { background: transparent; color: var(--uwa-hist-muted); border: 1px solid var(--uwa-hist-line); }

.uwa-hist__note {
  margin: 16px 0 0;
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--uwa-hist-muted);
}

/* Narrow screens: the Band column is the first thing that can go. */
@media (max-width: 460px) {
  .uwa-hist { padding: 24px 18px 20px; }
  .uwa-hist__table { font-size: 13px; }
  .uwa-hist__band, .uwa-hist__table th:nth-child(3) { display: none; }
  .uwa-hist__when { font-size: 12px; white-space: normal; }
}

/* Dark-surfaced assessments (stress, allostatic load) invert the palette. */
.uwa-dark .uwa-hist,
.dark .uwa-hist {
  --uwa-hist-ink: #F3F6F0;
  --uwa-hist-forest: #DCE7D4;
  --uwa-hist-good: #9DC48F;
  --uwa-hist-muted: #9aa79a;
  --uwa-hist-line: rgba(220, 231, 212, 0.18);
  background: linear-gradient(135deg, rgba(176, 135, 47, 0.16), rgba(176, 135, 47, 0.04));
}