/**
 * Careers — the Zoho Recruit embed (layout 3) restyled to the prototype's job rows, and the filter bar.
 * Selectors are scoped to #zoho-recruit-jobs so they beat embed_jobs.css; !important only against Zoho's inline styles.
 * The embed's own search and facets are hidden only once careers.js has enhanced the rows (.is-enhanced).
 */
#zoho-recruit-jobs [hidden] { display: none !important; }
#zoho-recruit-jobs .careers-field:focus { outline: 2px solid var(--gds-blue); outline-offset: 1px; }
#zoho-recruit-jobs.is-enhanced .rec-what-where,
#zoho-recruit-jobs.is-enhanced .rec_filter_cls { display: none !important; }

#zoho-recruit-jobs .embed_jobs_head,
#zoho-recruit-jobs .embed_jobs_head2,
#zoho-recruit-jobs .embed_jobs_head3,
#zoho-recruit-jobs #rec_job_listing_div { margin: 0; padding: 0; width: auto; max-width: none; background: none; border: 0; box-shadow: none; font-family: var(--font-sans); }
#zoho-recruit-jobs #rec_job_listing_div { font-size: 16px; color: var(--fg-secondary); }
#zoho-recruit-jobs .rec_job_listing_div_jobs { margin: 0; padding: 0; border-top: 1px solid var(--border-default); }
#zoho-recruit-jobs ul.rec-group { list-style: none; margin: 0; padding: 0; }

/* Row: the prototype's <a> grid (title + location | pill + date + arrow). The title link is stretched over the row. */
#zoho-recruit-jobs ul.rec-job-info { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; margin: 0; padding: 22px 8px; list-style: none; background: #fff; border: 0; border-bottom: 1px solid var(--border-default); border-radius: 0; box-shadow: none; color: var(--gds-navy); }
#zoho-recruit-jobs ul.rec-job-info:hover { background: var(--gds-slate-75); }
#zoho-recruit-jobs ul.rec-job-info li { list-style: none; margin: 0; padding: 0; border: 0; background: none; float: none; width: auto; }
#zoho-recruit-jobs ul.rec-job-info li::before { content: none !important; display: none !important; }
#zoho-recruit-jobs li.zr_fillayout_info > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
#zoho-recruit-jobs li.rec-job-title { font-size: 18px; font-weight: 600; line-height: 1.35; text-wrap: pretty; }
#zoho-recruit-jobs li.rec-job-title a { color: var(--gds-navy) !important; font: inherit; text-decoration: none; }
#zoho-recruit-jobs li.rec-job-title a::after { content: ''; position: absolute; inset: 0; }
#zoho-recruit-jobs li.rec-job-title a:focus-visible { outline: none; }
#zoho-recruit-jobs ul.rec-job-info:has(a:focus-visible) { outline: 2px solid var(--gds-blue); outline-offset: -2px; }
#zoho-recruit-jobs li.zrsite_Location { display: flex; align-items: flex-start; gap: 6px; font-size: 14px; line-height: 1.45; color: var(--fg-secondary); }
#zoho-recruit-jobs ul.rec-job-info li.zrsite_Location::before { content: '' !important; display: block !important; position: static; visibility: visible; flex: none; width: 14px; height: 14px; margin-top: 2px; background: var(--fg-secondary) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat; }
#zoho-recruit-jobs li.zrsite_Job_Description { display: none !important; }
#zoho-recruit-jobs li.zrsite_Date_Opened { display: grid; grid-template-columns: auto 38px; grid-template-areas: 'type arrow' 'date arrow'; align-items: center; justify-items: end; gap: 6px 20px; position: static; }
#zoho-recruit-jobs li.zrsite_Date_Opened .zrsite_Job_Type { grid-area: type; font-size: 12px; font-weight: 600; color: var(--gds-navy); background: var(--gds-slate-75); border: 1px solid var(--border-subtle); padding: 4px 10px; border-radius: 999px; line-height: normal; white-space: nowrap; margin: 0; }
#zoho-recruit-jobs li.zrsite_Date_Opened .zrsite_Date_Opened { grid-area: date; display: block; width: auto; font-size: 13px; line-height: normal; white-space: nowrap; color: var(--fg-tertiary); margin: 0; padding: 0; background: none; border: 0; }
#zoho-recruit-jobs li.zrsite_Date_Opened::after { content: ''; grid-area: arrow; width: 38px; height: 38px; box-sizing: border-box; border: 1px solid var(--border-default); border-radius: 999px; background: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111F3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); }