/* Hallmark · macrostructure: Split Studio · tone: practical, calm, trust-building · anchor hue: UAwork blue
 * states: default · hover · focus · active · disabled · loading · error · success
 * integration: existing "My Profile" page · enrichment: none · contrast: pass (40–41) · slop: pass (42–49) · mobile: pass (34, 49–57) · pre-emit critique: P5 H5 E5 S5 R5 V4
 */
:root,
html,
body {
  overflow-x: clip;
}

:root {
  --uph-nav-accent-surface: oklch(95% 0.032 258);
  --uph-nav-accent-ink: oklch(44% 0.160 258);
  --uph-nav-space-1: 4px;
  --uph-nav-space-2: 8px;
  --uph-paper: oklch(99% 0.004 250);
  --uph-surface: oklch(97% 0.012 250);
  --uph-surface-strong: oklch(94% 0.018 250);
  --uph-ink: oklch(30% 0.045 260);
  --uph-muted: oklch(48% 0.035 255);
  --uph-border: oklch(87% 0.022 250);
  --uph-border-strong: oklch(72% 0.060 250);
  --uph-accent: oklch(51% 0.170 258);
  --uph-accent-hover: oklch(44% 0.160 258);
  --uph-accent-ink: oklch(100% 0.001 250);
  --uph-accent-surface: oklch(95% 0.032 258);
  --uph-success: oklch(46% 0.130 150);
  --uph-success-surface: oklch(96% 0.035 150);
  --uph-warning: oklch(48% 0.125 67);
  --uph-warning-surface: oklch(97% 0.035 75);
  --uph-danger: oklch(48% 0.175 30);
  --uph-danger-surface: oklch(96% 0.033 30);
  --uph-focus: oklch(35% 0.120 255);
  --uph-track: oklch(91% 0.020 250);
  --uph-shadow: 0 1px 2px oklch(30% 0.045 260 / 0.10);
  --uph-radius-sm: 8px;
  --uph-radius-md: 14px;
  --uph-radius-lg: 20px;
  --uph-space-1: 4px;
  --uph-space-2: 8px;
  --uph-space-3: 12px;
  --uph-space-4: 16px;
  --uph-space-5: 20px;
  --uph-space-6: 24px;
  --uph-space-8: 32px;
  --uph-space-10: 40px;
  --uph-dur-micro: 120ms;
  --uph-dur-short: 220ms;
  --uph-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --uph-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --uph-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

.uawork-profile-hub {
  box-sizing: border-box;
  color: var(--uph-ink);
  font-family: inherit;
  margin: var(--uph-space-6) auto;
  max-width: 1120px;
  min-width: 0;
  overflow-x: clip;
  padding-inline: var(--uph-space-4);
}

.uawork-profile-hub *,
.uawork-profile-hub *::before,
.uawork-profile-hub *::after {
  box-sizing: border-box;
}

.uawork-profile-hub h1,
.uawork-profile-hub h2,
.uawork-profile-hub p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.uawork-profile-hub h1,
.uawork-profile-hub h2 {
  color: var(--uph-ink);
  font-style: normal;
}

.uawork-profile-hub h1 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0;
}

.uawork-profile-hub h2 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
}

.uawork-profile-hub--guest {
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-lg);
  box-shadow: var(--uph-shadow);
  padding: var(--uph-space-6);
}

.uawork-profile-hub--guest p {
  color: var(--uph-muted);
  line-height: 1.55;
  margin: var(--uph-space-3) 0 0;
}

.uawork-profile-hub__hero {
  align-items: end;
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-lg);
  box-shadow: var(--uph-shadow);
  display: grid;
  gap: var(--uph-space-6);
  grid-template-columns: minmax(0, 1fr);
  padding: var(--uph-space-6);
}

.uawork-profile-hub__hero-copy > p:not(.uawork-profile-hub__next) {
  color: var(--uph-muted);
  font-size: 1rem;
  line-height: 1.6;
  margin: var(--uph-space-3) 0 0;
  max-width: 62ch;
}

.uawork-profile-hub__next {
  align-items: baseline;
  color: var(--uph-muted);
  display: flex;
  flex-wrap: wrap;
  gap: var(--uph-space-2);
  line-height: 1.45;
  margin: var(--uph-space-5) 0 0;
}

.uawork-profile-hub__next > span {
  color: var(--uph-muted);
  font-size: 0.8rem;
  font-weight: 700;
}

.uawork-profile-hub__next a,
.uawork-profile-hub__text-link {
  color: var(--uph-accent);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.uawork-profile-hub__next a:hover,
.uawork-profile-hub__text-link:hover {
  color: var(--uph-accent-hover);
}

.uawork-profile-hub__next.is-complete {
  color: var(--uph-success);
  font-weight: 700;
}

.uawork-profile-hub__next.is-complete > span {
  align-items: center;
  background: var(--uph-success-surface);
  border-radius: 50%;
  color: var(--uph-success);
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.uawork-profile-hub__progress {
  align-items: center;
  display: grid;
  gap: var(--uph-space-4);
  grid-template-columns: auto minmax(0, 1fr);
}

.uawork-profile-hub__progress-ring {
  align-items: center;
  background: conic-gradient(var(--uph-accent) var(--uph-progress), var(--uph-track) 0);
  border-radius: 50%;
  display: grid;
  height: 116px;
  justify-content: center;
  place-content: center;
  position: relative;
  text-align: center;
  width: 116px;
}

.uawork-profile-hub__progress-ring::before {
  background: var(--uph-paper);
  border-radius: 50%;
  content: '';
  inset: 10px;
  position: absolute;
}

.uawork-profile-hub__progress-ring strong,
.uawork-profile-hub__progress-ring span {
  position: relative;
}

.uawork-profile-hub__progress-ring strong {
  color: var(--uph-ink);
  font-size: 1.5rem;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.uawork-profile-hub__progress-ring span {
  color: var(--uph-muted);
  font-size: 0.72rem;
  margin-top: var(--uph-space-1);
}

.uawork-profile-hub__progress > p {
  color: var(--uph-muted);
  font-size: 0.86rem;
  line-height: 1.5;
  margin: 0;
}

.uawork-profile-hub__layout {
  display: grid;
  gap: var(--uph-space-6);
  grid-template-columns: minmax(0, 1fr);
  margin-top: var(--uph-space-6);
}

.uawork-profile-hub__editor,
.uawork-profile-hub__checklist,
.uawork-profile-hub__work-state {
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-lg);
  box-shadow: var(--uph-shadow);
}

.uawork-profile-hub__editor {
  padding: var(--uph-space-6);
}

.uawork-profile-hub__section-head {
  border-bottom: 1px solid var(--uph-border);
  padding-bottom: var(--uph-space-5);
}

.uawork-profile-hub__section-head p {
  color: var(--uph-muted);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: var(--uph-space-2) 0 0;
}

.uawork-profile-hub__roles,
.uawork-profile-hub__skills {
  border: 0;
  margin: var(--uph-space-6) 0 0;
  min-inline-size: 0;
  padding: 0;
}

.uawork-profile-hub__roles legend,
.uawork-profile-hub__skills legend,
.uawork-profile-hub__field > span {
  color: var(--uph-ink);
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: var(--uph-space-2);
}

.uawork-profile-hub__role-options {
  display: grid;
  gap: var(--uph-space-2);
  grid-template-columns: minmax(0, 1fr);
}

.uawork-profile-hub__role-options label,
.uawork-profile-hub__skill-options label {
  min-width: 0;
  position: relative;
}

.uawork-profile-hub__role-options input,
.uawork-profile-hub__skill-options input {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.uawork-profile-hub__role-options span {
  align-items: center;
  background: var(--uph-surface);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-sm);
  color: var(--uph-ink);
  cursor: pointer;
  display: flex;
  font-size: 0.92rem;
  font-weight: 650;
  justify-content: center;
  min-height: 44px;
  padding: var(--uph-space-3);
  text-align: center;
  transition: background-color var(--uph-dur-short) var(--uph-ease-out), border-color var(--uph-dur-short) var(--uph-ease-out), color var(--uph-dur-short) var(--uph-ease-out);
  white-space: nowrap;
}

.uawork-profile-hub__role-options input:checked + span {
  background: var(--uph-accent);
  border-color: var(--uph-accent);
  color: var(--uph-accent-ink);
}

.uawork-profile-hub__role-options input:not(:disabled):active + span {
  background: var(--uph-surface-strong);
}

@media (hover: hover) and (pointer: fine) {
  .uawork-profile-hub__role-options input:not(:checked) + span:hover {
    background: var(--uph-surface-strong);
    border-color: var(--uph-border-strong);
  }
}

.uawork-profile-hub__role-options input:focus-visible + span,
.uawork-profile-hub__skill-options input:focus-visible + span,
.uawork-profile-hub input:focus-visible,
.uawork-profile-hub select:focus-visible,
.uawork-profile-hub textarea:focus-visible,
.uawork-profile-hub__button:focus-visible,
.uawork-profile-hub__text-link:focus-visible,
.uawork-profile-hub__checklist a:focus-visible {
  outline: 3px solid var(--uph-focus);
  outline-offset: 2px;
}

.uawork-profile-hub__field-grid {
  display: grid;
  gap: var(--uph-space-5);
  grid-template-columns: minmax(0, 1fr);
  margin-top: var(--uph-space-6);
}

.uawork-profile-hub__field {
  display: block;
  min-width: 0;
}

.uawork-profile-hub__field--wide {
  margin-top: var(--uph-space-5);
}

.uawork-profile-hub input[type='text'],
.uawork-profile-hub select,
.uawork-profile-hub textarea {
  background: var(--uph-paper);
  border: 1px solid var(--uph-border-strong);
  border-radius: var(--uph-radius-sm);
  color: var(--uph-ink);
  font: inherit;
  min-height: 44px;
  outline: 2px solid transparent;
  outline-offset: 1px;
  padding: 10px 12px;
  transition: background-color var(--uph-dur-short) var(--uph-ease-out), border-color var(--uph-dur-short) var(--uph-ease-out);
  width: 100%;
}

.uawork-profile-hub select[multiple] {
  min-height: 126px;
  padding: var(--uph-space-2);
}

.uawork-profile-hub textarea {
  line-height: 1.55;
  min-height: 148px;
  resize: vertical;
}

@media (hover: hover) and (pointer: fine) {
  .uawork-profile-hub input[type='text']:hover,
  .uawork-profile-hub select:hover,
  .uawork-profile-hub textarea:hover {
    background: var(--uph-surface);
  }
}

.uawork-profile-hub input[type='text']:focus-visible,
.uawork-profile-hub select:focus-visible,
.uawork-profile-hub textarea:focus-visible {
  border-color: var(--uph-ink);
}

.uawork-profile-hub input.is-invalid,
.uawork-profile-hub input[aria-invalid='true'],
.uawork-profile-hub textarea.is-invalid,
.uawork-profile-hub textarea[aria-invalid='true'],
.uawork-profile-hub select.is-invalid {
  background: var(--uph-danger-surface);
  border-color: var(--uph-danger);
}

.uawork-profile-hub input:disabled,
.uawork-profile-hub select:disabled,
.uawork-profile-hub textarea:disabled,
.uawork-profile-hub__button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.uawork-profile-hub__field small,
.uawork-profile-hub__skills > p,
.uawork-profile-hub__work-note {
  color: var(--uph-muted);
  display: block;
  font-size: 0.78rem;
  line-height: 1.45;
  margin: var(--uph-space-2) 0 0;
  min-height: 1lh;
}

.uawork-profile-hub__skill-options {
  display: grid;
  gap: var(--uph-space-2);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.uawork-profile-hub__skill-options span {
  align-items: center;
  background: var(--uph-surface);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-sm);
  color: var(--uph-ink);
  cursor: pointer;
  display: flex;
  font-size: 0.84rem;
  min-height: 44px;
  padding: var(--uph-space-2) var(--uph-space-3);
  transition: background-color var(--uph-dur-short) var(--uph-ease-out), border-color var(--uph-dur-short) var(--uph-ease-out), color var(--uph-dur-short) var(--uph-ease-out);
}

.uawork-profile-hub__skill-options input:checked + span {
  background: var(--uph-accent-surface);
  border-color: var(--uph-accent);
  color: var(--uph-accent-hover);
  font-weight: 700;
}

.uawork-profile-hub__skill-options input:not(:disabled):active + span {
  background: var(--uph-surface-strong);
}

@media (hover: hover) and (pointer: fine) {
  .uawork-profile-hub__skill-options input:not(:checked) + span:hover {
    background: var(--uph-surface-strong);
  }
}

.uawork-profile-hub__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--uph-space-4);
  margin-top: var(--uph-space-6);
}

.uawork-profile-hub__actions .uawork-profile-hub__text-link {
  white-space: nowrap;
}

.uawork-profile-hub__button {
  align-items: center;
  background: var(--uph-accent);
  border: 1px solid var(--uph-accent);
  border-radius: var(--uph-radius-sm);
  color: var(--uph-accent-ink);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  padding: 10px var(--uph-space-4);
  text-decoration: none;
  transition: background-color var(--uph-dur-short) var(--uph-ease-out), transform var(--uph-dur-micro) var(--uph-ease-out);
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .uawork-profile-hub__button:not(:disabled):hover {
    background: var(--uph-accent-hover);
    transform: translateY(-1px);
  }
}

.uawork-profile-hub__button:not(:disabled):active {
  transform: translateY(1px);
}

.uawork-profile-hub__button.is-loading {
  background: var(--uph-ink);
}

.uawork-profile-hub__button--quiet {
  background: var(--uph-paper);
  border-color: var(--uph-border-strong);
  color: var(--uph-ink);
  margin-top: var(--uph-space-4);
}

.uawork-profile-hub__button--quiet:hover {
  background: var(--uph-surface-strong);
}

.uawork-profile-hub__form-status {
  color: var(--uph-muted);
  font-size: 0.84rem;
  font-weight: 650;
  min-height: 1lh;
}

.uawork-profile-hub__form-status.is-success {
  color: var(--uph-success);
}

.uawork-profile-hub__form-status.is-error {
  color: var(--uph-danger);
}

.uawork-profile-hub__aside {
  display: grid;
  gap: var(--uph-space-6);
  min-width: 0;
}

.uawork-profile-hub__checklist,
.uawork-profile-hub__work-state {
  padding: var(--uph-space-5);
}

.uawork-profile-hub__checklist ol {
  display: grid;
  gap: var(--uph-space-3);
  list-style: none;
  margin: var(--uph-space-5) 0 0;
  padding: 0;
}

.uawork-profile-hub__checklist li {
  align-items: center;
  display: grid;
  gap: var(--uph-space-3);
  grid-template-columns: 22px minmax(0, 1fr);
}

.uawork-profile-hub__checklist li > span {
  align-items: center;
  background: var(--uph-surface-strong);
  border: 1px solid var(--uph-border);
  border-radius: 50%;
  color: var(--uph-muted);
  display: inline-flex;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  line-height: 1;
  width: 22px;
}

.uawork-profile-hub__checklist li.is-complete > span {
  background: var(--uph-success-surface);
  border-color: var(--uph-success);
  color: var(--uph-success);
}

.uawork-profile-hub__checklist a {
  color: var(--uph-ink);
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none;
}

.uawork-profile-hub__checklist a:hover {
  color: var(--uph-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.uawork-profile-hub__work-head {
  align-items: center;
  display: flex;
  gap: var(--uph-space-2);
  justify-content: space-between;
}

.uawork-profile-hub__work-head > span {
  align-items: center;
  border: 1px solid var(--uph-border-strong);
  border-radius: 50%;
  color: var(--uph-muted);
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.uawork-profile-hub__metric,
.uawork-profile-hub__fact {
  align-items: center;
  display: grid;
  font-size: 0.88rem;
  gap: var(--uph-space-3);
  grid-template-columns: minmax(0, 1fr) minmax(72px, 1fr) auto;
  margin-top: var(--uph-space-4);
}

.uawork-profile-hub__metric > span,
.uawork-profile-hub__fact > span {
  color: var(--uph-ink);
}

.uawork-profile-hub__metric > div {
  background: var(--uph-track);
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.uawork-profile-hub__metric i {
  background: var(--uph-success);
  border-radius: inherit;
  display: block;
  height: 100%;
  inline-size: var(--uph-meter);
  min-inline-size: 0;
}

.uawork-profile-hub__metric i.is-empty {
  background: var(--uph-border-strong);
}

.uawork-profile-hub__metric strong,
.uawork-profile-hub__fact strong {
  color: var(--uph-ink);
  font-variant-numeric: tabular-nums;
  text-align: end;
  white-space: nowrap;
}

.uawork-profile-hub__fact {
  border-top: 1px solid var(--uph-border);
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: var(--uph-space-4);
}

.uawork-profile-hub__fact strong.is-status {
  border-radius: 999px;
  font-size: 0.75rem;
  padding: var(--uph-space-1) var(--uph-space-2);
}

.uawork-profile-hub__fact strong.is-preparing,
.uawork-profile-hub__fact strong.is-ready_for_verification {
  background: var(--uph-accent-surface);
  color: var(--uph-accent-hover);
}

.uawork-profile-hub__fact strong.is-pending,
.uawork-profile-hub__fact strong.is-needs_info,
.uawork-profile-hub__fact strong.is-rejected {
  background: var(--uph-warning-surface);
  color: var(--uph-warning);
}

.uawork-profile-hub__fact strong.is-verified {
  background: var(--uph-success-surface);
  color: var(--uph-success);
}

.uawork-profile-hub-nav-item > a {
  align-items: center;
  display: flex !important;
  gap: var(--uph-nav-space-2);
  justify-content: space-between;
}

.uawork-profile-hub-nav-item__value {
  background: var(--uph-nav-accent-surface);
  border-radius: 999px;
  color: var(--uph-nav-accent-ink);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: var(--uph-nav-space-1) var(--uph-nav-space-2);
}

@media (min-width: 40rem) {
  .uawork-profile-hub {
    padding-inline: var(--uph-space-6);
  }

  .uawork-profile-hub__hero {
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  }

  .uawork-profile-hub__role-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .uawork-profile-hub__field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 62rem) {
  .uawork-profile-hub__layout {
    align-items: start;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  }
}

@media (max-width: 24rem) {
  .uawork-profile-hub {
    padding-inline: var(--uph-space-2);
  }

  .uawork-profile-hub__hero,
  .uawork-profile-hub__editor,
  .uawork-profile-hub__checklist,
  .uawork-profile-hub__work-state {
    padding: var(--uph-space-4);
  }

  .uawork-profile-hub__progress {
    grid-template-columns: minmax(0, 1fr);
  }

  .uawork-profile-hub__metric {
    gap: var(--uph-space-2);
    grid-template-columns: minmax(0, 1fr) minmax(56px, 0.8fr) auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uawork-profile-hub *,
  .uawork-profile-hub *::before,
  .uawork-profile-hub *::after {
    animation-duration: 150ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 150ms !important;
  }
}

/* Embedded My Profile layout. The plugin is mounted beside, never inside, the native profile card. */
body.uawork-profile-hub-active .mjob-profile-page .uawork-profile-hub--embedded {
  margin: 0 0 var(--uph-space-6);
  max-width: none;
  padding: 0;
}

.uawork-profile-hub--embedded h3 {
  color: var(--uph-ink);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.25;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.uawork-profile-hub__embedded-heading {
  align-items: start;
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-lg);
  box-shadow: var(--uph-shadow);
  display: flex;
  flex-wrap: wrap;
  gap: var(--uph-space-4);
  justify-content: space-between;
  margin-bottom: var(--uph-space-4);
  padding: var(--uph-space-5);
}

.uawork-profile-hub__embedded-heading > div {
  min-width: 0;
}

.uawork-profile-hub__embedded-heading p,
.uawork-profile-hub__professional-head p {
  color: var(--uph-muted);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: var(--uph-space-2) 0 0;
  max-width: 60ch;
}

.uawork-profile-hub__progress-chip {
  align-items: center;
  background: var(--uph-accent-surface);
  border-radius: 999px;
  color: var(--uph-accent-hover);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  gap: var(--uph-space-1);
  line-height: 1;
  padding: var(--uph-space-2) var(--uph-space-3);
  white-space: nowrap;
}

.uawork-profile-hub__profile-grid {
  display: grid;
  gap: var(--uph-space-4);
  grid-template-columns: minmax(0, 1fr);
}

.uawork-profile-hub__readiness {
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-lg);
  box-shadow: var(--uph-shadow);
  padding: var(--uph-space-5);
}

.uawork-profile-hub__readiness-top {
  align-items: center;
  display: grid;
  gap: var(--uph-space-4);
  grid-template-columns: auto minmax(0, 1fr);
}

.uawork-profile-hub__readiness .uawork-profile-hub__progress-ring {
  height: 92px;
  width: 92px;
}

.uawork-profile-hub__readiness .uawork-profile-hub__progress-ring::before {
  inset: 8px;
}

.uawork-profile-hub__readiness .uawork-profile-hub__progress-ring strong {
  font-size: 1.25rem;
}

.uawork-profile-hub__embedded-next {
  color: var(--uph-muted);
  font-size: 0.875rem;
  line-height: 1.5;
  margin: var(--uph-space-2) 0 0;
}

.uawork-profile-hub__embedded-next > span {
  color: var(--uph-muted);
  font-size: 0.75rem;
  font-weight: 700;
  margin-inline-end: var(--uph-space-1);
}

.uawork-profile-hub__embedded-next a,
.uawork-profile-hub__micro-checklist a {
  color: var(--uph-accent);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.uawork-profile-hub__embedded-next a:active,
.uawork-profile-hub__micro-checklist a:active {
  color: var(--uph-accent-hover);
}

.uawork-profile-hub__embedded-next.is-complete {
  color: var(--uph-success);
  font-weight: 700;
}

.uawork-profile-hub__micro-checklist {
  display: grid;
  gap: var(--uph-space-2);
  list-style: none;
  margin: var(--uph-space-5) 0 0;
  padding: 0;
}

.uawork-profile-hub__micro-checklist li {
  align-items: center;
  display: grid;
  gap: var(--uph-space-2);
  grid-template-columns: 8px minmax(0, 1fr);
}

.uawork-profile-hub__micro-checklist li > span {
  background: var(--uph-warning);
  border-radius: 50%;
  display: block;
  height: 8px;
  width: 8px;
}

.uawork-profile-hub__micro-checklist a {
  font-size: 0.875rem;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}

.uawork-profile-hub__metric-note {
  color: var(--uph-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  margin: var(--uph-space-2) 0 0;
}

.uawork-profile-hub__customer-state p {
  color: var(--uph-muted);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: var(--uph-space-3) 0 0;
}

.uawork-profile-hub__professional {
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-lg);
  box-shadow: var(--uph-shadow);
  margin-top: var(--uph-space-4);
  padding: var(--uph-space-5);
}

.uawork-profile-hub__professional-head {
  border-bottom: 1px solid var(--uph-border);
  display: grid;
  gap: var(--uph-space-3);
  grid-template-columns: minmax(0, 1fr);
  padding-bottom: var(--uph-space-5);
}

.uawork-profile-hub__professional-head > p {
  background: var(--uph-warning-surface);
  border-radius: var(--uph-radius-sm);
  color: var(--uph-warning);
  font-size: 0.875rem;
  margin: 0;
  padding: var(--uph-space-3);
}

.uawork-profile-hub__field-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.uawork-profile-hub__work-state .uawork-profile-hub__text-link {
  display: inline-block;
  margin-top: var(--uph-space-4);
  white-space: nowrap;
}

.uawork-profile-hub--embedded a:focus-visible {
  outline: 3px solid var(--uph-focus);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .uawork-profile-hub__embedded-next a:hover,
  .uawork-profile-hub__micro-checklist a:hover {
    color: var(--uph-accent-hover);
  }
}

@media (min-width: 48rem) {
  .uawork-profile-hub__profile-grid {
    grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
  }

  .uawork-profile-hub__professional-head {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr);
  }
}

.uawork-profile-hub__public-summary {
  background: var(--uph-paper);
  border: 1px solid var(--uph-border);
  border-radius: var(--uph-radius-md);
  box-shadow: var(--uph-shadow);
  color: var(--uph-ink);
  margin: var(--uph-space-4) 0;
  max-width: 65ch;
  padding: var(--uph-space-4);
}

.uawork-profile-hub__public-summary-head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--uph-space-2);
  justify-content: space-between;
}

.uawork-profile-hub__public-summary-head > span {
  color: var(--uph-ink);
  font-size: 0.875rem;
  font-weight: 700;
}

.uawork-profile-hub__public-summary-head > strong {
  background: var(--uph-success-surface);
  border-radius: 999px;
  color: var(--uph-success);
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  padding: var(--uph-space-2) var(--uph-space-3);
  white-space: nowrap;
}

.uawork-profile-hub__public-summary p {
  color: var(--uph-muted);
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: var(--uph-space-2) 0 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.uawork-profile-hub__public-summary ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uph-space-2);
  list-style: none;
  margin: var(--uph-space-3) 0 0;
  padding: 0;
}

.uawork-profile-hub__public-summary li {
  background: var(--uph-accent-surface);
  border-radius: 999px;
  color: var(--uph-accent-hover);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  padding: var(--uph-space-2) var(--uph-space-3);
  white-space: nowrap;
}