.profile-header nav button {
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font-weight: 700;
  cursor: pointer;
}
.profile-shell {
  min-height: calc(100vh - 140px);
  padding: clamp(28px, 6vw, 74px) 22px 80px;
  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(109, 87, 214, 0.11),
      transparent 28%
    ),
    radial-gradient(
      circle at 92% 86%,
      rgba(31, 157, 136, 0.1),
      transparent 26%
    ),
    var(--bg);
}
.talent-referral-invitation {
  max-width: 1080px;
  margin: 0 auto 22px;
  padding: clamp(20px, 4vw, 30px);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 24px;
  border: 1px solid #cfc7f6;
  border-radius: 20px;
  background:
    radial-gradient(circle at 0 0, rgba(109, 87, 214, 0.12), transparent 42%),
    #fff;
  box-shadow: 0 14px 42px rgba(46, 34, 102, 0.1);
}
.talent-referral-invitation h2 {
  margin: 7px 0 8px;
  color: var(--navy);
  font-size: clamp(23px, 3vw, 32px);
  letter-spacing: -0.025em;
}
.talent-referral-invitation-copy p,
.talent-referral-invitation-copy small,
.talent-referral-invitation-action p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.talent-referral-invitation-copy small {
  display: block;
  margin-top: 10px;
}
.talent-referral-invitation-action {
  display: grid;
  align-content: start;
  gap: 10px;
}
.talent-referral-invitation-action details {
  padding: 11px 13px;
  border: 1px solid #e0dcef;
  border-radius: 11px;
  background: #fbfaff;
}
.talent-referral-invitation-action summary {
  color: #594bb2;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.talent-referral-invitation-action details p {
  margin-top: 9px;
}
.talent-referral-invitation-action .community-consent {
  margin-top: 0;
}
.talent-referral-invitation-action .primary {
  width: 100%;
  justify-content: center;
}
.talent-referral-invitation-action .primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.talent-referral-invitation-action .text-button {
  justify-self: start;
  font-size: 11px;
}
.access-layout {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.8fr);
  align-items: center;
  gap: clamp(36px, 7vw, 90px);
}
.access-copy h1,
.candidate-welcome h1 {
  margin: 11px 0 16px;
  color: var(--navy);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}
.access-copy p,
.candidate-welcome p {
  max-width: 650px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}
.access-copy ul {
  margin: 25px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
  list-style: none;
}
.access-copy li {
  color: #4d5574;
  font-size: 14px;
}
.access-copy li::before {
  content: "✓";
  margin-right: 10px;
  color: var(--mint);
  font-weight: 700;
}
.access-card,
.candidate-panel,
.candidate-welcome {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow);
}
.access-card {
  padding: clamp(24px, 4vw, 38px);
}
.access-card h2 {
  margin: 13px 0 8px;
  color: var(--navy);
  font-size: 27px;
}
.access-card p {
  margin: 0 0 22px;
  color: var(--muted);
  line-height: 1.55;
}
.access-card form {
  display: grid;
  gap: 14px;
}
.access-icon {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  background: #efedff;
  color: var(--purple);
  font-size: 22px;
}
.access-privacy {
  display: block;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  line-height: 1.5;
}
.text-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--purple);
  font-weight: 700;
  cursor: pointer;
}
.profile-feedback:empty {
  display: none;
}
.profile-feedback {
  max-width: 1220px;
  margin: 14px auto;
  padding: 13px 15px;
  border-radius: 11px;
  background: #edf9f5;
  color: #176b56;
  font-size: 13px;
}
.profile-feedback.error {
  background: #fff0f1;
  color: var(--danger);
}
#candidate-area {
  max-width: 1220px;
  margin: 0 auto;
}
.candidate-welcome {
  padding: clamp(25px, 4vw, 42px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.candidate-welcome h1 {
  margin: 8px 0;
  font-size: clamp(31px, 4vw, 48px);
}
.candidate-welcome p {
  margin: 0;
  font-size: 15px;
}
.profile-maintenance-summary {
  width: min(530px, 48%);
  flex: none;
  display: grid;
  grid-template-columns: minmax(150px, 0.72fr) minmax(250px, 1fr);
  gap: 12px;
}
.completion-card {
  padding: 18px;
  border-radius: 15px;
  background: #f5f4fc;
}
.completion-card span,
.completion-card strong {
  display: block;
}
.completion-card span {
  color: var(--muted);
  font-size: 11px;
}
.completion-card strong {
  margin: 5px 0 11px;
  color: var(--navy);
  font-size: 27px;
}
.completion-card > div {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e3ee;
}
.completion-card i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--purple), var(--mint));
}
.completion-card small {
  display: block;
  margin-top: 11px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.profile-update-card {
  padding: 17px;
  border: 1px solid #dfdbef;
  border-radius: 15px;
  background: #fff;
}
.profile-update-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.profile-update-heading span,
.profile-update-card small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.profile-update-heading div > strong {
  display: block;
  margin-top: 3px;
  color: var(--navy);
  font-size: 13px;
}
#profile-update-score {
  color: var(--purple);
  font-size: 18px;
  white-space: nowrap;
}
.profile-update-progress {
  height: 6px;
  margin: 12px 0 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #eceaf2;
}
.profile-update-progress i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--purple);
  transition: width 180ms ease;
}
.profile-update-card.current .profile-update-progress i {
  background: var(--mint);
}
.profile-update-card.review_due .profile-update-progress i {
  background: #d58b2b;
}
.profile-update-card.outdated .profile-update-progress i,
.profile-update-card.not_started .profile-update-progress i {
  background: #b94d59;
}
.profile-update-card p {
  margin: 0 0 5px;
  color: #55506a;
  font-size: 10px;
  line-height: 1.45;
}
.profile-update-card .outline {
  width: 100%;
  margin-top: 12px;
  padding: 9px 10px;
  font-size: 10px;
}
.profile-update-card .profile-update-safety {
  margin-top: 8px;
}
.profile-update-reminder {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #ece8f3;
}
.profile-update-reminder summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--purple);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.profile-update-reminder summary::-webkit-details-marker {
  display: none;
}
.profile-update-reminder summary::after {
  content: "+";
  font-size: 15px;
  line-height: 1;
}
.profile-update-reminder[open] summary::after {
  content: "−";
}
#profile-update-reminder-state {
  margin-left: auto;
  color: var(--muted);
  font-size: 9px;
}
#profile-update-reminder-state.active {
  color: #176b56;
}
#profile-update-reminder-form {
  margin-top: 11px;
  display: grid;
  gap: 9px;
}
#profile-update-reminder-form .toggle-row,
#profile-update-reminder-form .consent-row {
  padding: 10px;
  gap: 8px;
  font-size: 10px;
}
#profile-update-reminder-form .field {
  margin: 0;
}
#profile-update-reminder-form .field span {
  font-size: 9px;
}
#profile-update-reminder-form select {
  min-height: 36px;
  padding: 7px 9px;
  font-size: 10px;
}
#profile-update-reminder-form .primary {
  min-height: 36px;
  padding: 8px 10px;
  font-size: 10px;
}
.profile-update-reminder-next {
  color: var(--muted);
}
#profile-update-reminder-feedback:not(:empty) {
  color: #176b56;
  font-weight: 700;
}
#profile-update-reminder-feedback.error {
  color: #a33b3b;
}
.contact-field-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.contact-status {
  padding: 4px 7px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #f0eef5;
  color: #655f70;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.contact-status.verified,
.contact-status.valid {
  background: #e5f7f0;
  color: #176b56;
}
.contact-status.invalid {
  background: #fdecec;
  color: #a53f46;
}
#phone-contact-help {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}
.candidate-tabs {
  margin: 22px 0;
  padding: 7px;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
}
.candidate-tabs button {
  min-height: 42px;
  padding: 10px 18px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.candidate-tabs button[aria-selected="true"] {
  background: #eeecff;
  color: var(--purple);
}
.tab-count {
  min-width: 20px;
  margin-left: 5px;
  padding: 3px 6px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--purple);
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.candidate-panel {
  padding: clamp(22px, 4vw, 38px);
}
.candidate-panel > header,
.repeat-section > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.candidate-panel h2 {
  margin: 7px 0;
  color: var(--navy);
  font-size: 28px;
}
.candidate-panel header p {
  margin: 0;
  color: var(--muted);
}
.application-list {
  margin-top: 26px;
  display: grid;
  gap: 13px;
}
.application-group + .application-group {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.application-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.application-group-heading h3,
.application-group > p {
  margin: 0;
}
.application-group-heading h3 {
  color: var(--navy);
  font-size: 17px;
}
.application-group-heading span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #f0eef8;
  color: #645d71;
  font-size: 10px;
  font-weight: 700;
}
.application-group > p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}
.application-group-list {
  margin-top: 12px;
  display: grid;
  gap: 13px;
}
.application-card {
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  border: 1px solid var(--line);
  border-radius: 15px;
}
.application-card h3 {
  margin: 3px 0 6px;
  color: var(--navy);
  font-size: 18px;
}
.application-card p,
.application-card small {
  margin: 0;
  color: var(--muted);
}
.application-card .company-name {
  color: var(--purple);
  font-size: 12px;
  font-weight: 700;
}
.application-status {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.application-status span {
  padding: 5px 9px;
  border-radius: 999px;
  background: #edf9f5;
  color: #176b56;
  font-size: 11px;
  font-weight: 700;
}
.application-card .primary {
  align-self: center;
  text-decoration: none;
  text-align: center;
}
.saved-compare-choice {
  width: fit-content;
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4e4478;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.saved-compare-choice input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--purple);
}
.saved-compare-choice:has(input:disabled) {
  color: var(--muted);
  cursor: not-allowed;
}
.saved-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.saved-comparison {
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.saved-comparison > header {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.saved-comparison h3 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 21px;
}
.saved-comparison header p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.saved-comparison-grid {
  display: grid;
  grid-template-columns: repeat(var(--comparison-columns), minmax(0, 1fr));
  gap: 12px;
}
.saved-comparison-card {
  min-width: 0;
  padding: 18px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd7f2;
  border-radius: 17px;
  background: linear-gradient(180deg, #fbfaff 0, #fff 110px);
}
.saved-comparison-card header {
  min-height: 73px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
.saved-comparison-card h4 {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.3;
}
.saved-comparison-card .company-name {
  color: var(--purple);
  font-size: 11px;
  font-weight: 700;
}
.saved-comparison-card dl {
  margin: 0 0 16px;
  flex: 1;
}
.comparison-condition {
  min-height: 64px;
  padding: 11px 0;
  border-bottom: 1px solid #eeebf4;
}
.comparison-condition dt {
  margin-bottom: 4px;
  color: #756d80;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.comparison-condition dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #352f40;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}
.comparison-condition.published dd {
  color: #176b56;
}
.comparison-condition.not-published dd {
  color: #777180;
  font-weight: 500;
}
.saved-comparison-card .outline {
  width: 100%;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}
.comparison-disclaimer {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
}
.job-alerts,
.job-recommendations {
  margin-top: 28px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfaff 0%, #f7fbfa 100%);
}
.job-alerts > header,
.job-recommendations > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.job-alerts h3,
.job-recommendations h3 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 21px;
}
.job-alerts header p,
.job-recommendations header p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.job-alerts-state {
  padding: 7px 10px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eeebf3;
  color: #6b6474;
  font-size: 11px;
  font-weight: 800;
}
.job-alerts-state.active {
  background: #e5f7f0;
  color: #176b56;
}
.job-alerts-form {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.job-alerts-form .full,
.job-alert-actions {
  grid-column: 1 / -1;
}
.job-alerts-form .field {
  margin: 0;
}
.job-alerts-form .field small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
}
.job-alert-work-models {
  min-width: 0;
  margin: 0;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 13px;
}
.job-alert-work-models legend {
  padding: 0 5px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 700;
}
.job-alert-work-models label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #4d5574;
  font-size: 12px;
  font-weight: 700;
}
.job-alert-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.push-notifications {
  margin-top: 20px;
  padding-top: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);
  gap: 22px;
  border-top: 1px solid var(--line);
}
.push-notifications h4 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 17px;
}
.push-notifications p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.push-device-state {
  margin-top: 9px !important;
  color: #5d537f !important;
  font-weight: 750;
}
.push-notification-controls,
.push-notification-actions {
  display: grid;
  gap: 10px;
}
.push-notification-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.push-notification-actions > * {
  justify-content: center;
}
#push-feedback.error {
  color: #a23e4a;
}
.job-alert-actions p {
  margin: 0;
  color: #176b56;
  font-size: 12px;
  font-weight: 700;
}
.job-alert-actions p.error {
  color: #a33b3b;
}
.job-recommendations {
  background: #fff;
}
.job-recommendations-list {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.candidate-portfolio-card {
  margin-top: 28px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfaff 0%, #f7fbfa 100%);
}
.candidate-portfolio-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.candidate-portfolio-card h3 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 21px;
}
.candidate-portfolio-card header p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.candidate-portfolio-count {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  color: #59439d;
  background: #eee9ff;
  font-size: 11px;
  font-weight: 800;
}
.candidate-portfolio-list {
  margin: 18px 0 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.candidate-portfolio-list .empty-profile {
  grid-column: 1 / -1;
}
.candidate-portfolio-item {
  min-width: 0;
  padding: 16px;
  border: 1px solid #ded8ed;
  border-radius: 14px;
  background: #fff;
  display: grid;
  align-content: start;
  gap: 12px;
}
.candidate-portfolio-item-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.candidate-portfolio-item-heading h4 {
  margin: 4px 0;
  color: var(--navy);
  font-size: 16px;
}
.candidate-portfolio-item-heading small,
.candidate-portfolio-item > p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.candidate-portfolio-item > p {
  margin: 0;
}
.candidate-portfolio-kind {
  color: var(--purple);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.candidate-portfolio-item-controls {
  display: flex;
  gap: 7px;
}
.candidate-portfolio-item-controls button {
  padding: 5px;
  font-size: 10px;
}
.candidate-portfolio-item-controls .danger {
  color: var(--danger);
}
.candidate-portfolio-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.candidate-portfolio-skills span {
  padding: 4px 7px;
  border-radius: 999px;
  color: #5c4998;
  background: #f1edff;
  font-size: 9px;
  font-weight: 700;
}
.candidate-portfolio-item > .outline,
#portfolio-add {
  justify-self: start;
  text-decoration: none;
}
.candidate-portfolio-form {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid #d8d0ec;
  border-radius: 14px;
  background: #fff;
}
.candidate-portfolio-form .profile-grid {
  margin-top: 0;
}
.candidate-portfolio-form .field small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}
.candidate-portfolio-notice {
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #e1dcee;
  border-radius: 11px;
  color: #514968;
  background: #faf9fd;
}
.candidate-portfolio-notice summary {
  color: var(--navy);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.candidate-portfolio-notice p {
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.55;
}
.candidate-portfolio-consent {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid #dcd6e9;
  border-radius: 11px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #45405a;
  font-size: 12px;
  line-height: 1.45;
}
.candidate-portfolio-consent input {
  margin-top: 2px;
}
#portfolio-feedback {
  min-height: 18px;
  margin: 10px 0 0;
  color: var(--danger);
  font-size: 11px;
}
.candidate-portfolio-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}
.candidate-portfolio-form-actions .primary:disabled {
  opacity: 0.48;
  cursor: not-allowed;
  box-shadow: none;
}
.availability-reminder-card {
  margin-top: 28px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfaff 0%, #f6fbf9 100%);
}
.availability-reminder-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.availability-reminder-card h3 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 21px;
}
.availability-reminder-card header p,
.availability-reminder-next {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.availability-reminder-card header p {
  max-width: 680px;
  font-size: 13px;
}
.availability-reminder-form {
  margin-top: 20px;
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) minmax(180px, 0.5fr);
  gap: 14px;
}
.availability-reminder-form .field {
  margin: 0;
}
.availability-reminder-form .full {
  grid-column: 1 / -1;
}
.availability-reminder-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.availability-reminder-actions p {
  margin: 0;
  color: #176b56;
  font-size: 12px;
  font-weight: 700;
}
.availability-reminder-actions p.error {
  color: #a33b3b;
}
.availability-reminder-actions .outline {
  min-height: 42px;
  white-space: normal;
  font-size: 12px;
  line-height: 1.25;
}
.availability-reminder-next {
  padding-top: 2px;
}
.job-recommendation-card {
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  border: 1px solid #e3dff0;
  border-radius: 15px;
}
.job-recommendation-card .company-name {
  color: var(--purple);
  font-size: 11px;
  font-weight: 800;
}
.job-recommendation-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.job-recommendation-label {
  padding: 5px 8px;
  border-radius: 999px;
  color: #176b56;
  background: #eaf8f3;
  font-size: 9px;
  font-weight: 800;
  text-align: right;
}
.job-recommendation-card h4 {
  margin: 4px 0 5px;
  color: var(--navy);
  font-size: 16px;
}
.job-recommendation-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.job-recommendation-summary {
  display: block;
  margin-top: 8px;
  color: #555e7c;
  font-size: 11px;
  line-height: 1.45;
}
.job-recommendation-reasons {
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
}
.job-recommendation-reasons li {
  padding: 5px 8px;
  border-radius: 999px;
  background: #eaf8f3;
  color: #176b56;
  font-size: 10px;
  font-weight: 700;
}
.job-recommendation-differences {
  margin-top: 10px;
  color: #73551d;
  font-size: 10px;
}
.job-recommendation-differences summary {
  font-weight: 800;
  cursor: pointer;
}
.job-recommendation-differences ul {
  margin: 7px 0 0;
  padding-left: 18px;
  line-height: 1.5;
}
.viewed-jobs {
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.viewed-jobs > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.viewed-jobs h3 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 21px;
}
.viewed-jobs header p,
.viewed-jobs-retention {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.viewed-jobs-list {
  margin-top: 15px;
  display: grid;
  gap: 10px;
}
.viewed-job-card {
  padding: 16px 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}
.viewed-job-card .company-name {
  color: var(--purple);
  font-size: 11px;
  font-weight: 700;
}
.viewed-job-card h4 {
  margin: 3px 0 4px;
  color: var(--navy);
  font-size: 16px;
}
.viewed-job-card p,
.viewed-job-card small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.viewed-job-card small {
  display: block;
  margin-top: 6px;
  font-size: 10px;
}
.viewed-job-card .outline {
  text-decoration: none;
  white-space: nowrap;
}
.viewed-jobs-retention {
  margin-top: 12px;
  font-size: 10px;
}
.talent-communities {
  margin-top: 24px;
  padding: clamp(18px, 3vw, 24px);
  border: 1px solid #ded9f2;
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfaff 0%, #f6fbf9 100%);
}
.talent-communities > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.talent-communities h3 {
  margin: 5px 0;
  color: var(--navy);
  font-size: 21px;
}
.talent-communities header p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.community-count {
  padding: 7px 10px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eeebf8;
  color: #5d4dc0;
  font-size: 11px;
  font-weight: 800;
}
.community-count.limit {
  background: #fff2d9;
  color: #8a5711;
}
.talent-communities-list {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.professional-resources {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #ded9eb;
}
.professional-resources > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.professional-resources h4 {
  margin: 4px 0;
  color: var(--navy);
  font-size: 17px;
}
.professional-resources > header p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.professional-resource-filters {
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  padding: 4px;
  border: 1px solid #ded9eb;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.8);
}
.professional-resource-filters button {
  min-height: 32px;
  padding: 6px 9px;
  color: var(--muted);
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}
.professional-resource-filters button.active {
  color: #5140b2;
  background: #eeeafd;
}
.professional-resources-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.professional-resource-card {
  display: flex;
  min-width: 0;
  min-height: 230px;
  padding: 15px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #e2deeb;
  border-radius: 14px;
  background: #fff;
}
.professional-resource-card.is-event {
  border-color: #cfe8df;
  background: linear-gradient(145deg, #fff 35%, #f3fbf8 100%);
}
.professional-resource-top,
.professional-resource-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 9px;
}
.professional-resource-kind,
.professional-resource-format {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.professional-resource-kind {
  color: #5440bc;
  background: #eeeafd;
}
.is-event .professional-resource-kind {
  color: #087159;
  background: #e5f7f1;
}
.professional-resource-format {
  color: #6e687a;
  background: #f2f0f5;
}
.professional-resource-card h5 {
  margin: 12px 0 6px;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.35;
}
.professional-resource-summary {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.professional-resource-meta {
  margin-top: 11px;
  color: #777184;
  font-size: 9px;
  line-height: 1.4;
}
.professional-resource-card .outline {
  width: 100%;
  min-height: 38px;
  margin-top: auto;
  justify-content: center;
  text-decoration: none;
}
.professional-resources-empty {
  grid-column: 1 / -1;
  padding: 24px;
  color: var(--muted);
  text-align: center;
  border: 1px dashed #d8d3e2;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
}
.professional-resources-empty strong {
  display: block;
  color: var(--navy);
  font-size: 13px;
}
.professional-resources-empty p {
  margin: 5px 0 0;
  font-size: 11px;
}
.professional-resources-footnote {
  margin: 11px 0 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.talent-referrals {
  margin-top: 18px;
  border: 1px solid #dcd6ef;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
}
.talent-referrals > summary {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  list-style: none;
}
.talent-referrals > summary::-webkit-details-marker {
  display: none;
}
.talent-referrals > summary::before {
  content: "+";
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #eeeafd;
  color: #5b47c4;
  font-weight: 900;
}
.talent-referrals[open] > summary::before {
  content: "−";
}
.talent-referrals > summary > span:first-of-type {
  min-width: 0;
  margin-right: auto;
}
.talent-referrals > summary strong,
.talent-referrals > summary small {
  display: block;
}
.talent-referrals > summary strong {
  color: var(--navy);
  font-size: 13px;
}
.talent-referrals > summary small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}
.talent-referrals-body {
  padding: 0 16px 17px;
  border-top: 1px solid #ebe7f3;
}
.talent-referrals-intro {
  margin: 14px 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.talent-referral-fields {
  display: grid;
  grid-template-columns: 1.15fr 1fr 0.65fr;
  gap: 10px;
}
.talent-referral-create-form .primary,
#talent-referral-create-form > .primary {
  margin-top: 12px;
}
#talent-referral-create-form > .primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.talent-referral-created-link {
  margin-top: 14px;
  padding: 12px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #bfe5d8;
  border-radius: 12px;
  background: #eefaf6;
}
.talent-referral-created-link strong,
.talent-referral-created-link small {
  display: block;
}
.talent-referral-created-link strong {
  color: #176b56;
  font-size: 12px;
}
.talent-referral-created-link small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}
.talent-referrals-list {
  margin-top: 15px;
  display: grid;
  gap: 8px;
}
.talent-referral-row {
  padding: 11px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #e5e1ed;
  border-radius: 11px;
  background: #fff;
}
.talent-referral-row strong,
.talent-referral-row small {
  display: block;
}
.talent-referral-row strong {
  color: var(--navy);
  font-size: 11px;
}
.talent-referral-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}
.talent-referral-status {
  display: inline-flex;
  margin-top: 5px;
  padding: 4px 7px;
  border-radius: 999px;
  background: #f0edf8;
  color: #6257a4;
  font-size: 9px;
  font-weight: 800;
}
.talent-referral-row .text-button {
  color: #a13f4a;
  font-size: 10px;
}
.talent-referrals-empty {
  padding: 14px;
  color: var(--muted);
  text-align: center;
  border: 1px dashed #d8d3e2;
  border-radius: 11px;
  font-size: 10px;
}
.talent-community-choice {
  min-width: 0;
  padding: 13px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #e1ddef;
  border-radius: 13px;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease;
}
.talent-community-choice:has(input:checked) {
  border-color: #8d7ee2;
  background: #f5f2ff;
  box-shadow: 0 0 0 2px rgba(109, 87, 214, 0.08);
}
.talent-community-choice input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  flex: none;
  accent-color: var(--purple);
}
.talent-community-choice strong,
.talent-community-choice small {
  display: block;
}
.talent-community-choice strong {
  color: var(--navy);
  font-size: 13px;
}
.talent-community-choice small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}
.community-consent {
  margin-top: 14px;
  padding: 13px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #d8d3f2;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.community-consent input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  flex: none;
  accent-color: var(--purple);
}
.community-consent strong,
.community-consent small {
  display: block;
}
.community-consent strong {
  color: var(--navy);
  font-size: 13px;
}
.community-consent small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.community-terms {
  margin-top: 10px;
  padding: 11px 13px;
  border: 1px solid #e1ddef;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.76);
}
.community-terms summary {
  color: #594bb2;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.community-terms div {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}
.community-terms p {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}
.community-terms strong {
  color: var(--navy);
}
.community-actions {
  margin-top: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.community-actions p {
  max-width: 670px;
  margin: 0;
  color: #746d7d;
  font-size: 11px;
  line-height: 1.45;
}
.community-actions p.visible {
  color: #176b56;
}
.community-actions .primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.interest-list {
  margin-top: 26px;
  display: grid;
  gap: 28px;
}
.interest-group + .interest-group {
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.interest-group-description {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.interest-group-list {
  margin-top: 13px;
  display: grid;
  gap: 14px;
}
.interest-card {
  padding: clamp(18px, 3vw, 24px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}
.interest-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.interest-card-header h3,
.interest-message strong,
.interest-message p,
.interest-reasons strong,
.interest-reasons ul,
.interest-timing {
  margin: 0;
}
.interest-card-header h3 {
  margin-top: 4px;
  color: var(--navy);
  font-size: 19px;
}
.interest-card .company-name {
  color: var(--purple);
  font-size: 12px;
  font-weight: 800;
}
.interest-status {
  padding: 6px 9px;
  flex: none;
  border-radius: 999px;
  background: #f1eff5;
  color: #5f586b;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.interest-status.pending {
  background: #fff2d9;
  color: #8a5711;
}
.interest-status.accepted {
  background: #e8f7f1;
  color: #176b56;
}
.interest-status.declined,
.interest-status.cancelled,
.interest-status.expired {
  background: #f3f1f6;
  color: #6d6677;
}
.interest-conditions {
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  list-style: none;
}
.interest-conditions li {
  padding: 6px 9px;
  border-radius: 999px;
  background: #f2f0fa;
  color: #57506a;
  font-size: 11px;
  font-weight: 700;
}
.interest-message {
  margin-top: 17px;
  padding: 14px 15px;
  border-left: 3px solid #a99fe7;
  border-radius: 0 11px 11px 0;
  background: #faf9fe;
}
.interest-message strong,
.interest-reasons strong {
  color: var(--navy);
  font-size: 12px;
}
.interest-message p {
  margin-top: 5px;
  color: #5c5569;
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
}
.interest-reasons {
  margin-top: 15px;
}
.interest-reasons ul {
  margin-top: 7px;
  padding-left: 18px;
  color: #4f655e;
  font-size: 12px;
  line-height: 1.55;
}
.interest-timing {
  margin-top: 14px;
  color: var(--muted);
  font-size: 11px;
}
.interest-consent {
  margin-top: 18px;
  padding: 14px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border: 1px solid #d8d3f2;
  border-radius: 12px;
  background: #f8f7ff;
  cursor: pointer;
}
.interest-consent input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  flex: none;
  accent-color: var(--purple);
}
.interest-consent strong,
.interest-consent small {
  display: block;
}
.interest-consent strong {
  color: var(--navy);
  font-size: 13px;
}
.interest-consent small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.interest-actions {
  margin-top: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.interest-actions button,
.interest-retry,
.interest-view-application {
  min-height: 42px;
}
.interest-actions button:disabled,
.interest-retry:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.interest-actions .interest-block {
  margin-left: auto;
  color: var(--danger);
}
.interest-retry,
.interest-view-application {
  margin-top: 16px;
}
.application-mini-timeline {
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 15px;
  list-style: none;
}
.application-mini-timeline li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.application-mini-timeline i {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  flex: none;
  border-radius: 50%;
  background: #b9b4c7;
}
.application-mini-timeline li.current i {
  background: var(--purple);
  box-shadow: 0 0 0 3px #e9e5ff;
}
.application-mini-timeline strong,
.application-mini-timeline small {
  display: block;
}
.application-mini-timeline strong {
  color: #4e475a;
  font-size: 10px;
}
.application-mini-timeline small {
  margin-top: 1px;
  font-size: 9px;
}
.profile-visual-card {
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 13px 36px rgba(31, 27, 60, 0.06);
}
.profile-cover-preview {
  min-height: 190px;
  position: relative;
  background: linear-gradient(125deg, #332778, #6654d3 58%, #38aa93);
}
.profile-cover-preview > img,
.profile-cover-pattern {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.profile-cover-preview > img {
  z-index: 1;
  object-fit: cover;
}
.profile-cover-pattern {
  opacity: 0.56;
  background:
    radial-gradient(circle at 14% 20%, rgba(255, 255, 255, 0.3), transparent 25%),
    radial-gradient(circle at 88% 70%, rgba(113, 231, 207, 0.34), transparent 26%),
    linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.1));
}
.profile-cover-preview:has(#profile-cover-image:not([hidden]))
  .profile-cover-pattern {
  z-index: 2;
  opacity: 0.16;
}
.profile-photo-preview {
  width: 104px;
  height: 104px;
  z-index: 3;
  position: absolute;
  bottom: -48px;
  left: 28px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 5px solid #fff;
  border-radius: 28px;
  background: linear-gradient(145deg, #ece9ff, #d6f3ed);
  color: var(--purple);
  box-shadow: 0 11px 28px rgba(24, 20, 55, 0.2);
  font-size: 24px;
  font-weight: 800;
}
.profile-photo-preview img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}
.profile-visual-content {
  padding: 65px 25px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.profile-visual-content h3,
.profile-visual-content p {
  margin: 0;
}
.profile-visual-content h3 {
  margin-top: 5px;
  color: var(--navy);
  font-size: 20px;
}
.profile-visual-content p {
  max-width: 570px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
}
.profile-media-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.profile-media-picker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}
.profile-media-picker input {
  display: none;
}
.profile-media-actions .danger {
  color: var(--danger);
  font-size: 10.5px;
}
#profile-media-feedback,
.profile-media-help {
  margin-right: 25px;
  margin-left: 25px;
}
#profile-media-feedback {
  margin-top: 0;
  margin-bottom: 8px;
}
.profile-media-help {
  display: block;
  margin-bottom: 22px;
  color: var(--muted);
  font-size: 10px;
}
.resume-card {
  margin-top: 28px;
  padding: 20px;
  display: grid;
  gap: 16px;
  border: 1px solid #dcd8ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #faf9ff 0%, #f5fbf9 100%);
}
.resume-card-copy {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}
.resume-card-copy h3,
.resume-card-copy p,
.resume-review h4,
.resume-review p {
  margin: 0;
}
.resume-card-copy h3,
.resume-review h4 {
  color: var(--navy);
}
.resume-card-copy p,
.resume-review p {
  margin-top: 4px;
  max-width: 760px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.resume-icon {
  width: 40px;
  height: 40px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #eae7ff;
  color: var(--purple);
  font-size: 12px;
  font-weight: 700;
}
.resume-upload-form,
.resume-current,
.resume-review-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.resume-upload-form {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 190px minmax(220px, 1fr) auto;
  align-items: end;
}
.resume-upload-form .field {
  margin: 0;
}
.resume-file-picker {
  min-width: 0;
  flex: 1;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px dashed #aaa2d9;
  border-radius: 11px;
  background: #fff;
  color: #514879;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.resume-file-picker input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.resume-current {
  padding: 16px;
  display: block;
  border: 1px solid #d9e8e2;
  border-radius: 11px;
  background: #fff;
}
.resume-current strong,
.resume-current small {
  display: block;
}
.resume-current strong {
  color: var(--navy);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.resume-current small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
.resume-current .text-button.danger {
  color: var(--danger);
}
.resume-current > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resume-version-list {
  margin-top: 13px;
  display: grid;
  gap: 10px;
}
.resume-version-card {
  padding: 15px;
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(420px, 1.15fr) minmax(
      240px,
      auto
    );
  align-items: center;
  gap: 15px;
  border: 1px solid var(--line);
  border-radius: 13px;
}
.resume-version-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.resume-primary-badge {
  padding: 4px 7px;
  border-radius: 999px;
  background: #e5f7f0;
  color: #176b56;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.resume-version-fields {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) 165px;
  gap: 9px;
}
.resume-version-fields .field {
  margin: 0;
}
.resume-version-fields .field span {
  font-size: 10px;
}
.resume-version-fields input,
.resume-version-fields select {
  padding: 9px 10px;
  font-size: 12px;
}
.resume-version-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
.resume-version-actions .outline,
.resume-version-actions .text-button {
  padding: 8px 10px;
  font-size: 11px;
  text-decoration: none;
}
.resume-feedback:empty {
  display: none;
}
.resume-feedback {
  color: #176b56;
  font-size: 12px;
  line-height: 1.45;
}
.resume-feedback.error {
  color: var(--danger);
}
.resume-review {
  padding: 17px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border: 1px solid #cfc8f2;
  border-radius: 13px;
  background: #fff;
}
.resume-review .eyebrow {
  color: var(--purple);
  font-size: 10px;
}
.resume-review h4 {
  margin-top: 4px;
}
.resume-review ul {
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
}
.resume-review li {
  padding: 5px 8px;
  border-radius: 999px;
  background: #f0edff;
  color: #514879;
  font-size: 10px;
  font-weight: 700;
}
.resume-review-actions {
  align-items: flex-end;
  flex-direction: column;
}
.linkedin-import-card {
  overflow: hidden;
  border: 1px solid #ddd8ee;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.86);
}
.linkedin-import-card > summary {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--navy);
  cursor: pointer;
  list-style: none;
}
.linkedin-import-card > summary::-webkit-details-marker {
  display: none;
}
.linkedin-import-card > summary::after {
  margin-left: auto;
  color: var(--purple);
  content: "+";
  font-size: 20px;
  font-weight: 700;
}
.linkedin-import-card[open] > summary::after {
  content: "−";
}
.linkedin-import-card > summary span:not(.linkedin-import-mark),
.linkedin-import-card > summary strong,
.linkedin-import-card > summary small {
  display: block;
}
.linkedin-import-card > summary strong {
  font-size: 13px;
}
.linkedin-import-card > summary small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
}
.linkedin-import-mark {
  width: 30px;
  height: 30px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #1769aa;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.linkedin-import-content {
  padding: 0 16px 17px;
  border-top: 1px solid #ece9f4;
}
.linkedin-import-safety {
  margin: 15px 0 0;
  padding: 11px 13px;
  border-radius: 10px;
  background: #eef8f5;
  color: #176b56;
  font-size: 11px;
  line-height: 1.5;
}
.linkedin-import-steps {
  margin: 13px 0;
  padding-left: 20px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.6;
}
.linkedin-import-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.linkedin-import-form .field {
  margin: 0;
}
.linkedin-import-form .full {
  grid-column: 1 / -1;
}
.linkedin-import-form textarea {
  min-height: 140px;
  resize: vertical;
}
.linkedin-import-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.linkedin-import-actions .resume-feedback {
  flex: 1;
}
.linkedin-import-actions .outline {
  border-color: #bdb4ec;
  background: #fff;
  color: var(--purple);
  font-weight: 750;
}
.profile-share-card {
  margin-top: 32px;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid #d9d4ef;
  border-radius: 18px;
  background: linear-gradient(135deg, #faf9ff 0%, #f5fbf9 100%);
}
.profile-share-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.profile-share-card h3,
.profile-share-card header p,
.profile-share-item p,
.profile-share-item small,
.profile-share-count {
  margin: 0;
}
.profile-share-card h3 {
  margin-top: 5px;
  color: var(--navy);
  font-size: 21px;
}
.profile-share-card header p {
  max-width: 760px;
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.profile-share-privacy {
  padding: 7px 10px;
  flex: none;
  border-radius: 999px;
  background: #e7f7f1;
  color: #176b56;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.profile-share-form {
  margin-top: 22px;
  display: grid;
  gap: 14px;
}
.profile-share-settings {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(130px, 0.65fr) minmax(
      190px,
      0.9fr
    );
  gap: 12px;
}
.profile-share-settings .field {
  margin: 0;
}
.profile-share-sections {
  margin: 0;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}
.profile-share-sections legend {
  padding: 0 6px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 800;
}
.profile-share-sections label,
.profile-share-confirmation {
  color: #515875;
  font-size: 12px;
  line-height: 1.45;
}
.profile-share-sections label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.profile-share-confirmation {
  padding: 13px 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #e7ddb2;
  border-radius: 12px;
  background: #fffcf0;
}
.profile-share-confirmation a {
  color: var(--purple);
  font-weight: 700;
}
.profile-share-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
#profile-share-feedback {
  margin: 0;
  color: #176b56;
  font-size: 12px;
  line-height: 1.45;
}
#profile-share-feedback.error {
  color: var(--danger);
}
.profile-share-list {
  margin-top: 22px;
  padding-top: 20px;
  display: grid;
  gap: 10px;
  border-top: 1px solid #ded9ed;
}
.profile-share-list .empty-profile {
  padding: 24px;
  background: rgba(255, 255, 255, 0.7);
}
.profile-share-count {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.profile-share-item {
  padding: 14px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}
.profile-share-item:not(.active) {
  background: #fafafa;
  opacity: 0.8;
}
.profile-share-item-copy {
  min-width: 0;
}
.profile-share-item-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.profile-share-item-title strong {
  color: var(--navy);
  font-size: 13px;
}
.profile-share-item p,
.profile-share-item small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}
.profile-share-status {
  padding: 4px 7px;
  border-radius: 999px;
  background: #eeeef2;
  color: #5f6070;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.profile-share-status.active {
  background: #e5f7f0;
  color: #176b56;
}
.profile-share-item-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
}
.profile-share-item-actions .outline,
.profile-share-item-actions .text-button {
  padding: 8px 10px;
  font-size: 11px;
  text-decoration: none;
}
.profile-grid {
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.profile-grid .full {
  grid-column: 1/-1;
}
.choice-group {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.choice-group legend {
  padding: 0 6px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 700;
}
.choice-group label {
  color: #515875;
  font-size: 13px;
}
.repeat-section {
  margin-top: 28px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}
.repeat-section h3,
.account-tools h3 {
  margin: 0;
  color: var(--navy);
}
.repeat-section header button,
.account-actions button,
.session-card button {
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--navy);
  font-weight: 700;
  cursor: pointer;
}
.repeat-card {
  margin-top: 12px;
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fafafe;
}
.repeat-card .full {
  grid-column: 1/-1;
}
.repeat-card > button {
  justify-self: end;
  grid-column: 1/-1;
  border: 0;
  background: transparent;
  color: var(--danger);
  cursor: pointer;
}
.credential-verification {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #ddd8f5;
  border-radius: 12px;
  background: #fff;
}
.credential-verification-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.credential-verification-heading small,
.credential-verification-hint {
  color: #69708a;
}
.credential-verification-badge {
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f0edff;
  color: #5844c5;
  font-size: 12px;
}
.credential-verification-verified .credential-verification-badge {
  background: #e5f7ef;
  color: #147b58;
}
.credential-verification-not_verified .credential-verification-badge,
.credential-verification-expired .credential-verification-badge,
.credential-verification-superseded .credential-verification-badge {
  background: #fff0e4;
  color: #9a4c11;
}
.credential-verification p,
.credential-verification small {
  margin: 0;
  line-height: 1.5;
}
.credential-verification-terms {
  border-top: 1px solid var(--line);
  padding-top: 9px;
}
.credential-verification-terms summary {
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.credential-verification-terms p {
  margin-top: 8px;
  color: #5f667e;
  font-size: 12px;
}
.credential-verification-consent {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 8px;
  color: #4f566e;
  font-size: 13px;
}
.credential-verification-consent input {
  margin-top: 3px;
}
.credential-verification .outline {
  width: fit-content;
}
.credential-verification .outline:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.credential-verification-revoke {
  width: fit-content;
  color: #6b608d;
}
.form-actions {
  margin-top: 28px;
  display: flex;
  justify-content: flex-end;
}
.profile-preview-dialog {
  width: min(680px, calc(100vw - 28px));
  max-height: calc(100vh - 36px);
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 20px;
  background: #fff;
  color: var(--navy);
  box-shadow: 0 28px 90px rgba(30, 25, 53, 0.3);
}
.profile-preview-dialog::backdrop {
  background: rgba(24, 20, 43, 0.62);
  backdrop-filter: blur(3px);
}
.profile-preview-header,
.profile-preview-dialog > footer {
  padding: 22px 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
}
.profile-preview-header h2 {
  margin: 5px 0 0;
  font-size: 23px;
}
.profile-preview-header > button {
  width: 38px;
  height: 38px;
  flex: none;
  border: 0;
  border-radius: 50%;
  background: #f2f0f8;
  color: var(--navy);
  font-size: 25px;
  cursor: pointer;
}
#profile-preview-content {
  padding: 24px;
  display: grid;
  gap: 18px;
}
.profile-preview-visibility {
  padding: 11px 13px;
  border-radius: 10px;
  background: #f3f1f8;
  color: #5c5670;
  font-size: 12px;
  line-height: 1.45;
}
.profile-preview-visibility.network {
  background: #eaf8f3;
  color: #176b56;
}
.profile-preview-visibility.paused {
  background: #fff4dc;
  color: #805315;
}
.profile-preview-person {
  display: flex;
  align-items: center;
  gap: 14px;
}
.profile-preview-avatar {
  width: 52px;
  height: 52px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: #eae7ff;
  color: var(--purple);
  font-weight: 800;
  position: relative;
  overflow: hidden;
}
.profile-preview-avatar img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}
.profile-preview-person h3,
.profile-preview-person strong,
.profile-preview-person p,
.profile-preview-block h4,
.profile-preview-block p {
  margin: 0;
}
.profile-preview-person h3 {
  font-size: 19px;
}
.profile-preview-person strong {
  display: block;
  margin-top: 3px;
  font-size: 13px;
}
.profile-preview-person p,
.profile-preview-block p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.profile-preview-block {
  padding-top: 17px;
  border-top: 1px solid var(--line);
}
.profile-preview-block h4 {
  margin-bottom: 9px;
  font-size: 13px;
}
.profile-preview-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.profile-preview-tags span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #f1effb;
  color: #534a79;
  font-size: 11px;
  font-weight: 700;
}
.profile-preview-list {
  margin: 0;
  padding-left: 18px;
  color: #57516a;
  font-size: 12px;
  line-height: 1.65;
}
.profile-preview-dialog > footer {
  align-items: center;
  border-top: 1px solid var(--line);
  border-bottom: 0;
  background: #faf9fc;
}
.profile-preview-dialog > footer p {
  max-width: 460px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.privacy-form {
  margin-top: 26px;
  display: grid;
  gap: 14px;
}
.privacy-form fieldset {
  padding: 0;
  display: grid;
  gap: 10px;
  border: 0;
}
.privacy-form legend {
  margin-bottom: 10px;
  color: var(--navy);
  font-weight: 700;
}
.privacy-option,
.toggle-row,
.consent-row {
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border: 1px solid var(--line);
  border-radius: 13px;
  color: #4d5574;
}
.privacy-option:has(input:checked) {
  border-color: #aaa2e9;
  background: #f6f4ff;
}
.privacy-option strong,
.toggle-row strong,
.privacy-option small,
.toggle-row small {
  display: block;
}
.privacy-option strong,
.toggle-row strong {
  color: var(--navy);
}
.privacy-option small,
.toggle-row small {
  margin-top: 4px;
  line-height: 1.45;
}
.consent-row {
  background: #fffbec;
  border-color: #eee2ac;
  font-size: 13px;
  line-height: 1.5;
}
.network-pause-card {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid #d9d4ef;
  border-radius: 15px;
  background: linear-gradient(135deg, #faf9ff 0%, #f6fbf9 100%);
}
.network-pause-copy {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}
.network-pause-copy h3,
.network-pause-copy p,
.network-pause-active strong,
.network-pause-active span {
  margin: 0;
}
.network-pause-copy h3 {
  color: var(--navy);
  font-size: 15px;
}
.network-pause-copy p {
  margin-top: 5px;
  max-width: 720px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.pause-icon {
  width: 38px;
  height: 38px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #e9e5ff;
  color: var(--purple);
  font-weight: 800;
}
.network-pause-form {
  margin-top: 15px;
  display: grid;
  grid-template-columns: minmax(220px, 320px) auto;
  align-items: end;
  gap: 10px;
}
.network-pause-form .field {
  margin: 0;
}
.network-pause-form button {
  min-height: 42px;
}
.network-pause-active {
  margin-top: 16px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid #ead6a9;
  border-radius: 12px;
  background: #fff8e8;
}
.network-pause-active strong,
.network-pause-active span {
  display: block;
}
.network-pause-active strong {
  color: #6d4713;
  font-size: 13px;
}
.network-pause-active span {
  margin-top: 3px;
  color: #816a48;
  font-size: 11px;
  line-height: 1.45;
}
.network-pause-active .primary {
  flex: none;
}
.company-grants {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}
.company-grants h3,
.company-grants p {
  margin: 0;
}
.company-grants p {
  margin-top: 5px;
  max-width: 680px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
#company-grants-list,
#blocked-companies-list {
  margin-top: 14px;
  display: grid;
  gap: 9px;
}
.blocked-companies {
  margin-top: 26px;
  padding-top: 24px;
}
.grant-card {
  padding: 14px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.grant-card strong,
.grant-card span,
.grant-card small {
  display: block;
}
.grant-card span,
.grant-card small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}
.grant-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.grant-actions .grant-status {
  margin: 0;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f1eff5;
  font-size: 10px;
  font-weight: 700;
}
.grant-actions .grant-status.active {
  background: #e8f7f1;
  color: #1d7459;
}
.grant-actions .grant-status.blocked {
  background: #fdeeee;
  color: #a53f46;
}
.grant-actions .text-button {
  color: var(--danger);
  white-space: nowrap;
}
.grant-actions .text-button.unblock {
  color: var(--purple);
}
.account-tools {
  margin-top: 34px;
  padding-top: 27px;
  border-top: 1px solid var(--line);
}
.email-change-tool {
  margin-top: 20px;
  padding: 17px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
  align-items: end;
  gap: 20px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fafafe;
}
.email-change-tool h4,
.email-change-tool p {
  margin: 0;
}
.email-change-tool .contact-status {
  margin-left: 5px;
  vertical-align: middle;
}
.email-change-tool h4 {
  color: var(--navy);
  font-size: 14px;
}
.email-change-tool p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.email-change-tool form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
}
.email-change-tool .outline {
  min-height: 42px;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .grant-card,
  .grant-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}
.session-card {
  margin-top: 11px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--muted);
  font-size: 12px;
}
.session-card strong {
  display: block;
  color: var(--navy);
}
.account-actions {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.privacy-deletion-note {
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.account-actions .danger-button {
  color: var(--danger);
  border-color: #f0cdd1;
}
.accessibility-card {
  margin: 26px 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid #dcd9ef;
  border-radius: 18px;
  background: linear-gradient(145deg, #fbfaff, #f5f9ff);
}
.accessibility-card > summary,
.accessibility-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.accessibility-card > summary {
  cursor: pointer;
  list-style: none;
}
.accessibility-card > summary::-webkit-details-marker {
  display: none;
}
.accessibility-card > summary::after {
  content: "+";
  width: 28px;
  height: 28px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--purple);
  font-size: 18px;
  font-weight: 700;
}
.accessibility-card[open] > summary::after {
  content: "−";
}
.accessibility-card[open] > summary {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.accessibility-card h3 {
  margin: 7px 0 5px;
  color: var(--navy);
  font-size: 21px;
}
.accessibility-card summary p,
.accessibility-neutrality {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.accessibility-state {
  margin-left: auto;
  flex: none;
  padding: 7px 11px;
  border-radius: 999px;
  background: #ecebf3;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.accessibility-state.active {
  background: #e4f6f0;
  color: #176b56;
}
.accessibility-form {
  margin-top: 20px;
  display: grid;
  gap: 18px;
}
.accessibility-text-size {
  margin: 0;
  padding: 0;
  border: 0;
}
.accessibility-text-size legend {
  margin-bottom: 9px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
}
.accessibility-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.accessibility-choice-grid label {
  min-height: 64px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.accessibility-choice-grid label:has(input:checked) {
  border-color: var(--purple);
  box-shadow: 0 0 0 2px rgba(75, 78, 207, 0.12);
}
.accessibility-choice-grid input {
  width: 18px;
  height: 18px;
  flex: none;
  accent-color: var(--purple);
}
.accessibility-choice-grid span,
.accessibility-choice-grid strong,
.accessibility-choice-grid small {
  display: block;
}
.accessibility-choice-grid strong {
  color: var(--navy);
  font-size: 13px;
}
.accessibility-choice-grid small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}
.accessibility-toggles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.accessibility-toggles .toggle-row {
  height: 100%;
  margin: 0;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.accessibility-actions {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#accessibility-feedback {
  min-height: 20px;
  margin: 0;
  color: #176b56;
  font-size: 12px;
}
#accessibility-feedback.error {
  color: var(--danger);
}
.accessibility-neutrality {
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.empty-profile {
  padding: 38px;
  text-align: center;
  border: 1px dashed #d9d7e8;
  border-radius: 15px;
  color: var(--muted);
}
@media (max-width: 800px) {
  .talent-referral-invitation {
    grid-template-columns: 1fr;
  }
  .access-layout {
    grid-template-columns: 1fr;
  }
  .access-copy {
    text-align: center;
  }
  .access-copy p {
    margin-left: auto;
    margin-right: auto;
  }
  .access-copy ul {
    display: inline-grid;
    text-align: left;
  }
  .candidate-welcome {
    align-items: stretch;
    flex-direction: column;
  }
  .profile-maintenance-summary {
    width: 100%;
  }
  .email-change-tool,
  .email-change-tool form,
  .network-pause-form,
  .profile-share-settings {
    grid-template-columns: 1fr;
  }
  .network-pause-active {
    align-items: stretch;
    flex-direction: column;
  }
  .network-pause-active .primary {
    width: 100%;
  }
  .accessibility-choice-grid,
  .accessibility-toggles {
    grid-template-columns: 1fr;
  }
  .saved-comparison-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .talent-referral-fields {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 581px) and (max-width: 1100px) {
  .resume-version-card {
    grid-template-columns: minmax(240px, 0.8fr) minmax(360px, 1.2fr);
  }
  .resume-version-actions {
    grid-column: 1 / -1;
  }
}
@media (max-width: 580px) {
  .profile-shell {
    padding: 24px 13px 55px;
  }
  .access-copy h1 {
    font-size: 38px;
  }
  .access-copy ul {
    font-size: 13px;
  }
  .talent-referral-invitation {
    padding: 18px;
  }
  .talent-referrals > summary,
  .talent-referral-created-link,
  .talent-referral-row {
    align-items: stretch;
    flex-direction: column;
  }
  .talent-referrals > summary {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .talent-referrals > summary .community-count {
    grid-column: 2;
  }
  .talent-referral-created-link {
    display: flex;
  }
  .talent-referral-created-link .outline,
  #talent-referral-create-form > .primary {
    width: 100%;
    justify-content: center;
  }
  .talent-referral-row {
    grid-template-columns: 1fr;
  }
  .candidate-tabs {
    margin-left: -2px;
    margin-right: -2px;
  }
  .profile-maintenance-summary {
    grid-template-columns: 1fr;
  }
  .candidate-panel > header {
    align-items: stretch;
    flex-direction: column;
  }
  .profile-cover-preview {
    min-height: 145px;
  }
  .profile-photo-preview {
    width: 88px;
    height: 88px;
    bottom: -40px;
    left: 18px;
    border-radius: 23px;
  }
  .profile-visual-content {
    padding: 55px 17px 16px;
    flex-direction: column;
  }
  .profile-media-actions {
    width: 100%;
    justify-content: stretch;
  }
  .profile-media-actions > * {
    flex: 1 1 calc(50% - 8px);
    text-align: center;
  }
  #profile-media-feedback,
  .profile-media-help {
    margin-right: 17px;
    margin-left: 17px;
  }
  .accessibility-card > summary,
  .accessibility-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .accessibility-state {
    margin-left: 0;
    align-self: flex-start;
  }
  .accessibility-card > summary::after {
    position: absolute;
    right: 18px;
    top: 18px;
  }
  .accessibility-card > summary {
    position: relative;
    padding-right: 42px;
  }
  .accessibility-actions > * {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .profile-share-card > header,
  .profile-share-actions,
  .profile-share-item {
    align-items: stretch;
    flex-direction: column;
  }
  .profile-share-privacy {
    align-self: flex-start;
  }
  .profile-share-actions .primary,
  .profile-share-item-actions,
  .profile-share-item-actions > * {
    width: 100%;
  }
  .profile-share-item-actions > * {
    justify-content: center;
    text-align: center;
  }
  .saved-actions,
  .saved-comparison > header,
  .viewed-jobs > header {
    align-items: stretch;
    flex-direction: column;
  }
  .saved-actions > *,
  .saved-comparison > header .text-button {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .saved-comparison-grid {
    grid-template-columns: 1fr;
  }
  .job-alerts,
  .job-recommendations,
  .availability-reminder-card {
    padding: 18px;
  }
  .job-alerts > header,
  .job-recommendations > header,
  .job-alert-actions,
  .availability-reminder-card > header,
  .availability-reminder-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .job-alerts-form,
  .job-recommendations-list,
  .job-recommendation-card,
  .availability-reminder-form,
  .push-notifications,
  .push-notification-actions {
    grid-template-columns: 1fr;
  }
  .job-alerts-form .full,
  .job-alert-actions,
  .availability-reminder-form .full,
  .availability-reminder-actions {
    grid-column: auto;
  }
  .job-alert-actions .primary,
  .job-recommendation-card .outline,
  .availability-reminder-actions > * {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .push-notification-actions > *,
  #install-candidate-app {
    width: 100%;
    justify-content: center;
  }
  .viewed-job-card {
    grid-template-columns: 1fr;
  }
  .viewed-job-card .outline,
  .viewed-jobs > header .text-button {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .saved-comparison-card header,
  .comparison-condition {
    min-height: 0;
  }
  .application-card,
  .profile-grid,
  .repeat-card,
  .resume-review {
    grid-template-columns: 1fr;
  }
  .credential-verification-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .credential-verification .outline,
  .credential-verification-revoke {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .candidate-portfolio-card > header,
  .candidate-portfolio-item-heading,
  .candidate-portfolio-form-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .candidate-portfolio-count {
    align-self: flex-start;
  }
  .candidate-portfolio-list {
    grid-template-columns: 1fr;
  }
  .candidate-portfolio-item-controls,
  .candidate-portfolio-form-actions {
    width: 100%;
  }
  .candidate-portfolio-item-controls button,
  .candidate-portfolio-form-actions button,
  #portfolio-add,
  .candidate-portfolio-item > .outline {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .job-recommendation-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .job-recommendation-label {
    text-align: left;
  }
  .interest-card-header,
  .interest-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .interest-status {
    align-self: flex-start;
  }
  .interest-actions button,
  .interest-actions .interest-block,
  .interest-retry,
  .interest-view-application {
    width: 100%;
    margin-left: 0;
  }
  .talent-communities > header,
  .community-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .community-count {
    align-self: flex-start;
  }
  .talent-communities-list {
    grid-template-columns: 1fr;
  }
  .professional-resources > header {
    align-items: stretch;
    flex-direction: column;
  }
  .professional-resource-filters {
    align-self: flex-start;
  }
  .professional-resources-list {
    grid-template-columns: 1fr;
  }
  .professional-resource-card {
    min-height: 0;
  }
  .community-actions .primary {
    width: 100%;
    justify-content: center;
  }
  .resume-upload-form,
  .resume-current,
  .resume-review-actions,
  .linkedin-import-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .linkedin-import-form {
    grid-template-columns: 1fr;
  }
  .linkedin-import-form .full {
    grid-column: auto;
  }
  .resume-upload-form,
  .resume-version-card,
  .resume-version-fields {
    grid-template-columns: 1fr;
  }
  .resume-upload-form > *,
  .resume-version-actions,
  .resume-version-actions > * {
    width: 100%;
  }
  .resume-version-actions > * {
    justify-content: center;
    text-align: center;
  }
  .resume-upload-form .primary,
  .resume-review-actions .primary {
    width: 100%;
  }
  .application-card .primary,
  .profile-grid .full,
  .repeat-card .full,
  .repeat-card > button {
    grid-column: auto;
  }
  .form-actions .primary,
  .privacy-form > .primary {
    width: 100%;
  }
  .session-card {
    align-items: flex-start;
    flex-direction: column;
  }
}