/* XERICORE job board: same colors as the Courses page (loaded last) */
:root { --xc-bg:#070b11; --xc-panel:#0a1018; --xc-line:rgba(255,255,255,.08); --xc-text:#e6edf3; --xc-soft:#b4bfcc; --xc-muted:#8b98a8; --xc-acc:var(--accent,#00d4ff); }

html body { background-color: #05080c !important; }
html body .jb-section { background: transparent !important; }

/* Header */
html body .page-hero { background: var(--xc-bg) !important; border-bottom: 1px solid var(--xc-line) !important; box-shadow: none !important; }
html body .page-hero::before, html body .page-hero::after { display: none !important; }
html body .page-hero .page-title .accent { color: var(--xc-acc) !important; text-shadow: none !important; background: none !important; -webkit-text-fill-color: var(--xc-acc) !important; font-family: inherit !important; font-weight: inherit !important; }
html body .page-hero .page-subtitle { color: var(--xc-soft) !important; }

/* Search bar */
html body .jb-search { background: var(--xc-panel) !important; border: 1px solid var(--xc-line) !important; box-shadow: none !important; }
html body .jb-field { background: #070b11 !important; border: 1px solid var(--xc-line) !important; }
html body .jb-field:focus-within { border-color: rgba(255,255,255,.28) !important; box-shadow: none !important; }
html body .jb-search-btn, html body .jb-apply, html body .jb-btn, html body .jb-ap-submit, html body .jb-modal .jb-btn { background: var(--xc-acc) !important; color: #04121a !important; box-shadow: none !important; }
html body .jb-search-btn:hover, html body .jb-apply:hover, html body .jb-btn:hover, html body .jb-ap-submit:hover { background: var(--xc-acc) !important; filter: brightness(1.08); transform: none !important; box-shadow: none !important; }
html body .jb-modal { --jb-a: #00d4ff !important; --jb-a-hi: #33ddff !important; }

/* Panels */
html body .jb-filters, html body .jb-results, html body .jb-detail { background: var(--xc-panel) !important; border: 1px solid var(--xc-line) !important; box-shadow: none !important; }
html body .jb-toolbar { border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-group { border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-group:last-child { border-bottom: 0 !important; }
html body .jb-sort select, html body .jb-filter-btn { background: #070b11 !important; border: 1px solid var(--xc-line) !important; }
html body .jb-sort select:focus { border-color: rgba(255,255,255,.28) !important; }

/* Job list */
html body .jb-card { border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-card.is-selected { background: rgba(255,255,255,.04) !important; }
html body .jb-card.is-selected::before { background: var(--xc-acc) !important; box-shadow: none !important; }
html body .jb-tag, html body .jb-tag--cat { background: rgba(255,255,255,.04) !important; border: 1px solid var(--xc-line) !important; color: var(--xc-soft) !important; }
html body .jb-tag--closed { color: #f43f5e !important; border-color: rgba(244,63,94,.28) !important; }
html body .jb-logo { background: #070b11 !important; border: 1px solid var(--xc-line) !important; }

/* Detail */
html body .jb-banner { background: var(--xc-bg) !important; border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-banner::before, html body .jb-banner::after { display: none !important; }
html body .jb-ghost { border: 1px solid rgba(255,255,255,.14) !important; }
html body .jb-ghost:hover { border-color: rgba(255,255,255,.3) !important; color: #fff !important; }
html body .jb-ghost.is-on { border-color: var(--xc-acc) !important; color: var(--xc-acc) !important; }
html body .jb-tabs { border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-tab.is-on { border-bottom-color: var(--xc-acc) !important; }
html body .jb-fact { background: var(--xc-bg) !important; border: 1px solid var(--xc-line) !important; }
html body .jb-mini { background: rgba(255,255,255,.03) !important; border: 1px solid var(--xc-line) !important; }
html body .jb-mini:hover { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.2) !important; }

/* Apply form */
html body .jb-ap-card { background: var(--xc-panel) !important; border: 1px solid var(--xc-line) !important; }
html body .jb-ap-head { border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-fld input[type=text], html body .jb-fld input[type=email], html body .jb-fld textarea { background: #070b11 !important; border: 1px solid var(--xc-line) !important; }
html body .jb-fld input:focus, html body .jb-fld textarea:focus { border-color: rgba(255,255,255,.28) !important; box-shadow: none !important; }


/* JOB TEXT FORMAT */
html body .jb-panel { padding: 1.4rem 1.5rem 1.8rem !important; }
html body .jb-h { font-family: var(--xc-font, 'Inter', sans-serif) !important; font-size: 1.05rem !important; font-weight: 700 !important; letter-spacing: -.005em !important; text-transform: none !important; color: #fff !important; margin: 1.9rem 0 .9rem !important; padding-bottom: .65rem !important; border-bottom: 1px solid var(--xc-line) !important; }
html body .jb-h:first-child { margin-top: 0 !important; }

html body .jb-rich { font-size: .95rem !important; line-height: 1.75 !important; color: var(--xc-soft) !important; }
html body .jb-rich p { margin: 0 0 1rem !important; }
html body .jb-rich h1, html body .jb-rich h2, html body .jb-rich h3, html body .jb-rich h4, html body .jb-rich h5 { font-family: var(--xc-font, 'Inter', sans-serif) !important; font-size: 1rem !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff !important; margin: 1.6rem 0 .6rem !important; line-height: 1.4 !important; }
html body .jb-rich h1:first-child, html body .jb-rich h2:first-child, html body .jb-rich h3:first-child, html body .jb-rich h4:first-child { margin-top: 0 !important; }

html body .jb-rich ul, html body .jb-rich ol { margin: .3rem 0 1.2rem !important; padding-left: 1.4rem !important; }
html body .jb-rich ul { list-style: disc outside !important; }
html body .jb-rich ol { list-style: decimal outside !important; }
html body .jb-rich ul ul { list-style: circle outside !important; margin: .4rem 0 .4rem !important; }
html body .jb-rich li { display: list-item !important; margin: 0 0 .5rem !important; padding-left: .2rem !important; line-height: 1.65 !important; }
html body .jb-rich li::before { content: none !important; }
html body .jb-rich li::marker { color: var(--xc-muted, #8b98a8); }
html body .jb-rich li:last-child { margin-bottom: 0 !important; }

html body .jb-rich strong, html body .jb-rich b { color: #fff !important; font-weight: 600 !important; }
html body .jb-rich a { color: var(--xc-acc, #00d4ff) !important; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(0,212,255,.4); }
html body .jb-rich hr { border: 0; border-top: 1px solid var(--xc-line); margin: 1.5rem 0; }
html body .jb-rich blockquote { margin: 1rem 0; padding: .2rem 0 .2rem 1rem; border-left: 2px solid var(--xc-line); color: var(--xc-muted); }
html body .jb-rich table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9rem; }
html body .jb-rich th, html body .jb-rich td { padding: .55rem .7rem; border: 1px solid var(--xc-line); text-align: left; }
html body .jb-rich th { color: #fff !important; font-weight: 600; background: rgba(255,255,255,.03) !important; }
