/* ==========================================================
   Cerebras Ashby Board Theme
   Light Mode
   1000px content width
   Light gray hover cards
   Gray 700 submit button
   No shadows
   ========================================================== */

@layer cerebras-ashby {

  :root {
    --cb-bg: #ffffff;
    --cb-hover: #f5f5f6;
    --cb-text: #2f3137;
    --cb-text-secondary: #6f7178;
    --cb-text-muted: #9a9aa2;
    --cb-border: #e5e7eb;
    --cb-radius: 10px;
    --cb-max-width: 1000px;
    --cb-transition: 160ms ease;
  }

  body,
  .ashby-job-board {
    background: var(--cb-bg);
    color: var(--cb-text);
  }

  .ashby-job-board {
    max-width: var(--cb-max-width);
    margin: 0 auto;
    padding: 48px 24px 72px;
  }

  .ashby-department-heading {
    color: var(--cb-text);
    font-size: 32px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 28px auto 24px;
    max-width: 1000px;
  }

  .ashby-job-posting-brief {
    display: block;
    width: 100%;
    max-width: 1000px;

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;

    padding: 42px 32px;

    background: transparent;
    border: 0;
    border-radius: var(--cb-radius);

    text-decoration: none;

    box-sizing: border-box;

    transition: background var(--cb-transition);
  }

  .ashby-job-posting-brief:hover {
    background: var(--cb-hover);
  }

  .ashby-job-posting-brief-title,
  .ashby-job-posting-brief-title a,
  .ashby-job-posting-title,
  .ashby-job-posting-title a {

    color: var(--cb-text) !important;

    font-size: 30px;
    line-height: 1.2;

    font-weight: 500 !important;

    letter-spacing: -0.02em;

    text-decoration: none !important;
  }

  .ashby-job-posting-brief-title {
    margin-bottom: 24px;
  }

  .ashby-job-posting-brief-title:hover,
  .ashby-job-posting-brief-title a:hover,
  .ashby-job-posting-title:hover,
  .ashby-job-posting-title a:hover {
    color: var(--cb-text) !important;
  }

  .ashby-job-posting-brief-details,
  .ashby-job-posting-location,
  .ashby-job-posting-department,
  .ashby-job-posting-employment-type {

    color: var(--cb-text-secondary);

    font-size: 26px;
    line-height: 1.45;

    font-weight: 400;
  }

  .ashby-job-posting-brief-details + .ashby-job-posting-brief-details {
    margin-top: 10px;
  }

  .ashby-job-posting {
    max-width: var(--cb-max-width);
    margin: 0 auto;
    padding: 48px 24px 72px;

    background: var(--cb-bg);
    color: var(--cb-text);
  }

  .ashby-job-posting-heading {
    color: var(--cb-text);

    font-size: 40px;
    line-height: 1.1;

    font-weight: 600;

    letter-spacing: -0.04em;

    margin: 24px 0 32px;
  }

  .ashby-job-board-back-to-all-jobs-button {
    color: var(--cb-text-muted);

    font-size: 18px;
    font-weight: 500;

    text-decoration: none;
  }

  .ashby-job-board-back-to-all-jobs-button:hover {
    color: var(--cb-text);
  }

  .ashby-job-posting-apply-button,
  .ashby-application-form-submit-button {

    background-color: #374151 !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: var(--cb-radius) !important;

    box-shadow: none !important;
    filter: none !important;

    font-weight: 600;

    transition: background-color var(--cb-transition);
  }

  .ashby-job-posting-apply-button:hover,
  .ashby-application-form-submit-button:hover {

    background: #1f2937 !important;

    box-shadow: none !important;
    filter: none !important;

    transform: none !important;
  }

  .ashby-job-posting-apply-button:focus,
  .ashby-application-form-submit-button:focus,
  .ashby-job-posting-apply-button:active,
  .ashby-application-form-submit-button:active {

    background: #1f2937 !important;

    box-shadow: none !important;
    filter: none !important;

    outline: none !important;
  }

  .ashby-application-form-submit-button,
  .ashby-application-form-submit-button:hover,
  .ashby-application-form-submit-button:focus,
  .ashby-application-form-submit-button:active {
    box-shadow: none !important;
  }

  .ashby-application-form-container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;

    background: var(--cb-bg);
    color: var(--cb-text);
  }

  .ashby-application-form-section-header-title,
  .ashby-application-form-question-title {
    color: var(--cb-text);
    font-weight: 600;
  }

  input,
  textarea,
  select,
  .ashby-application-form-field-entry {

    background: #ffffff;

    border: 1px solid var(--cb-border);
    border-radius: 10px;

    color: var(--cb-text);
  }

  input:focus,
  textarea:focus,
  select:focus,
  .ashby-application-form-field-entry:focus-within {

    border-color: #374151;

    outline: none;

    box-shadow:
      0 0 0 3px rgba(55, 65, 81, 0.08);
  }

  ::placeholder {
    color: #9ca3af;
  }

  @media (max-width: 768px) {

    .ashby-job-board,
    .ashby-job-posting {
      max-width: 100%;
      padding: 32px 16px 56px;
    }

    .ashby-department-heading {
      font-size: 28px;
      margin-bottom: 16px;
    }

    .ashby-job-posting-brief {
      padding: 28px 20px;
    }

    .ashby-job-posting-brief-title,
    .ashby-job-posting-brief-title a,
    .ashby-job-posting-title,
    .ashby-job-posting-title a {
      font-size: 24px;
    }

    .ashby-job-posting-brief-details,
    .ashby-job-posting-location,
    .ashby-job-posting-department,
    .ashby-job-posting-employment-type {
      font-size: 18px;
    }

    .ashby-job-posting-heading {
      font-size: 32px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    * {
      transition: none !important;
      animation: none !important;
    }
  }
}