/* ----- base & reset (scoped) ----- */
    .job-post {
      max-width: 1000px;
      margin: 0 auto;
      background: #ffffff;
      border-radius: 28px;
      box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.15);
      padding: 2.8rem 2.8rem 2.8rem 2.8rem;
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
      color: #1e293b;
      line-height: 1.5;
      overflow-x: hidden;
    }

    /* fallback if Inter not loaded */
    .job-post {
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    }

    /* ----- typography scale ----- */
    .job-post h1 {
      font-size: 2.8rem;
      font-weight: 700;
      margin: 0 0 0.25rem 0;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #0f172a;
    }

    .job-post h1 .light {
      font-weight: 400;
      color: #475569;
    }

    .job-post h2 {
      font-size: 1.8rem;
      font-weight: 600;
      margin: 2.2rem 0 1.2rem 0;
      color: #0f172a;
      letter-spacing: -0.01em;
      border-bottom: 2px solid #e9edf2;
      padding-bottom: 0.4rem;
    }

    .job-post h3 {
      font-size: 1.3rem;
      font-weight: 600;
      margin: 0 0 0.75rem 0;
      color: #1e293b;
    }

    /* ----- meta bar (job basic info) ----- */
    .job-meta-bar {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem 2rem;
      background: #f3f6fc;
      border-radius: 60px;
      padding: 1rem 2rem;
      margin: 1.5rem 0 2rem 0;
      align-items: center;
      border: 1px solid #dbe7f5;
    }

    .job-meta-item {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-size: 1.1rem;
      color: #1e293b;
    }

    .job-meta-item .emoji {
      font-size: 1.4rem;
      filter: none;
    }

    .job-meta-item strong {
      font-weight: 600;
      color: #0b2b4f;
      margin-right: 0.2rem;
    }

    /* ----- sections ----- */
    .job-post .section {
      margin: 2.5rem 0;
    }

    .job-post .section:first-of-type {
      margin-top: 0.5rem;
    }

    .job-post .section p {
      font-size: 1.1rem;
      margin: 1rem 0;
      color: #2d3c53;
    }

    /* bullet lists */
    .job-post ul {
      list-style: none;
      padding: 0;
      margin: 1.2rem 0;
    }

    .job-post li {
      font-size: 1.05rem;
      margin-bottom: 0.9rem;
      padding-left: 2rem;
      position: relative;
      color: #253746;
    }

    .job-post li::before {
      content: "●";
      color: #2c6e9c;
      font-weight: 700;
      font-size: 1.3rem;
      position: absolute;
      left: 0.2rem;
      top: -0.2rem;
    }

    /* qualifications / responsibilities special styling */
    .job-post .qualifications li,
    .job-post .responsibilities li {
      padding-left: 2.2rem;
    }

    .job-post .qualifications li::before,
    .job-post .responsibilities li::before {
      content: "▹";
      color: #1f4b7a;
      font-size: 1.4rem;
    }

    /* apply box */
    .apply-box {
      background: #edf3fa;
      border-radius: 32px;
      padding: 2.4rem 2.4rem 2.4rem 2.8rem;
      margin: 3rem 0 1.5rem;
      border: 1px solid #cbdded;
    }

    .apply-box p {
      font-size: 1.15rem;
      margin: 0.5rem 0;
    }

    .apply-email {
      display: inline-block;
      background: #1a4972;
      color: white;
      font-weight: 600;
      padding: 0.9rem 2.2rem;
      border-radius: 50px;
      text-decoration: none;
      font-size: 1.2rem;
      margin: 1.2rem 0 0.5rem;
      box-shadow: 0 8px 16px -6px rgba(22, 58, 90, 0.3);
      transition: background 0.2s, transform 0.1s;
      border: none;
      cursor: pointer;
    }

    .apply-email:hover {
      background: #0e3252;
      transform: scale(1.01);
    }

    .apply-email i {
      font-style: normal;
      margin-right: 0.3rem;
    }

    .small-note {
      color: #4b637b;
      font-size: 0.95rem;
      margin-top: 1rem;
    }

    /* about / overview subtle highlight */
    .highlight-text {
      background: #f9fcff;
      padding: 1.4rem 2rem;
      border-radius: 30px;
      border-left: 6px solid #1f4b7a;
      font-size: 1.1rem;
      color: #1f3a57;
    }

    /* footer */
    .footer-note {
      text-align: center;
      margin-top: 2.8rem;
      color: #8ba0b8;
      font-size: 0.9rem;
      border-top: 1px dashed #c7d9e8;
      padding-top: 1.8rem;
    }

    /* responsive */
    @media (max-width: 650px) {
      .job-post {
        padding: 1.8rem;
        border-radius: 24px;
      }
      .job-post h1 {
        font-size: 2.2rem;
      }
      .job-meta-bar {
        padding: 0.8rem 1.2rem;
        gap: 0.8rem 1.2rem;
      }
      .job-meta-item {
        font-size: 1rem;
      }
    }