/* Careers and Become a Partner pages. Builds on training.css (tr- components). Prefix: eq-. No inline styles. */

.eq-section { padding: 46px 0 20px; }
.eq-section .tr-section-intro { margin-bottom: 26px; }

/* Cards: open roles, partnership types */
.eq-card { height: 100%; padding: 24px; border-radius: var(--tr-radius); background: #fff; border: 1px solid var(--dl-line); box-shadow: var(--tr-shadow); display: flex; flex-direction: column; }
.eq-card > i { font-size: 26px; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--dl-purple-soft); color: var(--dl-purple); margin-bottom: 14px; }
.eq-card h3 { font-size: 20px; color: var(--dl-ink); margin-bottom: 6px; }
.eq-card p { color: var(--dl-muted); font-size: 15px; margin-bottom: 10px; }
.eq-card ul { padding-left: 18px; color: var(--dl-ink); font-size: 14px; margin: 0; }
.eq-card .tool-btn { margin-top: auto; align-self: flex-start; }
.eq-empty { display: flex; gap: 18px; align-items: flex-start; padding: 26px; border-radius: var(--tr-radius); border: 1.5px dashed #cfd5dd; background: #fafbfc; }
.eq-empty i { font-size: 30px; color: var(--dl-purple); flex: none; }
.eq-empty h3 { font-size: 20px; margin: 0 0 6px; color: var(--dl-ink); }
.eq-empty p { margin: 0; color: var(--dl-muted); }

/* Partners strip */
.eq-logos { display: flex; flex-wrap: wrap; gap: 12px; }
.eq-logos a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--dl-line); background: #fff; font-weight: 700; color: var(--dl-ink); }
.eq-logos a:hover { border-color: var(--dl-purple); color: var(--dl-purple); }

/* The form card */
.eq-form-wrap { padding: 30px 0 50px; }
.eq-form { background: #fff; border: 1px solid var(--dl-line); border-radius: 20px; box-shadow: var(--tr-shadow); overflow: hidden; }
.eq-form-head { padding: 24px 28px; color: #fff; background: linear-gradient(140deg, var(--dl-ink), var(--tr-navy-2)); }
.eq-form-head h2 { color: #fff; font-size: var(--fs-subsection); margin: 0 0 4px; }
.eq-form-head p { margin: 0; color: #c9cfd8; }
.eq-form-body { padding: 24px 28px 28px; }
.eq-form fieldset { border: 0; padding: 0; margin: 0 0 18px; }
.eq-form legend { float: none; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--dl-purple-dark); margin-bottom: 10px; }
.eq-form select { width: 100%; padding: 10px 12px; border: 1.5px solid #cfd5dd; border-radius: 10px; font: inherit; font-size: 15px; color: var(--dl-ink); background-color: #fff; }
.eq-form select:focus { border-color: var(--dl-purple); outline: 0; box-shadow: 0 0 0 3px rgba(163, 73, 164, 0.18); }
.eq-form select[aria-invalid="true"], .eq-form textarea[aria-invalid="true"] { border-color: var(--tr-red); }
.eq-row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 14px; }

/* CV drop zone */
.eq-drop { position: relative; display: flex; align-items: center; gap: 14px; padding: 18px; border: 2px dashed #cfd5dd; border-radius: 14px; background: #fafbfc; cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.eq-drop:hover, .eq-drop.eq-over { border-color: var(--dl-purple); background: var(--dl-purple-soft); }
.eq-drop[aria-invalid="true"] { border-color: var(--tr-red); }
.eq-drop i { font-size: 30px; color: var(--dl-purple); }
.eq-drop strong { display: block; color: var(--dl-ink); }
.eq-drop span { font-size: 13px; color: var(--dl-muted); }
.eq-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.eq-drop.eq-has-file { border-style: solid; border-color: var(--dl-good); background: #eef8f2; }
.eq-drop.eq-has-file i { color: var(--dl-good); }

.eq-submit-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; }
.eq-note { font-size: 13px; color: var(--dl-muted); margin: 0; }
.eq-done { padding: 40px 28px; text-align: center; }
.eq-done[hidden] { display: none; }
.eq-done .bi { font-size: 56px; color: var(--dl-good); }
.eq-done h2 { color: var(--dl-ink); font-size: var(--fs-subsection); margin: 10px 0 6px; }
.eq-done p { color: var(--dl-muted); max-width: 520px; margin: 0 auto; }
.eq-aside { padding: 22px; border-radius: var(--tr-radius); background: var(--dl-purple-soft); }
.eq-aside h3 { font-size: 18px; color: var(--dl-ink); }
.eq-aside ul { padding-left: 18px; margin: 0; color: var(--dl-ink); font-size: 14px; }
.eq-aside li { margin-bottom: 6px; }
.eq-aside + .eq-aside { margin-top: 14px; }

@media (max-width: 767px) {
  .eq-row3 { grid-template-columns: 1fr; }
  .eq-form-head, .eq-form-body { padding-left: 18px; padding-right: 18px; }
  .eq-empty { flex-direction: column; }
}