.openings-team-visual { width: 100%; height: 340px; min-width: 0; }
.openings-team-visual img { display: block; width: 100%; height: 100%; object-fit: contain; }
.openings-card-grid { gap: 20px; }
.openings-collection .opening-vacancy-card {
  padding: 25px;
  border-radius: 12px;
  background: #202123;
  border-color: #d8b24a38;
  box-shadow: 0 8px 24px #0002;
}
.openings-collection .opening-vacancy-card:hover { transform: translateY(-3px); border-color: #d8b24a88; }
.openings-collection .opening-vacancy-card:nth-child(1) { background: #292a2d; }
.openings-collection .opening-vacancy-card:nth-child(2) { background: #352e23; }
.openings-collection .opening-vacancy-card:nth-child(3) { background: #2b2e26; }
.opening-card-top { justify-content: flex-end; margin-bottom: 18px; gap: 10px; flex-wrap: wrap; }
.opening-company { display: flex; align-items: center; gap: 9px; color: #e5dac0; font-size: 14px; font-weight: 600; }
.opening-company-mark {
  display: grid; place-items: center; width: 42px; height: 42px;
  border: 1px solid #d8b24a55; border-radius: 9px;
  background: #d8b24a12; color: #eacb7a; font-size: 11px; letter-spacing: -.03em;
}
.opening-employment-badge { padding: 6px 9px; border-radius: 5px; background: #d8b24a0c; color: #d8c79f; font-size: 12px; border: 1px solid #d8b24a25; }
.openings-collection .opening-vacancy-card h3 { font-size: 26px; line-height: 1.3; min-height: 2.6em; margin-bottom: 18px; color: #fff0ce; }
.opening-card-salary { min-height: 0; padding: 14px 0; font-size: 17px; line-height: 1.6; color: #e6c573; }
.opening-card-description { margin: 20px 0 24px; }
.opening-card-description p { color: #c3bba9; }
.opening-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 20px; border-top: 1px solid #d8b24a25; }
.opening-card-actions .opening-apply, .opening-card-actions .opening-view { min-height: 48px; padding: 10px 8px; font-size: 14px; width: 100%; line-height: 1.5; box-sizing: border-box; }
.opening-card-actions .opening-apply { order: 2; }
.opening-card-actions .opening-view { order: 1; background: transparent; }
@media (max-width: 900px) { .openings-team-visual { height: 300px; } }
@media (max-width: 750px) {
  .openings-team-visual { height: 260px; }
  .openings-collection .opening-vacancy-card { padding: 24px; }
  .openings-collection .opening-vacancy-card h3 { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) { .openings-collection .opening-vacancy-card { transition: none; } }