.motivation-panel {
  display: grid;
  gap: .65rem;
  margin-inline: clamp(.75rem, 2.5vw, 2rem);
}
.motivation-alert:empty,
.motivation-controls:empty,
.motivation-panel:not(:has(.motivation-notice, .motivation-settings)) { display: none; }
.motivation-notice,
.motivation-settings {
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: var(--paper);
  padding: .7rem .9rem;
}
.motivation-notice {
  border-inline-start: 4px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.motivation-notice p {
  margin: .2rem 0 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.motivation-form {
  display: grid;
  justify-items: start;
  gap: .6rem;
  margin-block-start: .7rem;
}
.motivation-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: .6rem 1rem;
}
.motivation-field { display: grid; gap: .3rem; }
.motivation-field:has(textarea) { width: min(100%, 36rem); }
.motivation-field:has(input[type="checkbox"]) {
  display: flex;
  align-items: center;
  align-self: center;
  gap: .4rem;
}
.motivation-status:empty { display: none; }