/* ── Profile Card — Key Facts Profile ────────────────────────────────────────
   Variants:
     dark         — Full-width navy card, N-col grid (Draftbook H)
     dark-deep    — Full-width navy-dark, score bar + N-col grid (H3)
     white        — Full-width white card, navy topline (F)
     tint         — Full-width light navy-wash card, navy topline
     compact      — 280px float-left, navy (D)
     compact-white— 280px float-left, white (B)
     compact-tint — 280px float-left, light navy-wash
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Shared atoms ──────────────────────────────────────────────────────────── */

.profile {
  border-radius: 10px;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 1.5rem 0;
}

/* Grid — cols driven by inline --profile-cols custom prop */
.profile__grid {
  display: grid;
  grid-template-columns: repeat(var(--profile-cols, 2), 1fr);
}

.profile__cell {
  padding: 0.75rem 1.5rem;
}
.profile__cell--span {
  grid-column: 1 / -1;
}
.profile__cell--empty {
  pointer-events: none;
  border: none !important;
  background: transparent !important;
}

.profile__cell__label {
  font-size: 0.575rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin-bottom: 0.2rem;
}
.profile__cell__val {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.45;
}
.profile__cell--number .profile__cell__val {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}

/* Tags */
.profile__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.3rem;
}
.profile__tag {
  font-size: 0.6rem;
  font-weight: 600;
  border-radius: 3px;
  padding: 0.15em 0.5em;
}

/* Head shared */
.profile__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
}
.profile__head-left { flex: 1; min-width: 0; }

.profile__kicker {
  font-size: 0.525rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: 0.25rem;
}
.profile__name {
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.15;
}
.profile__tagline {
  font-size: 0.725rem;
  margin-top: 0.225rem;
}

.profile__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.625rem;
}
.profile__badge {
  font-size: 0.55rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.2em 0.55em;
  border-radius: 3px;
}

/* Image */
.profile__image {
  flex-shrink: 0;
  border-radius: 8px;
  object-fit: cover;
}
.profile__image--logo {
  width: 64px;
  height: 64px;
}
.profile__image--portrait {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
.profile__image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.575rem;
  line-height: 1.4;
  border-style: dashed;
  border-width: 1.5px;
}

/* Footer shared */
.profile__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.625rem;
  gap: 1rem;
}
.profile__foot a { text-decoration: none; }

/* Intro / Closing */
.profile__intro,
.profile__closing {
  font-size: 0.8125rem;
  line-height: 1.65;
}


/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: dark  (Draftbook H — full-width navy)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--dark {
  background: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.1);
}

.profile--dark .profile__head {
  padding: 1.375rem 1.5rem 1.125rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.profile--dark .profile__kicker  { color: rgba(255,255,255,0.38); }
.profile--dark .profile__name    { color: #fff; font-size: 1.375rem; }
.profile--dark .profile__tagline { color: rgba(255,255,255,0.45); }

.profile--dark .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--dark .profile__badge:not(.profile__badge--primary) {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.65);
}

.profile--dark .profile__image--placeholder {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.35);
}

.profile--dark .profile__grid {
  border-top: 1px solid rgba(255,255,255,0.07);
}
.profile--dark .profile__cell {
  border-bottom: 1px solid rgba(255,255,255,0.07);
  border-right: 1px solid rgba(255,255,255,0.07);
}
.profile--dark .profile__cell:nth-child(var(--profile-cols, 2)n) { border-right: none; }
.profile--dark .profile__cell__label { color: rgba(255,255,255,0.32); }
.profile--dark .profile__cell__val   { color: rgba(255,255,255,0.85); font-weight: 600; }
.profile--dark .profile__cell--number .profile__cell__val { color: #fff; }

.profile--dark .profile__tag {
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.68);
}
.profile--dark .profile__tag--hi {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.25);
  color: #fff;
}

.profile--dark .profile__intro,
.profile--dark .profile__closing {
  padding: 0.875rem 1.5rem;
  color: rgba(255,255,255,0.6);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.profile--dark .profile__foot {
  padding: 0.625rem 1.5rem;
  background: rgba(0,0,0,0.15);
  color: rgba(255,255,255,0.3);
}
.profile--dark .profile__foot a { color: rgba(255,255,255,0.5); }


/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: dark-deep  (Draftbook H3 — navy-dark, score bar)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--dark-deep {
  background: #010e33; /* navy-dark */
  box-shadow: 0 0 0 1px rgba(255,255,255,0.1);
}

.profile--dark-deep .profile__head {
  padding: 1.375rem 1.5rem 1.125rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.profile--dark-deep .profile__kicker  { color: rgba(255,255,255,0.3); }
.profile--dark-deep .profile__name    { color: #fff; font-size: 1.375rem; }
.profile--dark-deep .profile__tagline { color: rgba(255,255,255,0.42); }

.profile--dark-deep .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--dark-deep .profile__badge:not(.profile__badge--primary) {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.65);
}

.profile--dark-deep .profile__image--placeholder {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.18);
  border-radius: 10px;
  color: rgba(255,255,255,0.3);
}

/* Score bar */
.profile__score-bar {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0.875rem 1.5rem;
  background: rgba(255,255,255,0.04);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.profile__score-num {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.05em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.profile__score-divider {
  width: 1px;
  height: 2.25rem;
  background: rgba(255,255,255,0.1);
  flex-shrink: 0;
}
.profile__score-label {
  font-size: 0.525rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.3);
  margin-bottom: 0.2rem;
}
.profile__score-detail {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255,255,255,0.55);
}
.profile__score-note {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.35);
  line-height: 1.55;
  max-width: 34ch;
}

.profile--dark-deep .profile__grid {
  border-top: 1px solid rgba(255,255,255,0.06);
}
.profile--dark-deep .profile__cell {
  padding: 0.875rem 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  border-right: 1px solid rgba(255,255,255,0.06);
}
.profile--dark-deep .profile__cell:nth-child(var(--profile-cols, 2)n) { border-right: none; }
.profile--dark-deep .profile__cell__label { color: rgba(255,255,255,0.3); }
.profile--dark-deep .profile__cell__val   { color: rgba(255,255,255,0.82); font-weight: 600; }

.profile--dark-deep .profile__tag {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.62);
}
.profile--dark-deep .profile__tag--hi {
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.22);
  color: #fff;
}

.profile--dark-deep .profile__intro,
.profile--dark-deep .profile__closing {
  padding: 0.875rem 1.5rem;
  color: rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.profile--dark-deep .profile__foot {
  padding: 0.625rem 1.5rem;
  background: rgba(0,0,0,0.2);
  color: rgba(255,255,255,0.25);
}
.profile--dark-deep .profile__foot a { color: rgba(255,255,255,0.45); }


/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: white  (Draftbook F — full-width white, navy topline)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--white {
  background: #fff;
  border-top: 3px solid var(--color-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
}

.profile--white .profile__head {
  padding: 1.25rem 1.5rem 1.125rem;
  border-bottom: 1px solid var(--color-neutral-200);
}
.profile--white .profile__kicker  { color: var(--color-neutral-400); }
.profile--white .profile__name    { color: var(--color-primary); font-size: 1.25rem; }
.profile--white .profile__tagline { color: var(--color-text-muted); }

.profile--white .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--white .profile__badge:not(.profile__badge--primary) {
  background: var(--color-neutral-100);
  border: 1px solid var(--color-neutral-200);
  color: var(--color-text-muted);
}

.profile--white .profile__image--placeholder {
  background: var(--color-neutral-50);
  border-color: var(--color-neutral-300);
  color: var(--color-neutral-400);
}

.profile--white .profile__cell {
  border-bottom: 1px solid var(--color-neutral-100);
  border-right: 1px solid var(--color-neutral-100);
}
.profile--white .profile__cell:nth-child(var(--profile-cols, 2)n) { border-right: none; }
.profile--white .profile__cell__label { color: var(--color-neutral-400); }
.profile--white .profile__cell__val   { color: var(--color-text-body); }
.profile--white .profile__cell--number .profile__cell__val {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 800;
}

.profile--white .profile__tag {
  background: var(--color-neutral-100);
  border: 1px solid var(--color-neutral-200);
  border-radius: 100px;
  color: var(--color-text-muted);
}
.profile--white .profile__tag--hi {
  background: rgba(3,33,105,0.06);
  border-color: rgba(3,33,105,0.15);
  color: var(--color-primary);
  font-weight: 700;
}

.profile--white .profile__intro {
  padding: 0.75rem 1.5rem;
  border-left: 3px solid var(--color-primary);
  border-bottom: 1px solid rgba(3,33,105,0.08);
  background: var(--color-neutral-50);
  color: var(--color-text-body);
}
.profile--white .profile__closing {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid var(--color-neutral-100);
  background: var(--color-neutral-50);
  color: var(--color-text-muted);
}

.profile--white .profile__foot {
  padding: 0.5rem 1.5rem;
  background: var(--color-neutral-50);
  border-top: 1px solid var(--color-neutral-200);
  color: var(--color-neutral-400);
}
.profile--white .profile__foot a { color: #0369a1; }


/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: tint  (full-width, light navy wash)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--tint {
  background: #eef1f8;
  border-top: 3px solid var(--color-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 0 0 1px rgba(3,33,105,0.08);
}

.profile--tint .profile__head {
  padding: 1.25rem 1.5rem 1.125rem;
  border-bottom: 1px solid rgba(3,33,105,0.1);
}
.profile--tint .profile__kicker  { color: rgba(3,33,105,0.45); }
.profile--tint .profile__name    { color: var(--color-primary); font-size: 1.25rem; }
.profile--tint .profile__tagline { color: rgba(3,33,105,0.55); }

.profile--tint .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--tint .profile__badge:not(.profile__badge--primary) {
  background: rgba(3,33,105,0.07);
  border: 1px solid rgba(3,33,105,0.14);
  color: rgba(3,33,105,0.65);
}

.profile--tint .profile__image--placeholder {
  background: rgba(3,33,105,0.05);
  border-color: rgba(3,33,105,0.18);
  color: rgba(3,33,105,0.35);
}

.profile--tint .profile__cell {
  border-bottom: 1px solid rgba(3,33,105,0.08);
  border-right: 1px solid rgba(3,33,105,0.08);
}
.profile--tint .profile__cell:nth-child(var(--profile-cols, 2)n) { border-right: none; }
.profile--tint .profile__cell__label { color: rgba(3,33,105,0.45); }
.profile--tint .profile__cell__val   { color: var(--color-primary); font-weight: 600; }
.profile--tint .profile__cell--number .profile__cell__val {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 800;
}

.profile--tint .profile__tag {
  background: rgba(3,33,105,0.07);
  border: 1px solid rgba(3,33,105,0.14);
  color: rgba(3,33,105,0.65);
}
.profile--tint .profile__tag--hi {
  background: rgba(3,33,105,0.13);
  border-color: rgba(3,33,105,0.22);
  color: var(--color-primary);
  font-weight: 700;
}

.profile--tint .profile__intro {
  padding: 0.75rem 1.5rem;
  border-left: 3px solid var(--color-primary);
  border-bottom: 1px solid rgba(3,33,105,0.08);
  background: rgba(3,33,105,0.04);
  color: var(--color-primary);
}
.profile--tint .profile__closing {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid rgba(3,33,105,0.08);
  color: rgba(3,33,105,0.55);
}

.profile--tint .profile__foot {
  padding: 0.5rem 1.5rem;
  background: rgba(3,33,105,0.06);
  border-top: 1px solid rgba(3,33,105,0.1);
  color: rgba(3,33,105,0.4);
}
.profile--tint .profile__foot a { color: var(--color-primary); opacity: 0.75; }


/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: compact  (Draftbook D — 280px float, navy)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--compact {
  width: 280px;
  background: var(--color-primary);
}

.profile--compact .profile__head {
  padding: 1.25rem 1.25rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.profile--compact .profile__name { font-size: 1.0625rem; color: #fff; }
.profile--compact .profile__kicker  { color: rgba(255,255,255,0.38); }
.profile--compact .profile__tagline { color: rgba(255,255,255,0.45); font-size: 0.625rem; }

.profile--compact .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--compact .profile__badge:not(.profile__badge--primary) {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.65);
}

.profile--compact .profile__image--placeholder {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.35);
}

/* Compact uses 2-column label/value rows, not a grid */
.profile--compact .profile__grid {
  display: block;
}
.profile--compact .profile__cell {
  display: grid;
  grid-template-columns: 36% 1fr;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.profile--compact .profile__cell--span {
  grid-template-columns: 1fr;
}
.profile--compact .profile__cell__label {
  font-size: 0.575rem;
  color: rgba(255,255,255,0.32);
  padding-top: 0.125rem;
}
.profile--compact .profile__cell__val {
  font-size: 0.775rem;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
}
.profile--compact .profile__cell--number .profile__cell__val {
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
}

.profile--compact .profile__tag {
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.68);
}
.profile--compact .profile__tag--hi {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.25);
  color: #fff;
}

.profile--compact .profile__intro,
.profile--compact .profile__closing {
  padding: 0.625rem 1.25rem;
  font-size: 0.75rem;
  color: rgba(255,255,255,0.55);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.profile--compact .profile__foot {
  padding: 0.5rem 1.25rem;
  background: rgba(0,0,0,0.15);
  color: rgba(255,255,255,0.3);
  font-size: 0.575rem;
  justify-content: center;
}
.profile--compact .profile__foot a { color: rgba(255,255,255,0.5); }


/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: compact-white  (Draftbook B — 280px float, white)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--compact-white {
  width: 280px;
  background: #fff;
  border-top: 3px solid var(--color-primary);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
}

.profile--compact-white .profile__head {
  padding: 1.125rem 1.25rem 1rem;
  border-bottom: 1px solid var(--color-neutral-200);
}
.profile--compact-white .profile__kicker  { color: var(--color-neutral-400); }
.profile--compact-white .profile__name    { color: var(--color-primary); font-size: 1.125rem; }
.profile--compact-white .profile__tagline { color: var(--color-text-muted); font-size: 0.7rem; }

.profile--compact-white .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--compact-white .profile__badge:not(.profile__badge--primary) {
  background: var(--color-neutral-100);
  border: 1px solid var(--color-neutral-200);
  color: var(--color-text-muted);
}

.profile--compact-white .profile__image--placeholder {
  background: var(--color-neutral-50);
  border-color: var(--color-neutral-300);
  color: var(--color-neutral-400);
}

/* Compact-white also uses row layout */
.profile--compact-white .profile__grid { display: block; }
.profile--compact-white .profile__cell {
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid var(--color-neutral-100);
}
.profile--compact-white .profile__cell__label {
  color: var(--color-neutral-400);
  margin-bottom: 0.2rem;
}
.profile--compact-white .profile__cell__val {
  font-size: 0.8125rem;
  color: var(--color-text-body);
}
.profile--compact-white .profile__cell--number .profile__cell__val {
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--color-primary);
  letter-spacing: -0.03em;
}

.profile--compact-white .profile__tag {
  background: var(--color-neutral-100);
  border: 1px solid var(--color-neutral-200);
  border-radius: 100px;
  color: var(--color-text-muted);
}
.profile--compact-white .profile__tag--hi {
  background: rgba(3,33,105,0.06);
  border-color: rgba(3,33,105,0.15);
  color: var(--color-primary);
  font-weight: 700;
}

.profile--compact-white .profile__intro,
.profile--compact-white .profile__closing {
  padding: 0.625rem 1.25rem;
  font-size: 0.75rem;
  color: var(--color-text-muted);
  border-bottom: 1px solid var(--color-neutral-100);
}

.profile--compact-white .profile__foot {
  padding: 0.5rem 1.25rem;
  background: var(--color-neutral-50);
  border-top: 1px solid var(--color-neutral-200);
  color: var(--color-neutral-400);
}
.profile--compact-white .profile__foot a { color: #0369a1; }

/* ══════════════════════════════════════════════════════════════════════════════
   VARIANT: compact-tint  (280px float, light navy wash)
   ══════════════════════════════════════════════════════════════════════════════ */

.profile--compact-tint {
  width: 280px;
  background: #eef1f8;
  border-top: 3px solid var(--color-primary);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 0 0 1px rgba(3,33,105,0.08);
}

.profile--compact-tint .profile__head {
  padding: 1.125rem 1.25rem 1rem;
  border-bottom: 1px solid rgba(3,33,105,0.1);
}
.profile--compact-tint .profile__kicker  { color: rgba(3,33,105,0.45); }
.profile--compact-tint .profile__name    { color: var(--color-primary); font-size: 1.125rem; }
.profile--compact-tint .profile__tagline { color: rgba(3,33,105,0.55); font-size: 0.7rem; }

.profile--compact-tint .profile__badge--primary {
  background: var(--color-accent);
  color: #fff;
}
.profile--compact-tint .profile__badge:not(.profile__badge--primary) {
  background: rgba(3,33,105,0.07);
  border: 1px solid rgba(3,33,105,0.14);
  color: rgba(3,33,105,0.65);
}

.profile--compact-tint .profile__image--placeholder {
  background: rgba(3,33,105,0.05);
  border-color: rgba(3,33,105,0.18);
  color: rgba(3,33,105,0.35);
}

/* Row layout, same as compact-white */
.profile--compact-tint .profile__grid { display: block; }
.profile--compact-tint .profile__cell {
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid rgba(3,33,105,0.08);
}
.profile--compact-tint .profile__cell__label {
  color: rgba(3,33,105,0.45);
  margin-bottom: 0.2rem;
}
.profile--compact-tint .profile__cell__val {
  font-size: 0.8125rem;
  color: var(--color-primary);
  font-weight: 600;
}
.profile--compact-tint .profile__cell--number .profile__cell__val {
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--color-primary);
  letter-spacing: -0.03em;
}

.profile--compact-tint .profile__tag {
  background: rgba(3,33,105,0.07);
  border: 1px solid rgba(3,33,105,0.14);
  color: rgba(3,33,105,0.65);
}
.profile--compact-tint .profile__tag--hi {
  background: rgba(3,33,105,0.13);
  border-color: rgba(3,33,105,0.22);
  color: var(--color-primary);
  font-weight: 700;
}

.profile--compact-tint .profile__intro,
.profile--compact-tint .profile__closing {
  padding: 0.625rem 1.25rem;
  font-size: 0.75rem;
  color: rgba(3,33,105,0.55);
  border-bottom: 1px solid rgba(3,33,105,0.08);
}

.profile--compact-tint .profile__foot {
  padding: 0.5rem 1.25rem;
  background: rgba(3,33,105,0.06);
  border-top: 1px solid rgba(3,33,105,0.1);
  color: rgba(3,33,105,0.4);
  font-size: 0.575rem;
  justify-content: center;
}
.profile--compact-tint .profile__foot a { color: var(--color-primary); opacity: 0.75; }