/* Same number column/divider as Bucket items; the Goal identity stays secondary. */
.goals-noir-experience .bucket-sheet .goal-inline-row .goal-inline-summary {
  grid-template-columns:34px minmax(0,1fr) 90px 14px;
  gap:10px;
  min-height:69px;
  padding:12px 12px 12px 15px;
}
.goals-noir-experience .goal-inline-row .goal-title-line {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 10px;
  min-width:0;
}
/* Match the ordinary item / Life Event title instead of a smaller two-line card. */
.goals-noir-experience .goal-inline-row .goal-title-line > strong {
  color:#39483e;
  font:500 clamp(17.5px,1.42vw,19.25px)/1.18 'DM Sans',sans-serif;
  letter-spacing:-.12px;
}
/* A quiet platinum label for the mixed list; noir stays in the dedicated view. */
.goals-noir-experience .goal-inline-row .sheet-item-badge-goal {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  height:20px;
  min-width:40px;
  padding:0 8px;
  border:1px solid #c5c5c5;
  border-radius:999px;
  background:linear-gradient(145deg,#eeeeee,#e2e2e2);
  color:#626262;
  box-shadow:inset 0 1px #ffffff80;
  font:750 7px/1 'Manrope',sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
  white-space:nowrap;
}
.goals-noir-experience .sheet-item-badge-goal > span { display:block; line-height:1; transform:none; }
@media(min-width:681px) and (max-width:1100px) {
  .goals-noir-experience.bucket-home-experience .bucket-sheet .goal-inline-row .goal-inline-summary {
    grid-template-columns:25px minmax(0,1fr) 90px 14px;
    column-gap:6px;
    padding-inline:10px;
  }
}
@media(max-width:680px) {
  .goals-noir-experience .goal-inline-row .goal-title-line { flex-direction:column; align-items:flex-start; gap:2px; }
  .goals-noir-experience .goal-inline-row .goal-title-line > strong { font-size:13px; letter-spacing:-.08px; }
  .goals-noir-experience .goal-inline-row .sheet-item-badge-goal {
    height:16px; min-width:32px; padding:0 6px; font-size:6px; letter-spacing:.5px;
  }
  .goals-noir-experience .bucket-sheet .goal-inline-row .goal-inline-summary {
    grid-template-columns:22px minmax(0,1fr) 65px 11px;
    min-height:61px;
    padding:9px 6px 9px 9px;
  }
  .goals-noir-experience .goal-inline-row :is(.goal-progress,.goal-chevron) { grid-column:auto; grid-row:auto; }
  .goals-noir-experience .goal-inline-row .goal-progress { text-align:right; font-size:9px; }
}
