/* Make the job board heading larger and styled as h1 */
.ashby-job-board-heading {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 24px 0;
    color: #236E6C;
    line-height: 1.2;
}

/* Container for job posting briefs - add top margin to prevent border clipping */
.ashby-job-posting-brief-list {
    margin-top: 8px !important;
}

/* First job card gets extra top margin to ensure border visibility */
.ashby-job-posting-brief:first-child {
    margin-top: 12px !important;
}

/* Job title card styling with rounded border - force with higher specificity */
.ashby-job-posting-brief {
    border: 1px solid #236E6C !important;
    border-radius: var(--borderRadiusContainer, 10px) !important;
    /* Preserve existing margin */
    margin-bottom: 10px !important;
    /* Add some padding for better visual appearance */
    padding: 16px !important;
    /* Force the element to have its own stacking context */
    position: relative !important;
    z-index: 1 !important;
    /* Add a small top margin to all cards */
    margin-top: 2px !important;
    /* Ensure box-sizing includes border */
    box-sizing: border-box !important;
}

/* Ensure border works on all screen sizes - Desktop and larger */
@media (min-width: 769px) {
    .ashby-job-posting-brief {
        border: 1px solid #236E6C !important;
        margin-top: 8px !important;
    }
    
    .ashby-job-posting-brief:first-child {
        margin-top: 16px !important;
    }
}

/* Tablet screens */
@media (max-width: 768px) and (min-width: 481px) {
    .ashby-job-posting-brief {
        border: 1px solid #236E6C !important;
        margin-top: 6px !important;
    }
}

/* Mobile screens */
@media (max-width: 480px) {
    .ashby-job-posting-brief {
        border: 1px solid #236E6C !important;
        margin-top: 4px !important;
    }
}

/* Optional: Add hover effect for better interactivity */
.ashby-job-posting-brief:hover {
    border-color: var(--colorPrimary600, orange);
    transition: border-color 0.2s ease;
}

/* Make the job title within each card slightly larger */
.ashby-job-posting-brief-title {
    margin: 0 0 8px 0;
    font-size: 1.25rem; /* About 5px larger than typical 16px base font */
    font-weight: 600;
    line-height: 1.3;
    color: #236E6C;
}

/* Style the details container within the card */
.ashby-job-posting-brief-details {
    margin: 0;
}