/* ClinInfoJobs shared stylesheet. Loaded by every page. */
html{color-scheme:light} :root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)} img{max-width:100%} [hidden]{display:none!important}
/* Layout: a health-system site. White surfaces on a cool clinical grey, a navy masthead band with a
   by-the-numbers strip, then a two-column board: sticky filter rail left, listing cards right.
   Mono is reserved for codes, pay, and dates, the way a chart keeps its values in a fixed-width column. */
:root{
  --bg:#f4f7fa;            /* clinical grey */
  --surface:#ffffff;
  --surface-2:#eaf0f6;
  --ink:#0f2237;           /* navy ink */
  --ink-2:#44586e;
  --ink-3:#7a8a9b;
  --line:#d8e1ea;
  --navy:#0b2e4f;          /* masthead */
  --navy-2:#113d66;
  --navy-ink:#ffffff;
  --navy-muted:#a9c1da;
  --accent:#1769aa;        /* clinical blue */
  --accent-ink:#ffffff;
  --accent-soft:#e3eefa;
  --good:#1e7b4f; --good-soft:#dff3e8;
  --warn:#9a6700; --warn-soft:#fbefcc;
  --bad:#b23b3b;  --bad-soft:#f9e1e1;
  --focus:#1769aa;
  --display:"Manrope",system-ui,sans-serif;
  --body:"Source Sans 3","Source Sans Pro",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --radius:8px;
  --shadow:0 1px 2px rgba(15,34,55,.06),0 4px 14px rgba(15,34,55,.05);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0c1620; --surface:#132130; --surface-2:#1a2b3d; --ink:#e6eef6; --ink-2:#b3c2d2; --ink-3:#7f91a4; --line:#263a4f;
    --navy:#0a1e33; --navy-2:#102a45; --navy-ink:#ffffff; --navy-muted:#8fa9c4;
    --accent:#6aa9e6; --accent-ink:#06182b; --accent-soft:#173253;
    --good:#6fd39c; --good-soft:#163a27; --warn:#e6c25c; --warn-soft:#3b3013; --bad:#f08a8a; --bad-soft:#3f1f1f; --focus:#8cc0f5;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0c1620; --surface:#132130; --surface-2:#1a2b3d; --ink:#e6eef6; --ink-2:#b3c2d2; --ink-3:#7f91a4; --line:#263a4f;
  --navy:#0a1e33; --navy-2:#102a45; --navy-ink:#ffffff; --navy-muted:#8fa9c4;
  --accent:#6aa9e6; --accent-ink:#06182b; --accent-soft:#173253;
  --good:#6fd39c; --good-soft:#163a27; --warn:#e6c25c; --warn-soft:#3b3013; --bad:#f08a8a; --bad-soft:#3f1f1f; --focus:#8cc0f5;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;margin:0;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
a{color:var(--accent)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;letter-spacing:-.01em}
.eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(15,34,55,.03)}
header.top .wrap{display:flex;align-items:center;gap:14px;padding-block:10px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--navy);text-decoration:none}
.brand .mark{width:34px;height:34px;border-radius:9px;background:var(--navy);display:grid;place-items:center;flex:none}
.brand .mark svg{width:34px;height:34px;display:block}
.brand small{display:block;font-family:var(--body);font-weight:400;font-size:12.5px;color:var(--ink-3);letter-spacing:0;margin-top:-2px}
nav.jump{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;align-items:center}
nav.jump a{text-decoration:none;color:var(--ink-2);font-size:13.5px;font-weight:500;padding:6px 9px;border-radius:6px;white-space:nowrap}
nav.jump a:hover{background:var(--surface-2);color:var(--ink)}
nav.jump a.modelink{color:var(--ink-2)}
.counter{font-family:var(--mono);font-size:12px;color:var(--ink-3);white-space:nowrap}
@media (max-width:1400px){.counter{display:none}}
@media (max-width:1400px){.brand small{display:none}}
@media (max-width:700px){header.top .wrap{padding-block:8px}nav.jump{width:100%;margin-left:0;flex-wrap:wrap;row-gap:4px}}

/* masthead band */
.masthead{background:var(--navy);color:var(--navy-ink)}
.masthead .wrap{padding-block:44px 36px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end}
@media (max-width:900px){.masthead .wrap{grid-template-columns:1fr;gap:22px;padding-block:32px 26px}}
.masthead .eyebrow{color:var(--navy-muted)}
.masthead h1{font-size:clamp(28px,3.6vw,42px);line-height:1.08;font-weight:800;max-width:22ch;color:var(--navy-ink)}
.masthead p.lede{max-width:60ch;color:var(--navy-muted);margin:14px 0 0;font-size:17px;line-height:1.5}
.masthead p.lede b{color:var(--navy-ink);font-weight:600}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stats .stat:nth-child(5){grid-column:1/-1}
.stat{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:14px 16px;min-width:0}
.stat .n{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;color:var(--navy-ink)}
.stat .l{font-size:12.5px;color:var(--navy-muted);margin-top:6px;letter-spacing:.02em}
.stat a{color:inherit;text-decoration:none}
.stat.link:hover{border-color:rgba(255,255,255,.3)}
.intro{padding-block:22px 10px}
.intro .legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.intro .legend .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700;margin-right:4px;font-family:var(--display)}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap}
.pill.good{background:var(--good-soft);color:var(--good)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.neutral{background:var(--surface-2);color:var(--ink-2)}
.pill.accent{background:var(--accent-soft);color:var(--accent)}
.pill.degree::before{content:"\1F393";font-size:12px;margin-right:1px}
.pill.new{background:var(--accent);color:var(--accent-ink);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.job .foot .date{color:var(--ink-2)}
.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}

/* board */
#board,section.guide{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 72px)}
.board{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;padding-block:8px 40px}
@media (max-width:860px){.board{grid-template-columns:1fr}}
aside.rail{position:static;display:flex;flex-direction:column;gap:18px}
@media (max-width:860px){aside.rail{position:static}}
details.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
details.filters>summary{cursor:pointer;list-style:none;padding:12px 14px;font-family:var(--display);font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center}
details.filters>summary::-webkit-details-marker{display:none}
details.filters>summary .chev{font-family:var(--mono);color:var(--ink-3)}
details.filters>summary .chev::before{content:"collapse"}
details.filters:not([open])>summary .chev::before{content:"expand"}
.fbody .hint{margin:0;font-size:12.5px;color:var(--ink-2)}
.fbody{padding:0 14px 14px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:14px}
.field{display:flex;flex-direction:column;gap:5px}
.field label,.field .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600}
.field input[type=text],.field input[type=search],.field select,.field input[type=url],.field input[type=number],.field input[type=date],.field textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0;transition:border-color .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.field input[type=range]{width:100%;accent-color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer;line-height:1.4}
.chip[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.toggle input{accent-color:var(--accent)}
.rail .mine{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.rail .mine h3{font-size:14px}
.rail .mine p{margin:0;font-size:12.5px;color:var(--ink-2)}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;line-height:1.4;transition:background .15s,border-color .15s}
.btn:hover{border-color:var(--ink-3)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.btn.primary:hover{background:var(--navy-2);border-color:var(--navy-2)}
.btn.quiet{border-color:transparent;background:transparent;color:var(--ink-2)}
.btn.danger{color:var(--bad);border-color:var(--bad)}
.btn:disabled{opacity:.5;cursor:default}

.listhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.listhead .n{font-family:var(--display);font-weight:700;font-size:17px;color:var(--navy)}
.listhead .n span{font-family:var(--mono);color:var(--accent)}
.listhead .sort{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}
.listhead select{padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.active{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.active .pill button{all:unset;cursor:pointer;margin-left:2px;font-family:var(--mono)}

.list{display:flex;flex-direction:column;gap:12px}
.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;position:relative;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.job:hover{border-color:var(--accent)}
@media (prefers-reduced-motion:no-preference){.job:hover{transform:translateY(-1px)}}
.job.fit{border-left:4px solid var(--good)}
.job.needs{border-left:4px solid var(--bad)}
.job .t{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.25;color:var(--navy)}
.job .t a{color:inherit;text-decoration:none}
.job .t a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.job .emp{color:var(--ink-2);font-size:14px;margin-top:3px}
.job .emp b{font-weight:600;color:var(--ink)}
.job .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.job .pay{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.job .pay small{display:block;font-size:11px;color:var(--ink-3);font-family:var(--body)}
.job .pay.none{color:var(--ink-3)}
.job .note{grid-column:1/-1;font-size:14.5px;color:var(--ink-2);margin-top:8px;max-width:72ch;padding-left:12px;border-left:2px solid var(--accent-soft)}
.job .note b{color:var(--ink);font-weight:600}
.job .foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:8px;font-size:12px;color:var(--ink-3);font-family:var(--mono)}
.job .foot .acts{margin-left:auto;display:flex;gap:6px;font-family:var(--body)}
.job .bgs{display:flex;flex-wrap:wrap;gap:4px}
.job .bgs span{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--ink-2)}
.job .bgs span.hit{border-color:var(--good);color:var(--good);background:var(--good-soft)}
.job .code{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.pager .pages{display:flex;gap:4px;align-items:center}
.pager .pnum{border:1px solid transparent;background:transparent;border-radius:6px;min-width:32px;padding:5px 8px;cursor:pointer;font-family:var(--mono);font-size:13px;color:var(--ink-2)}
.pager .pnum:hover{border-color:var(--line);color:var(--ink)}
.pager .pnum.on{background:var(--accent);color:var(--accent-ink)}
.pager .gap{color:var(--ink-3);padding:0 4px}
.pager .range{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:28px 20px;text-align:center;color:var(--ink-2)}
.empty h3{font-size:16px;margin-bottom:6px}
.empty .mono{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}

/* editor */
.editor{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:16px;margin-bottom:16px}
.editor h3{font-size:15px;margin-bottom:10px}
.editor .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 12px}
.editor .grid .wide{grid-column:1/-1}
.editor .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.editor .msg{font-size:13px;color:var(--ink-2)}
.editor .msg.err{color:var(--bad)}

/* guides */
section.guide{padding-block:44px;border-top:1px solid var(--line)}
section.guide:nth-of-type(even){background:var(--surface)}
section.guide h2{font-size:26px;margin-bottom:8px;color:var(--navy);font-weight:800}
section.guide p.sub{color:var(--ink-2);margin:0 0 18px;max-width:66ch}
.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.track{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;min-width:0;box-shadow:var(--shadow)}
.track h3{font-size:16px;color:var(--navy)}
.track .who{font-size:12px;color:var(--ink-3);margin:4px 0 8px;font-family:var(--mono)}
.track p{margin:0;font-size:13.5px;color:var(--ink-2)}
.track .vocab{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}
.track .vocab span{font-family:var(--mono);font-size:11px;background:var(--surface-2);border-radius:4px;padding:1px 6px;color:var(--ink-2)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.cols h3{font-size:15px;margin-bottom:8px}
.cols ul{margin:0;padding-left:18px;font-size:14px;color:var(--ink-2)}
.cols li{margin-bottom:6px}
.cols li b{color:var(--ink);font-weight:600}
table.pay{border-collapse:collapse;width:100%;font-size:13.5px}
table.pay th,table.pay td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.pay th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
table.pay td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.tscroll{overflow-x:auto}
footer{padding-block:28px 44px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);background:var(--surface)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* forms */
nav.jump a.postlink{background:var(--accent);color:var(--accent-ink);font-weight:600}
nav.jump a.postlink:hover{background:var(--accent);color:var(--accent-ink);opacity:.9}
.subscribe-band{background:var(--navy);padding-block:34px}
.subscribe-band .subscribe.wide{margin:0 auto;max-width:720px;background:var(--navy-2);border-color:rgba(255,255,255,.12);color:var(--navy-ink)}
.subscribe-band .subscribe.wide h2{color:var(--navy-ink);font-size:20px}
.subscribe-band .subscribe.wide p,.subscribe-band .subscribe.wide .fine{color:var(--navy-muted)}
.subscribe-band .subscribe.wide input[type=email]{background:var(--surface);color:var(--ink)}
.subscribe-band{background:var(--navy);color:var(--navy-ink);padding-block:40px}
.subscribe-band .subscribe{margin:0;max-width:none;background:var(--navy-2);border-color:rgba(255,255,255,.12);box-shadow:none}
.subscribe-band .subscribe h2{color:var(--navy-ink)}
.subscribe-band .subscribe p{color:var(--navy-muted)}
.subscribe-band .subscribe .fine{color:var(--navy-muted)}
.subscribe-band .subscribe input[type=email]{background:#fff;color:#0f2237;border-color:transparent}
.subscribe-band .formmsg{color:#9fe1bd}
.subscribe-band .formmsg.err{color:#f4a3a3}
.subscribe{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;max-width:600px;box-shadow:var(--shadow)}
.subscribe h2{font-size:16px;margin-bottom:4px;color:var(--navy)}
.subscribe p{margin:0 0 10px;font-size:13px;color:var(--ink-2)}
.subscribe .row{display:flex;gap:8px;flex-wrap:wrap}
.subscribe input[type=email]{flex:1 1 220px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.subscribe .fine{font-size:11.5px;color:var(--ink-3);margin:8px 0 0}
.formmsg{font-size:13px;margin-top:8px;color:var(--good)}
.formmsg.err{color:var(--bad)}
.postjob{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}
.postjob .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px}
.postjob .grid .wide{grid-column:1/-1}
.postjob .terms{font-size:13px;color:var(--ink-2);margin:0 0 14px;max-width:70ch}
.postjob .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}
.tier{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:var(--surface);box-shadow:var(--shadow)}
.tier h3{font-size:14px}
.tier .price{font-family:var(--mono);font-size:18px;margin:4px 0 6px;font-variant-numeric:tabular-nums}
.tier p{margin:0;font-size:12.5px;color:var(--ink-2)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* remote view */
nav.jump a.modelink .cnt{font-family:var(--mono);font-size:11px;color:var(--accent);margin-left:2px}
nav.jump a.modelink.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.remotebar{display:none;align-items:center;gap:10px;flex-wrap:wrap;background:var(--accent-soft);color:var(--navy);border:1px solid rgba(23,105,170,.18);border-radius:var(--radius);padding:11px 14px;margin-bottom:12px;font-size:14px}
.remotebar.show{display:flex}
.remotebar b{font-family:var(--display);font-weight:600}
.remotebar .x{margin-left:auto;border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}
/* countries */
.countries{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}
.countries .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600;margin-right:4px}
.countries a{text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12.5px;line-height:1.4}
.countries a .cnt{font-family:var(--mono);font-size:11px;color:var(--accent);margin-left:3px}
.countries a.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.countries a.on .cnt{color:inherit}
.job .ctry{font-family:var(--mono);font-size:11px;letter-spacing:.04em;border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--ink-2);background:var(--bg)}

/* subscribe pop-up: once per visitor, exit-intent on desktop, after a scroll on touch */
dialog.pop{border:0;padding:0;background:transparent;max-width:min(92vw,500px);width:100%}
dialog.pop::backdrop{background:rgba(11,46,79,.55);backdrop-filter:blur(2px)}
dialog.pop .box{background:var(--surface);color:var(--ink);border-radius:var(--radius);border-top:5px solid var(--navy);padding:26px 28px 22px;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.3)}
@media (max-width:600px){dialog.pop .box{padding:22px 18px 18px}}
dialog.pop .close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:22px;line-height:1;color:var(--ink-3);cursor:pointer;padding:6px 8px;border-radius:6px}
dialog.pop .close:hover{color:var(--ink);background:var(--surface-2)}
dialog.pop h2{font-size:22px;line-height:1.2;font-weight:800;color:var(--navy);margin-top:4px}
dialog.pop p{margin:10px 0 0;color:var(--ink-2);font-size:14.5px}
dialog.pop .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
dialog.pop input[type=email]{flex:1 1 200px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:15px}
dialog.pop input[type=email]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
dialog.pop ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px;color:var(--ink-2)}
dialog.pop li{display:flex;gap:9px;align-items:baseline}
dialog.pop li::before{content:"✓";color:var(--good);font-weight:700;flex:none}
dialog.pop .later{margin-top:16px;font-size:12.5px;color:var(--ink-3)}
dialog.pop .later button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:inherit}
dialog.pop .later button:hover{color:var(--ink)}
.countries a{white-space:nowrap;display:inline-block}
/* guide pages (one section per page) */
section.guide.page{border-top:0;padding-block:40px 56px}
section.guide.page h2{font-size:30px}
nav.jump a[aria-current="page"]{background:var(--surface-2);color:var(--ink);font-weight:600}
.morelinks{border-top:1px solid var(--line);padding-block:26px 34px}
.morelinks .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.morelinks a{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;color:var(--ink);box-shadow:var(--shadow)}
.morelinks a:hover{border-color:var(--accent)}
.morelinks a b{display:block;font-family:var(--display);font-weight:700;color:var(--navy);margin-bottom:3px}
.morelinks a span{font-size:13px;color:var(--ink-2)}

/* job detail page */
.jobgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
@media (max-width:860px){.jobgrid{grid-template-columns:1fr}}
.jobgrid h3{font-size:15px;margin:16px 0 6px;color:var(--navy)}
.jobgrid h3:first-child{margin-top:0}
.jobgrid p{margin:0;color:var(--ink-2);font-size:15px;max-width:70ch}
.jobgrid p.mono{font-family:var(--mono);font-size:13px}
.jobside{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}
.jobside .payline{font-family:var(--mono);font-size:16px;font-variant-numeric:tabular-nums}
.jobside .btn.primary{text-align:center;text-decoration:none;display:block}
.jobside .fine{font-size:12.5px;color:var(--ink-3)}
.job .foot .acts a.btn{text-decoration:none;display:inline-block}
.jobpage .num b{font-size:16px;letter-spacing:.04em}