/* Graphic Designer page additions. Shared job-detail UI remains in position-detail.css. */

.job-hero-avatar--graphic {
  overflow: hidden;
}

.job-hero-avatar--graphic img {
  transform: none;
}

.overview-text {
  display: grid;
  gap: 1rem;
}

.overview-text p {
  margin: 0;
}

.ai-expectation,

.ai-expectation strong strong {
  color: rgba(232, 242, 255, 0.98);
}

.skill-row--core {
  border-color: rgba(100, 158, 255, 0.34);
  background: rgba(38, 78, 218, 0.09);
}

.ai-skill-note {
  margin-top: 1rem;
  font-size: var(--text-sm);
  line-height: 1.8;
}





@media (max-width: 768px) {
  .job-title-main,
  .job-tag,
  .skill-name,
  .skill-level,
  .meta-row-value {
    overflow-wrap: anywhere;
  }

  .skill-row {
    min-width: 0;
  }

  .skill-name,
  .skill-level {
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .ai-expectation {
    padding: 0.875rem;
  }
}