.accordion { display: flex; flex-direction: column; gap: 16px; padding-block: 60px; }
.accordion__item { background: var(--color-white); border-radius: var(--radius-btn); overflow: hidden; }
.accordion__toggle {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  padding: 24px 30px; font-family: var(--font-heading); font-weight: 700; font-size: 20px;
  color: var(--color-heading); background: none; border: none; cursor: pointer; text-align: left; gap: 24px;
}
.accordion__icon {
  width: 32px; height: 32px; flex-shrink: 0; border-radius: 8px; background: var(--color-primary);
  color: var(--color-white); display: flex; align-items: center; justify-content: center;
  transition: transform 0.2s ease;
}
.accordion__toggle[aria-expanded="true"] .accordion__icon { transform: rotate(180deg); }
.accordion__panel { display: none; padding: 0 30px 24px; }
.accordion__panel.is-open { display: block; }
.accordion__panel > p { color: var(--color-text); line-height: 1.8; margin-bottom: 16px; }
.accordion__panel h4 { font-size: 18px; margin-bottom: 8px; margin-top: 16px; }
.accordion__panel ul { list-style: disc; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; color: var(--color-text); }

.vacancy-detail { padding-block: 60px; max-width: 900px; margin: 0 auto; }
.vacancy-detail > p { color: var(--color-text); line-height: 1.8; }
.vacancy-detail h4 { font-size: 20px; margin-top: 30px; margin-bottom: 12px; }
.vacancy-detail ul { list-style: disc; padding-left: 20px; color: var(--color-text); line-height: 1.8; }
.vacancy-detail__related { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--color-border); }
.vacancy-detail__related a { color: var(--color-primary); font-weight: 700; }
