.job-detail {
      max-width: 1100px;
      margin: 0 auto;
      padding: 2.5rem 1.25rem 4rem;
    }

    .job-back-link {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      margin-bottom: 1.75rem;
      text-decoration: none;
    }

    .job-back-link:hover { text-decoration: underline; }

    .job-detail-header {
      background: rgba(35, 32, 83, 0.1);
      padding: 1.5rem;
      margin-bottom: 2rem;
      border-bottom: 1px solid #e3e5e8;
      border-radius: 10px;
      display: flex;
      flex-direction: row;
      gap: 24px;
      align-items: flex-start;
      z-index: unset;
    }
    .job-detail-logo {
      flex: 0 0 auto;
      width: 200px;
      display: flex;
      align-items: flex-start;
      padding-top: 4px;
      margin-bottom: 30px;
    }

    .job-detail-logo img {
      max-width: 100%;
      max-height: 80px;
      width: auto;
      object-fit: contain;
    }
    .job-detail-header-content {
      flex: 1;
      min-width: 0;
    }

    .job-featured-badge {
      background: #fff3d6;
      color: #7a5b00;
      font-weight: 600;
      text-transform: uppercase;
    }

    .job-company {
      margin-bottom: .5rem;
      color: #6b7280;
      font-size: .9rem;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .job-title {
      margin: 0;
      font-size: clamp(1.75rem, 2.5vw, 2.5rem);
      line-height: 1.15;
    }

    .job-tags {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
      margin-bottom: 1.25rem;
    }

    .job-tag {
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      padding: 6px 10px;
      font-size: .85rem;
      font-weight: 500;
      line-height: 1.4;
      border-radius: 4px;
    }

    .job-detail .tag-pattern {
      background: rgba(241, 90, 36, 0.1);
      color: #f15a24;
    }

    .job-detail .tag-type {
      background: rgba(247, 147, 30, 0.1);
      color: #f15a24;
    }

    .job-detail .tag-employment {
      background: rgba(42, 35, 81, 0.1);
      color: #2a2351;
    }

    .job-detail-facts {
      display: flex;
      flex-wrap: wrap;
      gap: .75rem 2rem;
      font-weight: 500;
    }

    .job-fact { display: inline-flex; align-items: center; gap: .5rem; }
    .job-fact-deadline { color: #b42318; }

    {# ── Two-column body: 66% / 34% ── #}
    .job-detail-columns {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 2.75rem;
      align-items: start;
    }

    .job-detail-main { min-width: 0; }

    .job-detail-section { margin-bottom: 2.25rem; }

    .job-detail-section h2 {
      margin: 0 0 .75rem;
      padding-bottom: .5rem;
      border-bottom: 1px solid #e3e5e8;
      font-size: 1.25rem;
    }

    .job-start-date {
      display: flex;
      align-items: center;
      gap: .5rem;
      margin: 1.25rem 0 0;
    }

    {# ── Right column: company card ── #}
    .job-detail-side {
      padding: 1.75rem;
      background: #f8f9fb;
      border: 1px solid #e3e5e8;
    }

    .job-side-company {
      margin: 0;
      font-size: 1.4rem;
      line-height: 1.25;
    }

    .job-side-section { margin-bottom: 1.75rem; }
    .job-side-section:last-child { margin-bottom: 0; }

    .job-side-heading {
      margin: 0 0 .75rem;
      padding-bottom: .5rem;
      border-bottom: 1px solid #e3e5e8;
      font-size: 1.15rem;
    }

    .job-website-btn {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
    }

    .job-rich-text {
      color: #374151;
      line-height: 1.7;
    }

    .job-detail-apply {
      margin-top: 1rem;
      border-top: 1px solid #e3e5e8;
    }

    .job-detail--missing { padding-top: 5rem; text-align: center; }

    .job-member-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #fff;
      color: #f15a24;
      border-radius: 6px;
      padding: 6px 12px 6px 12px;
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      white-space: nowrap;
    }

    .job-member-badge-logo {
      width: 16px;
      height: 16px;
      object-fit: contain;
      display: block;
    }

@media (max-width: 768px) {
  .job-detail-columns { grid-template-columns: 1fr; }
}
	
@media (max-width: 600px) {
  .job-detail-header {
    flex-direction: column;
  }
  .job-detail-logo {
    width: 100px;
  }
}