.profile-quality {
  background: #fff;
  border-bottom: 1px solid var(--line);
  padding: 76px 0;
}

.profile-quality-head {
  align-items: end;
  display: grid;
  gap: 60px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 30px;
}

.profile-quality-head h2 {
  font: 700 34px "Manrope", sans-serif;
  letter-spacing: -.045em;
  margin: 9px 0 0;
}

.profile-quality-head > p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.profile-quality-grid {
  border: 1px solid var(--line);
  display: grid;
  grid-template-columns: .72fr 1.28fr;
}

.completeness-card {
  background: var(--ink);
  color: #fff;
  padding: 30px;
}

.completeness-card > span,
.completeness-card > b {
  color: #c8cad4;
  display: block;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.completeness-card > strong {
  display: block;
  font: 700 70px/1 "Manrope", sans-serif;
  letter-spacing: -.07em;
  margin: 30px 0 18px;
}

.completeness-card > strong small { color: #aaa5ff; font-size: 25px; }
.completeness-card > b { color: #fff; margin-top: 18px; }
.completeness-card > p { color: #bfc2cd; font-size: 11px; line-height: 1.6; margin: 10px 0 0; }

.completeness-track { appearance: none; background: #484a5c; border: 0; height: 5px; overflow: hidden; width: 100%; }
.completeness-track::-webkit-progress-bar { background: #484a5c; }
.completeness-track::-webkit-progress-value,.completeness-track::-moz-progress-bar { background: #8f89ff; }

.freshness-grid { display: grid; grid-template-columns: 1fr 1fr; }
.freshness-card { border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: 22px; }
.freshness-card:nth-child(even) { border-right: 0; }
.freshness-card:nth-last-child(-n+2) { border-bottom: 0; }
.freshness-card:last-child:nth-child(odd) { border-right: 0; grid-column: 1 / -1; }
.freshness-card > div { align-items: center; display: flex; gap: 14px; justify-content: space-between; }
.freshness-card span { font-size: 12px; font-weight: 700; }
.freshness-card b { border-radius: 999px; font-size: 9px; letter-spacing: .08em; padding: 5px 8px; text-transform: uppercase; }
.freshness-card small { color: var(--muted); display: block; font-size: 10px; margin-top: 22px; }
.freshness-fresh b,.freshness-current b { background: #e5f5ec; color: #1e744c; }
.freshness-aging b { background: #fff3d7; color: #8a5c00; }
.freshness-stale b,.freshness-missing b { background: #f4e8e8; color: #9a3f3f; }

.profile-quality-actions {
  align-items: center;
  background: #f6f7fa;
  border: 1px solid var(--line);
  border-top: 0;
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr auto;
  padding: 24px 28px;
}

.profile-quality-actions p { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 0; }
.profile-quality-actions p > span { background: #fff; border: 1px solid var(--line); color: var(--muted); font-size: 10px; padding: 6px 8px; }
.profile-quality-actions > div:last-child { align-items: center; display: flex; gap: 18px; }

@media (max-width: 800px) {
  .profile-quality-head,
  .profile-quality-grid { grid-template-columns: 1fr; }
  .profile-quality-head { gap: 20px; }
  .profile-quality-actions { align-items: start; grid-template-columns: 1fr; }
}

@media (max-width: 540px) {
  .profile-quality { padding: 55px 0; }
  .freshness-grid { grid-template-columns: 1fr; }
  .freshness-card,
  .freshness-card:nth-child(even),
  .freshness-card:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); border-right: 0; }
  .freshness-card:last-child:nth-child(odd) { grid-column: auto; }
  .freshness-card:last-child { border-bottom: 0; }
  .profile-quality-actions > div:last-child { align-items: flex-start; flex-direction: column; }
}