
:root{color-scheme:dark;--bg:#070d18;--surface:#101b2b;--surface2:#152438;--border:#293a51;--text:#eef6ff;--muted:#a8bbcd;--brand:#68e1b5;--brand2:#3db99a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}
a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}
.layout{max-width:1250px;margin:0 auto;padding:0 26px}
.topbar{height:78px;border-bottom:1px solid var(--border);background:#0b1423}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-weight:850;font-size:20px;letter-spacing:-.04em;white-space:nowrap}.logo span{color:var(--brand)}
.nav{display:flex;align-items:center;gap:25px;color:#d4e3f1;font-size:13px;font-weight:650}
.nav a[aria-current=page]{color:var(--brand)}
.nav a{white-space:nowrap}
.hero{background:radial-gradient(ellipse at 85% 5%,#153a44 0%,#0b1524 42%,var(--bg) 85%);padding:72px 0 54px}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--brand);font-size:11px;font-weight:800}
.hero h1{font-size:clamp(43px,6.2vw,77px);line-height:1.07;margin:20px 0 23px;max-width:920px;letter-spacing:-.06em}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero p{font-size:17px;color:var(--muted);max-width:690px;line-height:1.8;margin:0}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.pill{border:1px solid #39516a;color:#c1d4e1;border-radius:999px;padding:6px 12px;font-size:12px}
.listing{padding:30px 0 100px}
.listing-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.listing-heading h2{font-size:27px;letter-spacing:-.045em;margin:6px 0 0}.results{color:var(--muted);font-size:12px}
.browser{display:grid;grid-template-columns:258px minmax(0,1fr);gap:27px;margin-top:22px}
.filters{align-self:start;position:sticky;top:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:19px}
.filters h3{font-size:13px;text-transform:uppercase;letter-spacing:.11em;margin:0 0 19px;color:#dce8f3}
.field{display:block;font-size:12px;font-weight:800;color:#c3d1df;margin-bottom:15px}.field input,.field select{width:100%;border:1px solid #3c516b;background:#0b1524;color:var(--text);border-radius:9px;padding:11px;margin-top:7px;outline-offset:3px}
.filter-note{border-top:1px solid var(--border);padding-top:15px;margin-top:15px;color:#95afc4;font-size:12px}
.cards{display:grid;gap:13px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:23px;transition:border .15s,transform .15s}
.card:hover{border-color:#65d7b3;transform:translateY(-1px)}
.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.flag{font-size:11px;font-weight:800;color:#90eacf;background:#183f38;border-radius:6px;padding:5px 9px}
.source{font-size:11px;color:#8398ae}
.card h3{font-size:21px;letter-spacing:-.035em;margin:17px 0 4px;line-height:1.2}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--brand)}
.employer{font-weight:750;font-size:14px;color:#d1e1ee}
.card-desc{margin:14px 0;color:#a9bbcb;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-footer{margin-top:19px;padding-top:15px;border-top:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.metadata{display:flex;gap:9px;flex-wrap:wrap}.metadata span{border:1px solid #31465e;border-radius:999px;padding:4px 9px;font-size:11px;color:#b1c5d5}
.details-btn,.button{background:var(--brand);border:1px solid var(--brand);color:#08251a;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;gap:7px}
.details-btn:hover,.button:hover{background:#a3f2d7;color:#08251a}
.empty{padding:26px;border:1px dashed #4c5e75;border-radius:13px;color:#bbccda}
.disclaimer{padding:15px 17px;background:#111e2e;border-left:3px solid #b7b46f;border-radius:8px;font-size:12px;color:#adc0d1;line-height:1.7;margin:24px 0}
.subnav{margin-top:30px;color:#8fa6b8;font-size:13px}.subnav a{color:#a9f0d7}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;padding:28px 0 100px}
.detail-main{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:31px}
.detail h1{font-size:clamp(32px,4vw,52px);line-height:1.13;letter-spacing:-.05em;margin:13px 0}
.detail-company{font-size:16px;color:#c6d9e8;font-weight:800}
.detail-lead{margin:18px 0;padding:14px;background:#1d3038;border-radius:9px;color:#bbdfd0;font-size:13px}
.detail-section{border-top:1px solid var(--border);padding-top:25px;margin-top:25px}
.detail-section h2{font-size:19px;letter-spacing:-.025em}
.description{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9d7e4;line-height:1.85;font-size:14px}
.aside{align-self:start;border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:20px}
.aside h3{font-size:16px;margin-top:0}.fact{margin-bottom:17px;font-size:13px}.fact b{display:block;color:#7b94aa;text-transform:uppercase;letter-spacing:.09em;font-size:10px;margin-bottom:4px}.fact span{color:#d1e1ed}
.aside .button{width:100%;justify-content:center}
.link-back{display:inline-flex;color:var(--brand);font-size:13px;margin-bottom:15px}
.page-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}.page-nav a{color:var(--brand);border:1px solid var(--border);border-radius:9px;padding:10px 15px}.page-nav .disabled{color:#64768a}
footer{border-top:1px solid var(--border);color:#8fa4b8;font-size:12px;padding:30px 0;display:flex;gap:25px;align-items:center;justify-content:space-between}
footer a{color:#d3e5ee}
@media(max-width:900px){.browser{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters h3,.filter-note{grid-column:1/-1}.detail{grid-template-columns:1fr}.aside{order:-1}}
@media(max-width:580px){.layout{padding:0 17px}.topbar{height:auto;min-height:72px}.topbar-inner{flex-wrap:wrap;padding:15px 0}.logo{font-size:18px}.nav{gap:13px;font-size:12px}.hero{padding:47px 0 33px}.hero p{font-size:15px}.filters{display:block}.listing-heading{align-items:start;flex-direction:column}.card{padding:18px}.card h3{font-size:19px}.detail-main{padding:19px}footer{flex-direction:column;align-items:start}}

/* Source content: clearly separated employer headings, paragraphs and bullet points. */
.section-byline{color:#8fa8bd;font-size:12px;margin:-3px 0 24px}
.source-content{font-size:14px;line-height:1.8;color:#ccdae7;overflow-wrap:anywhere}
.source-content .role-paragraph{line-height:1.85;margin:0 0 17px;max-width:72ch}
.source-content .role-subheading{font-size:17px;line-height:1.38;letter-spacing:-.02em;color:#f0f7fc;margin:30px 0 13px}
.source-content .role-subheading:first-child{margin-top:4px}
.source-content .role-bullets{padding:0 0 0 22px;margin:9px 0 24px;max-width:74ch}
.source-content .role-bullets li{padding-left:5px;margin:0 0 10px}
.source-content .role-bullets li::marker{color:#68e1b5}
.location-evidence{border:1px solid #326657;border-radius:10px;background:#122d2d;padding:15px 18px;margin-top:18px}
.location-evidence b{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#a2e9d1}
.location-evidence p{margin:6px 0 0;color:#e0f6ec;font-size:14px}

.role-editorial{padding:22px 24px;margin-top:27px;border-radius:13px;background:#142d33;border:1px solid #3a6e66}
.role-editorial p{font-size:14px;line-height:1.85;color:#e3f0eb;margin:12px 0 0}
.role-editorial .source-note{font-size:12px;color:#a6d6c5}
