/* SURVEYINGJOBS.COM 2026 theme. Colours and type follow the agreed designs. */
@font-face{font-family:'Exo 2';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/exo-2-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/exo-2-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/exo-2-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/exo-2-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-sans-latin-700-normal.woff2) format('woff2')}

:root{
  --brand:#0B3B2A;--brand-dark:#082F21;--brand-deep:#072A1E;--gold:#C49A6C;--gold-dark:#AE8455;--gold-light:#DDBF94;
  --ink:#17241D;--ink-2:#33433A;--muted:#48564D;--muted-2:#5B6860;--line:#DCE3DC;--line-2:#EFF1EC;
  --bg:#F5F5F0;--tint:#E3EEE7;--cream:#FBF8F1;--cream-line:#E6D6B8;--on-dark:#DCE9E1;--on-dark-2:#C8D8CD;
  --head:'Exo 2',system-ui,sans-serif;--body:'Nunito Sans',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;overflow-wrap:break-word}   /* long words (SURVEYINGJOBS.COM, web addresses) wrap instead of pushing small phones sideways */
img{max-width:100%}
a{color:var(--brand)}a:hover{color:var(--brand-dark)}
h1,h2,h3{font-family:var(--head)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;left:0;top:0}
.fld{position:relative}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--brand);padding:8px 14px;border-radius:8px;z-index:10}.skip:focus{left:8px}

.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;line-height:1.2}
.b-premium{background:#F1E6D2;color:#5E4423}.b-featured{background:var(--tint);color:var(--brand)}.b-top{background:var(--brand);color:#fff}
.meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none}
a.chip:hover{border-color:var(--brand);color:var(--brand)}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--brand-deep);font-weight:700;text-decoration:none;border-radius:8px;border:0;min-height:44px;padding:0 20px;font-family:var(--head);font-size:16px;cursor:pointer}
.btn-gold:hover{background:var(--gold-dark);color:var(--brand-deep)}
.btn-line{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--brand);font-weight:700;text-decoration:none;border-radius:8px;border:1.5px solid var(--brand);min-height:44px;padding:0 18px;font-size:15px}
.btn-line:hover{background:var(--tint);color:var(--brand-dark)}
.go{text-decoration:none;font-weight:700}.go .u{text-decoration:underline;text-underline-offset:2px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin:0 0 6px}
.sec-title{font-family:var(--head);font-weight:700;font-size:26px;color:var(--ink);margin:0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mono{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--tint);color:var(--brand);font-family:var(--head);font-weight:700;font-size:16px;flex:0 0 auto}
.mono-lg{width:64px;height:64px;font-size:20px}
.lg{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;flex:0 0 auto}

/* Header */
.util{background:var(--brand-dark);color:var(--on-dark-2);font-size:14px}
.util .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;min-height:40px}
.util a{color:#fff;text-decoration:none}.util .util-sell{color:var(--gold-light);font-weight:700}
.new-tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--gold);color:var(--brand-deep);margin-right:8px}
.top{background:var(--brand)}
div.top,.emp-hero{border-bottom:4px solid var(--gold)}
body:not(:has(div.top, .emp-hero)) header.top{border-bottom:4px solid var(--gold)}
.top .bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:18px;padding-bottom:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:30px;width:auto;display:block}
.brand span{font-family:var(--head);font-size:27px;line-height:1;color:#fff;font-weight:600;letter-spacing:.01em}.brand b{color:var(--gold);font-weight:600}
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.nav a{color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:10px 4px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold-light)}
.nav a.btn-gold{color:var(--brand-deep);padding:0 18px}
.menu-btn{display:none;background:transparent;border:0;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}

/* Hero */
.hero{padding-top:44px;padding-bottom:56px}
.hero h1{margin:0;color:#fff;font-size:56px;line-height:1.05;font-weight:600;letter-spacing:-.01em;max-width:860px}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .since{margin:16px 0 0;color:#fff;font-size:20px;line-height:1.5;font-weight:600}
.hero .sub{margin:6px 0 0;color:var(--on-dark);font-size:17px;line-height:1.55;max-width:760px}
.search{margin-top:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px;display:flex;flex-wrap:wrap;gap:12px}
.field{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #C6D2C9;border-radius:8px;padding:0 14px;min-height:52px;flex:1 1 240px}
.field input{border:0;outline:0;font:inherit;font-size:16px;color:var(--ink);width:100%;background:transparent}
.search .btn-gold{min-height:52px;padding:0 34px}
.tags{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tags>span{color:var(--on-dark);font-size:14px;font-weight:700;margin-right:4px}
.tag{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.tag:hover{background:rgba(255,255,255,.12);color:#fff}

/* Logo strip */
.strip{background:#fff;border-bottom:1px solid var(--line)}
.strip .wrap{padding-top:26px;padding-bottom:28px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.track{display:flex;gap:12px;width:max-content;animation:slide 70s linear infinite}
.marquee:hover .track{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;width:auto}}
.logo-tile{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);padding:8px;min-height:92px;text-align:center}
.logo-tile:hover{border-color:var(--brand);box-shadow:0 4px 14px rgba(11,59,42,.12)}
.logo-tile img{width:100%;height:70px;object-fit:contain;display:block}
.track .logo-tile{border:2px solid var(--brand);width:140px;flex:0 0 auto}
.track .logo-tile img{height:76px}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.logo-band{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}

/* Main layout */
.main{padding-top:40px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.main-col{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:40px}
.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}

/* Top Job */
.topjob{padding:28px;border:2px solid var(--brand);display:flex;flex-wrap:wrap;gap:24px}
.topjob .lg{width:104px;height:104px;border-radius:12px}
.topjob .mono{width:104px;height:104px;font-size:30px;border-radius:12px}
.topjob h3{margin:12px 0 6px;font-size:26px;line-height:1.2}
.topjob h3 a,.job h3 a,.jotw h3 a{color:var(--ink);text-decoration:none}
.topjob h3 a:hover,.job h3 a:hover,.jotw h3 a:hover{color:var(--brand);text-decoration:underline}
.emp{font-weight:700;color:var(--brand);font-size:16px}
.row-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.summary{margin:14px 0 0;color:var(--muted);line-height:1.6;font-size:15px}
.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}

/* Premium list */
.prem{overflow:hidden;border:2px solid var(--gold);background:var(--cream);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
.prow{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--cream-line);text-decoration:none;color:var(--ink);background:var(--cream)}
.prow:hover{background:#FAF5EA}.prow:hover .pt{color:var(--brand);text-decoration:underline}
.pt{font-family:var(--head);font-weight:600;font-size:17px;line-height:1.3;margin:0;color:var(--ink)}
.prow .who{font-size:14px;margin-top:3px;color:var(--muted)}.prow .who b{color:var(--brand)}
.prow .pay{text-align:right;flex:0 0 auto}.prow .pay div:first-child{font-size:14px;font-weight:700;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.prow .pay div+div{font-size:12px;color:var(--muted-2);margin-top:3px}

/* Latest jobs */
.jobs{display:flex;flex-direction:column;gap:12px}
.job{padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.job .body{flex:1 1 320px;min-width:0}
.job .top-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px;font-size:13px;color:var(--muted-2)}
.job h3{margin:0;font-size:19px;line-height:1.25}
.job .lines{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}
.job .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.job .right .chip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.center{margin-top:20px;display:flex;justify-content:center}

/* Sidebar */
.jotw{padding:22px;border:2px solid var(--brand)}
.jotw h3{margin:0 0 4px;font-size:19px;line-height:1.25}
.jotw .badge{margin-bottom:12px}
.jotw-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}
.jotw-head .lg{flex:none;border-radius:10px;border:1px solid var(--line);object-fit:contain;background:#fff}
.jotw .emp{font-size:15px;font-weight:700;color:var(--brand)}
.jotw .meta{display:flex;margin-top:4px}
aside .jotw{margin-top:18px}
aside .jotw:first-child{margin-top:0}
.topjob-side{border-color:var(--gold)}
.recruit{background:var(--brand);border-radius:12px;padding:24px;color:#fff}
.recruit .eb{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.recruit h3{margin:0;font-size:24px;line-height:1.2}
.recruit p{margin:10px 0 0;color:var(--on-dark);line-height:1.55;font-size:15px}
.price{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:14px;margin-top:8px}
.price small{color:var(--on-dark-2);font-size:14px}.price b.v{font-family:var(--head);font-size:20px}
.price.best{background:#fff;color:var(--ink);border:2px solid var(--gold)}.price.best small{color:var(--muted)}
.recruit .note{margin:8px 0 0;font-size:12px;color:var(--on-dark-2)}
.areas{padding:20px}
.areas a{display:flex;justify-content:space-between;align-items:center;min-height:40px;border-bottom:1px solid var(--line-2);font-weight:700;font-size:15px;text-decoration:none}
.areas a span:first-child{text-decoration:underline;text-underline-offset:2px}
.count{display:inline-flex;min-width:26px;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:var(--brand);border-radius:999px;padding:2px 8px}
.alerts{padding:22px}
.alerts h3{margin:0;font-size:20px}
.alerts label{display:block;font-size:14px;font-weight:700;margin:14px 0 6px}
.alerts input{width:100%;min-height:46px;border:1px solid #C6D2C9;border-radius:8px;padding:0 12px;font:inherit;font-size:16px}
.alerts button{margin-top:10px;width:100%}

/* Market report band */
.report{background:var(--brand-dark)}
.report .wrap{padding-top:34px;padding-bottom:34px;display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.report .txt{flex:1 1 380px;min-width:0}
.pill{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--gold);color:var(--brand-deep)}
.report h2{margin:12px 0 6px;font-size:30px;line-height:1.15;color:#fff}
.report p{margin:0;color:var(--on-dark);font-size:16px;line-height:1.55}
.report .btn-gold{margin-top:16px}
.stats{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:16px}
.stat b{display:block;font-family:var(--head);font-size:32px;color:#fff}.stat b.gold{color:var(--gold-light)}
.stat span{font-size:14px;color:var(--on-dark-2)}

/* Band, browse and text */
.band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band .wrap{padding-top:36px;padding-bottom:40px}
.lower{padding-top:44px;padding-bottom:52px}
.browse{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:32px}
.browse h2{margin:0 0 12px;font-size:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip.pale{background:#fff;font-weight:600;color:var(--brand)}
.home-text{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:40px;margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
.home-text h2{margin:0 0 12px;font-size:26px;line-height:1.2}
.prose{color:var(--ink-2);line-height:1.7;font-size:16px}.prose p{margin:0 0 12px}
details.hq{border-bottom:1px solid #E2E9E3;padding:12px 0}
details.hq summary{cursor:pointer;font-weight:700;font-size:16px;min-height:32px;display:flex;align-items:center}
details.hq p{margin:8px 0 0;line-height:1.6;color:var(--ink-2);font-size:15px}

/* Footer */
.foot{background:var(--brand-dark);color:var(--on-dark-2)}
.foot .cols{padding-top:40px;padding-bottom:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:28px}
.foot nav{display:flex;flex-direction:column;gap:8px}
.foot nav>span{color:#fff;font-weight:700;margin-bottom:4px}
.foot a{color:var(--on-dark-2);text-decoration:none;font-size:14px}.foot a:hover{color:#fff}
.foot .brand span{font-size:20px}.foot .brand img{height:22px}
.foot .tagline{margin:12px 0 0;font-size:14px;line-height:1.6}
.foot .foot-sell{display:inline-flex;align-items:center;gap:8px;margin-top:14px;min-height:40px;padding:0 14px;border-radius:8px;background:var(--gold);color:var(--brand-deep);font-weight:700;font-size:14px;font-family:var(--head)}
.foot .foot-sell:hover{color:var(--brand-deep);background:var(--gold-dark)}
.foot .legal{border-top:1px solid rgba(255,255,255,.14);padding-top:16px;padding-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
.foot .legal span:last-child{display:flex;gap:16px}

/* Old-template pages shown inside the new frame until each is rebuilt */
.legacy{background:#fff}

/* Phones and small tablets */
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:8px}
  .nav.open{display:flex}
  .nav a{padding:12px 4px;border-top:1px solid rgba(255,255,255,.12)}
  .nav a.btn-gold{margin-top:10px;justify-content:center;min-height:48px}
  .logo-band{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-text{grid-template-columns:1fr}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .util .util-sell{display:none}
  .util-noann{display:none}   /* nothing left in the bar on phones (no market report yet) */
  .brand span{font-size:20px}.brand img{height:22px}
  .hero{padding-top:18px;padding-bottom:24px}
  .hero h1{font-size:32px;line-height:1.1}
  .hero .since{font-size:17px;margin-top:12px}.hero .sub{font-size:15px}
  .search{padding:0;background:none;border:0;flex-direction:column}
  .search .field{flex:1 1 auto}
  .search .btn-gold{width:100%;min-height:48px}
  .track .logo-tile{width:100px;min-height:76px}.track .logo-tile img{height:60px}
  .main{padding-top:24px;gap:28px}
  .main-col{gap:28px}
  .topjob{padding:16px;gap:12px}
  .topjob .lg,.topjob .mono{width:64px;height:64px;font-size:20px}
  .topjob h3{font-size:19px}
  .prem{grid-template-columns:1fr}
  .prow{padding:14px;align-items:flex-start}
  .prow .pay{display:none}
  .sec-title{font-size:22px}
  .job{padding:14px;gap:12px}
  .job .right{width:100%}.job .right .btn-gold{flex:1}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .stat{padding:12px}.stat b{font-size:26px}.stat span{font-size:13px}
  .report h2{font-size:23px}
  .logo-band{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-text{grid-template-columns:1fr;gap:24px}
  .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot .cols>div:first-child{grid-column:1/-1}
}

/* Search / all jobs */
.search-slim{margin-top:0;padding:0;background:none;border:0}
.search-slim .btn-gold{min-height:52px;padding:0 30px}
.field select{border:0;outline:0;font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:transparent;width:100%;cursor:pointer}
.res-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.res-head h1{margin:0;font-size:32px;font-weight:700}
.res-head p{margin:6px 0 0;color:var(--muted)}
.sort{display:flex}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.active-filters a.active{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-size:14px;font-weight:700}
.res-layout{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin-top:22px}
.filters{flex:1 1 260px;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:16px}
.filters-toggle>summary{display:none}
details.f{border-top:1px solid var(--line-2);padding:10px 0}
details.f:first-of-type{border-top:0}
details.f summary{cursor:pointer;font-weight:700;font-size:15px;min-height:36px;display:flex;align-items:center;justify-content:space-between;list-style:none}
details.f summary::after{content:'▾';color:var(--brand)}
details.f[open] summary::after{content:'▴'}
.opt{display:flex;align-items:center;gap:10px;min-height:36px;font-size:15px;color:var(--ink-2);cursor:pointer}
.opt input{width:18px;height:18px;accent-color:var(--brand);flex:0 0 auto}
.opt .count{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:999px;padding:1px 8px}
.results{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:14px}
.tops{padding:14px 16px 16px;border:2px solid var(--brand)}
.tops-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.tops-head h2{margin:0}.tops-head span{font-size:12px;color:var(--muted-2)}
.tops-row{display:flex;flex-wrap:wrap;gap:10px}
.tops-row>a{flex:1 1 200px;min-width:0;display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)}
.tops-row>a:hover{border-color:var(--brand)}
.tops-row .lg{width:44px;height:44px}.tops-row .mono{width:44px;height:44px}
.tops-row strong{display:block;font-family:var(--head);font-size:15px;line-height:1.25}
.tops-row span span{font-size:13px;color:var(--muted)}
.hint{margin:0;padding:10px 14px;border-radius:8px;background:var(--tint);color:var(--brand);font-size:14px;font-weight:700}
.job h2.jt{margin:0;font-size:19px;line-height:1.25}
.job h2.jt a{color:var(--ink);text-decoration:none}.job h2.jt a:hover{color:var(--brand);text-decoration:underline}
.job-prem{border:2px solid var(--gold);background:var(--cream)}
.blurb{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.hiring{background:var(--tint);border-radius:12px;padding:16px 18px}
.alert-box{padding:22px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;border:1.5px dashed var(--brand)}
.alert-box .t{margin:0;font-family:var(--head);font-size:20px;font-weight:700}
.alert-box .s{margin:4px 0 0;color:var(--muted);font-size:15px}
.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.pager a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;font-weight:700}
.pager a[aria-current="page"]{background:var(--brand);color:#fff;border-color:var(--brand)}
@media (max-width:900px){
  .filters-toggle>summary{display:inline-flex;cursor:pointer;list-style:none}
  .filters-toggle:not([open])>form{display:none}
  .filters-toggle[open]>summary{margin-bottom:10px}
}
@media (max-width:640px){
  .res-head h1{font-size:24px}
  .search-slim .btn-gold{width:100%}
  .alert-box .btn-gold{width:100%}
}
@media (max-width:640px){
  .search-slim{flex-direction:column}
  .search-slim .field{flex:0 0 auto!important;min-height:50px}
}
@media (max-width:900px){.filters .recruit{display:none}}

/* Messages */
.note{border-radius:10px;padding:12px 16px;font-weight:700;margin-bottom:8px}
.note-ok{background:#E3F3E8;color:#1E6B3A;border:1px solid #BFE3CB}
.note-bad{background:#FFF4F4;color:#8A1F1F;border:1px solid #F0C9C9}

/* Job page */
.crumbs{font-size:13px;color:var(--muted-2);margin-top:16px}
.crumbs a{color:var(--muted-2)}
.b-new{background:#E3F3E8;color:#1E6B3A}.b-closed{background:#FBE4E4;color:#8A1F1F}
.closed-banner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#FFF4F4;border:1px solid #F0C9C9;border-radius:12px;padding:16px 20px}
.closed-banner .t{margin:0;font-family:var(--head);font-size:19px;font-weight:700;color:#8A1F1F}
.closed-banner .s{margin:4px 0 0;color:var(--muted)}
.job-layout{padding-top:16px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.job-main{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:24px}
.job-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px}
.accent-gold{border-top:4px solid var(--gold)!important}.accent-teal{border-top:4px solid var(--brand)!important}
.job-head{padding:26px 28px;display:flex;gap:20px;align-items:center}
.job-head .lg,.job-head .mono{width:84px;height:84px;border-radius:12px;font-size:24px}
.job-logo{flex:0 0 auto;display:block;line-height:0}
.job-head .lg{min-width:84px;max-width:84px}
.job-head .badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.job-head h1{margin:8px 0 4px;font-size:32px;line-height:1.15;color:#0E1C15}
.emp-line{margin:0;font-size:17px}.emp-line a{font-weight:700}
.meta-line{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--ink-2)}
.meta-line span{display:inline-flex;gap:6px;align-items:center}
.job-body{padding:28px;font-size:16px;line-height:1.75;color:#2A3B42;overflow-wrap:anywhere}
.job-body h1,.job-body h2,.job-body h3,.job-body h4{font-family:var(--head);color:#0E1C15;line-height:1.3;margin:22px 0 8px;font-size:20px}
.job-body p{margin:0 0 14px}.job-body ul,.job-body ol{margin:0 0 14px;padding-left:22px}
.job-body img{height:auto}
.job-body table{border-collapse:collapse;max-width:100%}.job-body td,.job-body th{border:1px solid var(--line);padding:6px 8px}
.apply-out{margin-top:24px;background:var(--tint);border:1.5px solid var(--brand);border-radius:12px;padding:20px 22px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.apply-out .t{margin:0;font-family:var(--head);font-size:20px;font-weight:700;color:var(--brand)}
.apply-out .s{margin:4px 0 0;color:var(--ink-2);font-size:15px}
.apply-form{margin-top:24px;background:var(--tint);border:1.5px solid var(--brand);border-radius:12px;padding:24px}
.apply-form h2{margin:0!important;font-size:22px!important;color:var(--brand)!important}
.apply-form .s{margin:6px 0 20px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
.fld label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;line-height:1.3}
.fld input{width:100%;min-height:46px;border:1px solid #C6D2C9;border-radius:8px;padding:0 12px;font:inherit;font-size:16px;background:#fff}
.drop{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed #9FB6BF;border-radius:10px;padding:18px;text-align:center;color:var(--muted);background:#fff;cursor:pointer;font-weight:400!important}
.apply-form .small{font-size:13px;color:var(--muted-2);line-height:1.5;margin:14px 0}
.similar{padding:22px 26px;border-top:4px solid var(--gold)}
.sim{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink)}
.sim:last-child{border-bottom:0}
.sim .lg,.sim .mono{width:48px;height:48px}
.sim .t{margin:0;font-family:var(--head);font-weight:600;font-size:16px}.sim:hover .t{color:var(--brand);text-decoration:underline}
.sim .w{font-size:13px;color:var(--muted);margin-top:2px}.sim .w strong{color:var(--brand)}
.sim .sal{font-size:14px;font-weight:700;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.side-apply{padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.side-apply .btn-gold{min-height:50px;font-size:17px}
.btn-gold.is-off{background:#E2E9E3;color:var(--muted-2);cursor:default}
.side-links{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.share-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid #C6D2C9;border-radius:8px;background:#fff;color:var(--brand);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;font-size:15px;margin:0}
.dl dt{color:var(--muted-2)}.dl dd{margin:0;font-weight:700;color:#0E1C15}
.att{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2);text-decoration:none}
.att:last-child{border-bottom:0}
.att .ico{width:44px;height:44px;flex:0 0 auto;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--tint);color:var(--brand)}
.att .ico-pdf{background:#FBE4E4;color:#8A1F1F}
.att strong{display:block;color:#0E1C15}.att span span{font-size:13px;color:var(--muted-2)}
.map-link{margin:0;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sell-lines{background:var(--tint);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.sell-lines a{display:flex;justify-content:space-between;gap:8px}
.sell-lines a+a{padding-top:8px;border-top:1px solid #C9DCE3}
.sell-lines .mut{color:var(--muted);font-weight:400}
.sticky-apply{display:none}
@media (max-width:900px){
  .sticky-apply{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(7,42,30,.12)}
  .sticky-apply .sal{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sticky-apply .btn-gold{flex:0 0 auto;min-width:120px}
  body.has-sticky .foot{padding-bottom:70px}
}
@media (max-width:640px){
  .job-head{padding:18px;gap:14px;align-items:flex-start;flex-direction:column}
  .job-head .lg,.job-head .mono{width:64px;height:64px}
  .job-head .lg{min-width:64px;max-width:64px}
  .job-head h1{font-size:24px}
  .job-body{padding:18px}
  .apply-form{padding:18px}
  .similar{padding:18px}
}

/* Premium cards */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:16px}
.pcard{background:var(--cream);border:2px solid var(--gold);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pc-top .lg,.pc-top .mono{width:64px;height:64px}
.pc-title{margin:4px 0 0;font-family:var(--head);font-size:19px;line-height:1.25}
.pc-title a{color:var(--ink);text-decoration:none}.pc-title a:hover{color:var(--brand);text-decoration:underline}
.pc-emp{font-weight:700;color:var(--brand);font-size:15px}
.pc-foot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line-2)}
.pc-foot span{font-size:13px;color:var(--muted-2)}
.pc-foot .btn-gold{min-height:40px;padding:0 16px;font-size:15px}
@media (max-width:640px){.pgrid{grid-template-columns:1fr}}
.pin-head{display:flex;align-items:center;gap:10px}.pin-head span+span{font-size:13px;color:var(--muted-2)}
.more-label{margin:6px 0 0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bell{display:inline-flex;align-items:center;gap:6px;min-height:40px}
.share-btn{gap:6px}
.lvls{display:flex;flex-direction:column;gap:4px}
.res-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.res-tools .btn-line{gap:8px}
.seg{display:inline-flex;background:#fff;border:1px solid #C6D2C9;border-radius:8px;padding:3px;gap:3px}
.seg a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;color:var(--ink-2)}
.seg a.on{background:var(--brand);color:#fff}
.prem-list{grid-template-columns:1fr}
.clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink-2)!important}
@media (max-width:640px){.res-tools .seg{display:none}}
.btn-gold{white-space:nowrap}
.pc-foot span{min-width:0;line-height:1.3}
.pc-foot .btn-gold{padding:0 12px;flex:0 0 auto}

/* Employers */
.crumbs-dark{color:var(--on-dark-2);margin-top:0;padding-top:12px;padding-bottom:12px}
.crumbs-dark a{color:var(--on-dark-2)}.crumbs-dark span{color:#fff}
.page-h1{margin:12px 0 0;color:#fff;font-size:40px;line-height:1.1}
.page-sub{margin:10px 0 0;color:var(--on-dark);font-size:18px;max-width:760px;line-height:1.5}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid #C6D2C9;background:#fff;text-decoration:none;font-weight:700;font-size:15px;color:var(--ink-2)}
.tabs a .n{font-size:12px;background:var(--bg);border-radius:999px;padding:1px 8px;color:var(--muted)}
.tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff}.tabs a.on .n{background:rgba(255,255,255,.18);color:#fff}
.hire-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;padding-top:6px}
.hire{position:relative;display:flex;gap:16px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.hire:hover{border-color:var(--brand);box-shadow:0 4px 14px rgba(11,59,42,.12)}
.hire .lg,.hire .mono{width:110px;height:110px;font-size:28px}
.hire-promo{border:2px solid var(--gold);background:var(--cream)}
.feat-tag{position:absolute;top:-10px;left:16px;background:var(--gold);color:var(--brand-deep);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.hire-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.hire .nm,.az-row .nm{font-family:var(--head);font-weight:700;font-size:17px;line-height:1.3;display:block}
.hire .sec,.az-row .sec{font-size:13px;color:var(--muted-2)}
.hire .jobs,.az-row .jobs{display:inline-flex;align-self:flex-start;margin-top:8px;font-size:12px;font-weight:700;background:#E3F3E8;color:#1E6B3A;border-radius:999px;padding:2px 9px;white-space:nowrap}
.hire .more{margin-top:8px;font-size:13px;font-weight:700;color:var(--brand)}
.letters{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}
.letters a,.letters span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-weight:700;text-decoration:none}
.letters a{border:1px solid var(--line);background:#fff;color:var(--brand)}.letters a.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.letters span{color:#B8C6CC}
.az-letter{margin:20px 0 6px;font-size:30px;color:var(--brand);border-bottom:2px solid #E2E9E3;padding-bottom:4px}
.az-cols{columns:3 300px;column-gap:32px}
.az-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink);break-inside:avoid}
.az-row .nm{font-size:15px}.az-row .jobs{margin-top:0}
.az-row:hover .nm{color:var(--brand);text-decoration:underline}
.sell-strip{background:var(--brand);border-radius:14px;padding:22px 26px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;color:#fff}
.sell-strip .t{margin:0;font-family:var(--head);font-size:22px;font-weight:700}.sell-strip .s{margin:4px 0 0;color:var(--on-dark)}
.seo-cols{columns:2 320px;column-gap:32px;color:var(--muted);font-size:15px;line-height:1.7}.seo-cols p{margin:0 0 12px}
/* Employer page */
.emp-hero{background:var(--brand-dark)}
.emp-banner{height:150px;background:linear-gradient(120deg,#0B3B2A 0%,#0B4F6C 55%,#082F21 100%) center/cover no-repeat}
.emp-head{padding-bottom:28px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.emp-logo{position:relative;z-index:2;margin-top:-75px;flex:0 0 auto}
.emp-logo .lg,.emp-logo .mono{width:150px;height:150px;border-radius:14px;border:4px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.18);background:#fff;font-size:40px}
.emp-title{flex:1 1 420px;min-width:0;padding-top:18px}
.emp-title h1{margin:8px 0 0;color:#fff;font-size:38px;line-height:1.1}
.tagws{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tagw{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;font-weight:600}
.emp-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;align-self:flex-end}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:8px;border:1.5px solid rgba(255,255,255,.6);color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.emp-layout{padding-top:32px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.emp-main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:32px}
.emp-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.job h3 a{color:var(--ink);text-decoration:none}
@media (max-width:900px){.hire-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .page-h1{font-size:28px}.page-sub{font-size:16px}
  .hire-grid{grid-template-columns:1fr}
  .hire .lg,.hire .mono{width:72px;height:72px;font-size:20px}
  .emp-logo .lg,.emp-logo .mono{width:110px;height:110px}
  .emp-logo{margin-top:-55px}
  .emp-title{padding-top:0}.emp-title h1{font-size:28px}
  .emp-actions{width:100%}.emp-actions a{flex:1}
}
/* Search results: compact list view */
.rlist{padding:0;overflow:hidden}
.lrow{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line,#E3E9EC);text-decoration:none;color:var(--ink)}
.lrow:last-child{border-bottom:0}
.lrow:hover{background:var(--tint)}.lrow:hover .lt{color:var(--brand);text-decoration:underline}
.lrow-prem{background:var(--cream)}
.lrow .lmain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.lrow .lt{font-family:var(--head);font-weight:700;font-size:16px;line-height:1.3}
.lrow .lwho{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .lwho b{color:var(--brand)}
.lrow .lpay{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;color:var(--muted-2)}
.lrow .lpay>span:first-child{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.lrow .badge{font-size:11px;padding:1px 7px}
.lrow .lsal-m{display:none;font-size:13px;font-weight:700;color:var(--ink)}
@media (max-width:640px){.lrow{padding:12px 14px;align-items:flex-start}.lrow .lpay{display:none}.lrow .lwho{white-space:normal}.lrow .lsal-m{display:block}}
/* Job page: location card */
.loc-card{display:block;padding:0;overflow:hidden;text-decoration:none;color:var(--ink)}
.loc-art svg{display:block;width:100%;height:96px}
.loc-txt{display:flex;flex-direction:column;gap:3px;padding:14px 18px 16px}
.loc-place{font-family:var(--head);font-weight:700;font-size:17px;line-height:1.3}
.loc-go{font-size:14px;font-weight:700;color:var(--brand)}
.loc-card:hover .loc-go{text-decoration:underline}
.pc-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* Employer page: filter and sort tools */
.emp-tools{padding:16px 18px;margin-bottom:14px}
.et-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.et-q{flex:1 1 100%;min-height:46px}
.et-sel{flex:1 1 150px;display:flex;flex-direction:column;gap:4px;min-width:0}
.et-sel label{font-size:13px;font-weight:700;color:var(--muted)}
.et-sel select{min-height:46px;border:1px solid #C6D2C9;border-radius:8px;padding:0 10px;font:inherit;font-size:15px;background:#fff;color:var(--ink);width:100%}
.et-go{flex:0 0 auto}
.et-sum{margin:12px 0 0;font-size:14px;color:var(--muted)}
.pager span{align-self:center;padding:0 8px;font-size:14px;color:var(--muted)}
@media (max-width:640px){.et-sel{flex:1 1 calc(50% - 6px)}.et-go{width:100%}}
.emp-intro{padding:18px 22px}
/* ---- Advertise page ---- */
.sell-hero{padding-bottom:130px;text-align:center}
.sell-hero .page-h1,.sell-hero .page-sub{margin-left:auto;margin-right:auto}
.sell-hero .page-sub a{color:var(--gold-light);font-weight:700}
.offer-pill{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:rgba(196,154,108,.16);border:1px solid rgba(196,154,108,.5);color:var(--gold-light);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}
.sell-page{display:flex;flex-direction:column;gap:44px}
.sell-page h3{font-family:var(--head)}
.sell-plans-wrap{margin-top:-100px;position:relative}
.sell-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.plan{padding:26px;position:relative;box-shadow:0 4px 14px rgba(11,59,42,.06);display:flex;flex-direction:column}
.plan-pop{border:3px solid var(--gold);background:#FAF5EA;box-shadow:0 12px 30px rgba(122,90,48,.18)}
.pop-tag{position:absolute;top:-13px;left:26px;background:var(--gold);color:var(--brand-deep);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.plan h3{margin:0;font-size:24px}
.plan-tag{margin:6px 0 0;color:var(--muted);font-size:15px}
.plan-price{display:flex;align-items:baseline;gap:12px;margin-top:18px;flex-wrap:wrap}
.plan .price{font-family:var(--head);font-weight:700;font-size:44px;line-height:1;color:var(--brand-deep)}
.plan .rrp{font-size:15px;color:var(--muted-2)}
.plan-vat{margin:8px 0 0;font-size:14px;color:var(--muted-2)}
.plan .save{display:inline-block;background:#E3F3E8;color:#1E6B3A;font-weight:700;border-radius:999px;padding:3px 10px;margin-right:4px}
.inc{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.45}
.inc li{display:flex;gap:10px;align-items:flex-start}.inc svg{flex:0 0 auto;margin-top:1px;color:#1E6B3A}
.plan-cta{width:100%;margin-top:22px}
.sell-help{text-align:center;margin:18px 0 0;color:var(--muted);font-size:15px}
.cmp-card{padding:8px 18px 6px}
.cmp-card h2{font-family:var(--head);font-size:20px;margin:14px 0 6px}
.cmp-scroll{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;min-width:620px;font-size:15px}
.cmp th,.cmp td{padding:11px 12px;border-bottom:1px solid var(--line-2);text-align:center}
.cmp th[scope=row],.cmp thead th:first-child{text-align:left;font-weight:600;color:var(--ink-2)}
.cmp thead th{font-family:var(--head);font-size:16px;color:var(--ink);vertical-align:bottom}
.cmp .cmp-pop{background:#FAF5EA}.cmp thead .cmp-pop span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7A5A30}
.cmp .yes{color:#1E6B3A}.cmp .no{color:#A9B5BA}
.cmp-price th,.cmp-price td{border-bottom:0;font-family:var(--head);font-weight:700;font-size:17px;color:var(--brand-deep)}
.sell-insight{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:22px 24px;border-top:4px solid var(--gold)}
.ai-text{flex:1 1 460px}.ai-text h2{font-family:var(--head);font-size:22px;margin:0}.ai-text p{margin:6px 0 14px;color:var(--muted)}
.ai-stats{flex:1 1 420px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.ai-stats div{background:#FAF5EA;border:1px solid #D2AE82;border-radius:12px;padding:14px}
.ai-stats b{display:block;font-family:var(--head);font-size:28px;color:var(--brand)}.ai-stats span{font-size:13px;color:var(--muted)}
.sell-logos{padding:20px 24px;overflow:hidden}
.sell-marquee{overflow:hidden;margin-top:10px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sell-track{display:flex;gap:12px;width:max-content;animation:advscroll 60s linear infinite}
.sell-track .logo-tile{width:140px;flex:0 0 auto;min-height:80px}.sell-track .logo-tile img{max-height:60px;max-width:100%;object-fit:contain}
.sell-marquee:hover .sell-track{animation-play-state:paused}
@keyframes advscroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sell-track{animation:none;flex-wrap:wrap;width:auto}}
.sell-addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin-top:18px}
.addon{padding:20px;border-top:4px solid var(--gold);background:linear-gradient(180deg,#FAF5EA 0%,#fff 60%)}
.addon-top{display:flex;justify-content:space-between;align-items:center}
.addon .plus{width:32px;height:32px;border-radius:999px;background:var(--gold);color:var(--brand-deep);display:inline-flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:20px}
.addon-price{font-family:var(--head);font-weight:700;font-size:18px;background:#F1E6D2;border:1px solid #D2AE82;border-radius:999px;padding:4px 12px}
.addon{display:flex;flex-direction:column}.addon-acts{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;gap:8px}.addon-acts a{font-size:14px;padding:8px 14px}.addon-note{font-size:13px!important;margin-top:8px!important}
.addon h3{margin:14px 0 0;font-size:19px}.addon p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.sell-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:18px}
.sell-two .h3{margin:0;font-size:22px}.sell-two .muted{margin:6px 0 14px;color:var(--muted)}
.credit{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:10px;padding:14px 16px;margin-top:10px}
.sell-partner{background:var(--brand);color:#fff;border-radius:14px;padding:24px}
.sell-partner .eb{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.sell-partner .inc{color:#E5ECE6}.sell-partner .inc svg{color:var(--gold)}
.sell-lead{margin:8px auto 0;text-align:center;color:var(--muted);font-size:16px;max-width:640px}
.sell-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px}
.sell-steps li{display:flex;flex-direction:column;gap:8px}
.sell-steps .num{width:40px;height:40px;border-radius:999px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:19px}
.sell-steps h3{margin:0;font-size:19px}.sell-steps p{margin:0;color:var(--muted);line-height:1.5}
.sell-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.sell-why .card{padding:22px}.sell-why h3{margin:0;font-size:19px}.sell-why p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.sell-faq{padding:10px 28px 14px}.sell-faq h2{font-family:var(--head);font-size:24px;margin:16px 0 4px}
details.q{border-bottom:1px solid var(--line-2);padding:12px 0}details.q:last-child{border-bottom:0}
details.q summary{cursor:pointer;font-weight:700;font-size:16px;min-height:32px;display:flex;align-items:center}
details.q p{margin:8px 0 0;line-height:1.6;color:var(--ink-2)}
.sell-seo-h{margin:0 0 10px;font-family:var(--head);font-size:20px}
.sell-cta{background:var(--brand);border-radius:16px;padding:32px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;color:#fff}
.sell-cta>div:first-child{flex:1 1 420px}.sell-cta h2{margin:0;font-family:var(--head);font-size:28px}.sell-cta p{margin:8px 0 0;color:var(--on-dark)}
.sell-cta p a{color:var(--gold-light);font-weight:700}.sell-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:980px){.sell-plans{grid-template-columns:1fr;max-width:560px;margin:0 auto}.plan-pop{order:-1}
  /* no overlap of the price cards onto the header on phones/tablets: some browsers (larger text settings) pushed them over the title */
  .sell-hero{padding-bottom:36px!important}.sell-plans-wrap{margin-top:34px}}
@media (max-width:640px){.sell-hero{padding-bottom:110px}.sell-page{gap:32px}.plan{padding:22px}.plan .price{font-size:38px}.sell-faq{padding:6px 18px 10px}.sell-cta{padding:24px}.sell-cta-btns a{width:100%;justify-content:center}}
.sell-page>section{min-width:0;width:100%}.sell-logos,.cmp-card{min-width:0}
.plan .price{padding:0;margin:0;background:none;border:0}
/* Search: distance and salary */
.field-r select{border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);min-height:50px;padding:0 6px;cursor:pointer}
.sal-row{display:flex;gap:8px;margin:6px 0 8px}
.sal-row select{flex:1 1 0;min-width:0;min-height:44px;border:1px solid #C6D2C9;border-radius:8px;padding:0 8px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
@media (max-width:640px){.field-r{flex:1 1 100%!important}.field-r select{width:100%}}
/* ---- Premium / Featured jobs pages ---- */
.tier-badges{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.b-gold{background:var(--gold);color:var(--brand-deep)}
.tier-count{color:var(--gold-light);font-weight:700}
.tier-layout{padding-top:24px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.tier-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:14px}
.tier-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px}
.tier-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.tier-job{padding:22px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.tier-prem{border:2px solid var(--gold);background:var(--cream)}
.tier-job .lg,.tier-job .mono{width:92px;height:92px;flex:0 0 auto}
.tj-body{flex:1 1 380px;min-width:0}
.tj-body .top-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted-2)}
.tj-body h2{margin:8px 0 4px;font-size:22px;line-height:1.2}.tj-body h2 a{color:var(--ink);text-decoration:none}.tj-body h2 a:hover{color:var(--brand);text-decoration:underline}
.tj-emp{font-weight:700;color:var(--brand)}
.tj-body .meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px}
.tj-go{flex:0 0 auto}
.tier-link{display:block;font-weight:700;padding:6px 0}
@media (max-width:640px){.tier-job{padding:18px;gap:14px}.tier-job .lg,.tier-job .mono{width:64px;height:64px}.tj-go{width:100%}}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ---- Location pages ---- */
.loc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:20px;max-width:900px}
.loc-stats .stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;color:var(--on-dark)}
.loc-stats .stat b{display:block;font-family:var(--head);font-size:24px;color:#fff;line-height:1.15}.loc-stats .stat span{font-size:13px}
.loc-page{padding-top:24px;padding-bottom:48px;display:flex;flex-direction:column;gap:28px}
.loc-h2{font-family:var(--head);font-size:21px;margin:0 0 10px}
.area-chips{display:flex;flex-wrap:wrap;gap:8px}
.area{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #C6D2C9;background:#fff;text-decoration:none;font-weight:700;font-size:15px;color:var(--ink-2)}
.area .n{background:var(--tint);color:var(--brand);border-radius:999px;padding:1px 8px;font-size:12px}
.area:hover{border-color:var(--brand);color:var(--brand)}
.area.dim{font-weight:600;color:var(--muted-2)}.area.dim .n{background:var(--line-2);color:var(--muted-2)}
.loc-layout{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.loc-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:12px}
.loc-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px}
.loc-list-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.loc-list-head .loc-h2{margin:0}.loc-list-head .go{font-weight:700;font-size:15px}
.loc-job{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.loc-job:hover{border-color:var(--brand)}.loc-job:hover .lj-t{color:var(--brand);text-decoration:underline}
.loc-prem{border:2px solid var(--gold);background:var(--cream)}
.loc-job .lg,.loc-job .mono{width:52px;height:52px;flex:0 0 auto}
.lj-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.lj-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lj-when{font-size:13px;color:var(--muted-2)}
.lj-t{font-family:var(--head);font-weight:600;font-size:17px;line-height:1.3}
.lj-who{font-size:14px;color:var(--muted)}.lj-who b{color:var(--brand)}
.lj-pay{font-size:14px;font-weight:700;text-align:right;max-width:190px;flex:0 0 auto}
.loc-empty{padding:20px 22px;border-left:4px solid var(--brand)}
.loc-empty .t{margin:0;font-family:var(--head);font-size:20px;font-weight:700}.loc-empty p:not(.t){margin:6px 0 0;color:var(--muted);line-height:1.55}
.loc-copy{padding:22px 24px;margin-top:12px}.loc-copy p:not(.eyebrow){margin:0 0 12px;color:var(--ink-2);line-height:1.7}
.loc-near{padding:18px 20px}
.loc-near a{display:flex;justify-content:space-between;padding:7px 0;font-weight:700;font-size:15px;border-bottom:1px solid var(--line-2)}
.loc-near a:last-child{border-bottom:0}.loc-near .lv{font-weight:400;color:var(--muted-2);font-size:13px}
.loc-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:24px}
.loc-sal{padding:22px 24px}
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th,.tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line-2)}.tbl th{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.loc-note{margin:10px 0 0;font-size:13px;color:var(--muted-2)}
@media (max-width:640px){.loc-job{align-items:flex-start;padding:14px}.lj-pay{display:none}}
/* Jobs by area index */
.hub-grid{columns:3 320px;column-gap:20px}
.hub-region{break-inside:avoid;padding:18px 20px;margin-bottom:20px;display:inline-block;width:100%}
.hub-region h2{margin:0 0 8px;font-family:var(--head);font-size:20px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hub-region h2 a{color:var(--ink);text-decoration:none}.hub-region h2 a:hover{color:var(--brand);text-decoration:underline}
.hub-region h2 .n{font-size:13px;font-weight:700;color:var(--brand);background:var(--tint);border-radius:999px;padding:2px 10px;white-space:nowrap}
.hub-list,.hub-list ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9}
.hub-list ul{padding-left:14px;border-left:2px solid var(--line-2);margin:2px 0 6px}
.hub-list a{font-weight:700}.hub-list a.dim{font-weight:400;color:var(--muted)}
.hub-list .n{font-size:12px;color:var(--brand);background:var(--tint);border-radius:999px;padding:0 7px}
/* ---- Job title pages ---- */
.role-alert{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 20px;border:1.5px dashed var(--brand);margin-top:4px}
.role-alert .t{margin:0;font-family:var(--head);font-size:17px;font-weight:600;flex:1 1 260px}
.role-alert input{flex:1 1 220px;min-height:44px;border:1px solid #C6D2C9;border-radius:8px;padding:0 12px;font:inherit;font-size:16px}
.role-copy{padding:24px 26px;margin-top:12px}.role-copy h3{font-family:var(--head);font-size:18px;margin:18px 0 8px}
.role-copy ul{margin:0 0 12px;padding-left:20px;line-height:1.7}.role-copy p:not(.eyebrow){line-height:1.7;color:var(--ink-2)}
.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px}
.role-tile{display:flex;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;color:var(--ink)}
.role-tile:hover{border-color:var(--brand)}.role-tile:hover .nm{color:var(--brand);text-decoration:underline}
.role-tile .nm{font-family:var(--head);font-weight:700;font-size:18px}.role-tile .sm{font-size:14px;color:var(--muted);line-height:1.5}
.role-tile .n{margin-top:auto;font-size:13px;font-weight:700;color:var(--brand)}
/* ---- Booking ---- */
.book-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;margin-bottom:28px}
.way{padding:22px;display:flex;flex-direction:column;position:relative}
.way h2{margin:0;font-family:var(--head);font-size:22px}.way p{margin:6px 0 14px;color:var(--ink-2);line-height:1.55}
.way-email{border:3px solid var(--gold);background:#FAF5EA}
.small{font-size:14px;color:var(--muted)}
.fhint{margin:6px 0 0;font-size:13px;color:var(--muted-2);background:none;padding:0}
.book-layout{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.book-form{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:20px}
.book-side{flex:1 1 330px;min-width:0;position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.book-sec{padding:24px}
.step{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step h2{margin:0;font-family:var(--head);font-size:21px}
.step .num{width:32px;height:32px;border-radius:999px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700}
.optl{display:inline;font-weight:400;color:var(--muted-2);font-size:.85em}
.plan-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.pp{position:relative;display:flex;flex-direction:column;gap:4px;border:1.5px solid #C6D2C9;border-radius:12px;padding:16px 16px 14px;cursor:pointer;background:#fff}
.pp input{position:absolute;opacity:0;pointer-events:none}
.pp:has(input:checked){border:3px solid var(--gold);background:#FAF5EA;padding:14.5px 14.5px 12.5px}
.pp:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}
.pp .pn{font-family:var(--head);font-weight:700;font-size:18px}.pp .pv{font-family:var(--head);font-weight:700;font-size:30px;color:var(--brand-deep)}
.pp .pr{font-size:13px;color:var(--muted-2)}.pp .pr strong{color:#1E6B3A}.pp .pt{font-size:14px;color:var(--muted)}
.xtra{display:flex;gap:14px;align-items:center;border:1.5px solid #C6D2C9;border-radius:12px;padding:14px 16px;cursor:pointer;margin-top:10px}
.xtra:has(input:checked){border-color:var(--gold);background:#FAF5EA}
.xtra input{width:22px;height:22px;accent-color:var(--brand);flex:0 0 auto}.xtra .xt{flex:1 1 auto;color:var(--muted)}.xtra .xt strong{color:var(--ink);font-family:var(--head)}
.xtra .xp{font-family:var(--head);font-size:17px;white-space:nowrap}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.book-sec .f{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}
.book-sec label:not(.check):not(.xtra):not(.pp):not(.drop),.lab{font-size:14px;font-weight:700;color:var(--ink)}
.book-sec input[type=text],.book-sec input[type=email],.book-sec input[type=url],.book-sec input[type=tel],.book-sec textarea{width:100%;min-height:46px;border:1px solid #C6D2C9;border-radius:8px;padding:10px 12px;font:inherit;font-size:16px;background:#fff}
.book-sec .bad input,.book-sec .bad .drop{border:2px solid #B42318}
.err{margin:4px 0 0;color:#B42318;font-size:14px;font-weight:700}
.err-box{background:#FEF3F2;border:2px solid #B42318;border-radius:12px;padding:16px 20px}
.err-box .t{margin:0;font-family:var(--head);font-size:19px;font-weight:700;color:#B42318}.err-box ul{margin:8px 0 0;padding-left:20px;line-height:1.8}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed #9FB7C0;border-radius:12px;padding:22px;text-align:center;color:var(--muted);cursor:pointer;background:var(--bg)}
.drop.over,.drop:hover{border-color:var(--brand);background:var(--tint)}
.sr-file{position:absolute;width:1px;height:1px;opacity:0}
.sr-file:focus-visible+.file-list,.drop:focus-within{outline:3px solid var(--brand)}
.file-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-list .chip strong{color:var(--brand);font-size:12px}
.seg-radio{display:inline-flex;flex-wrap:wrap;border:1px solid #C6D2C9;border-radius:10px;overflow:hidden;background:#fff}
.seg-radio label{position:relative;cursor:pointer}.seg-radio input{position:absolute;opacity:0}
.seg-radio span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font-weight:700;font-size:15px;color:var(--ink-2)}
.seg-radio input:checked+span{background:var(--brand);color:#fff}.seg-radio input:focus-visible+span{outline:3px solid var(--gold);outline-offset:-3px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;cursor:pointer}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);flex:0 0 auto}
.check.bad{color:#B42318}
.book-sum{padding:22px;border-top:4px solid var(--gold)}
.book-sum .t,.t2{margin:0 0 10px;font-family:var(--head);font-size:20px;font-weight:700}.t2{font-size:16px}
.sum{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:15px}
.sum-total{border-top:1px solid var(--line-2);margin-top:8px;padding-top:8px}
.sum.tot{font-size:19px;font-family:var(--head);font-weight:700}
.save-pill{margin:10px 0 0;display:inline-flex;font-size:13px;font-weight:700;color:#1E6B3A;background:#E3F3E8;border-radius:999px;padding:4px 10px}
.next-list{margin:0;padding-left:18px;font-size:14px;color:var(--ink-2);line-height:1.6}
.book-submit-m{display:none}
.book-done{padding-top:24px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.book-done>section{flex:999 1 560px}.book-done>.book-sum{flex:1 1 300px}
@media (max-width:980px){.book-side{position:static}.book-submit-m{display:flex;width:100%}}
[hidden]{display:none!important}
.seg-radio{align-self:flex-start}
/* ---- About, legal, site map ---- */
.info-top{background:var(--bg)}.info-top .crumbs{padding-top:16px}
.info-layout{padding-top:14px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.info-side{flex:1 1 240px;min-width:0;position:sticky;top:20px}
.toc{display:flex;flex-direction:column;border-left:2px solid var(--line)}
.toc a{padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--ink-2);font-size:15px}
.toc a:hover{border-left-color:var(--brand);color:var(--brand)}
.info-body{flex:999 1 640px;min-width:0;padding:34px 40px}
.info-body h1{margin:0 0 10px;font-family:var(--head);font-size:38px;line-height:1.1}
.info-body h2{font-family:var(--head);font-size:23px;margin:28px 0 8px;scroll-margin-top:20px}
.info-body h3{font-family:var(--head);font-size:18px;margin:18px 0 6px}
.info-body p,.info-body li{line-height:1.7;color:var(--ink-2)}
.info-body ul{padding-left:22px}
.info-meta{font-size:14px;color:var(--muted-2)!important;margin:0 0 10px}
.in-short{background:var(--tint);border-radius:12px;padding:16px 20px;margin:16px 0 6px}.in-short ul{margin:0}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0 8px}
.facts div{background:var(--bg);border-radius:12px;padding:14px 16px}.facts b{display:block;font-family:var(--head);font-size:24px;color:var(--brand)}.facts span{font-size:14px;color:var(--muted)}
@media (max-width:640px){.info-body{padding:24px 20px}.info-body h1{font-size:30px}.info-side{position:static;order:2}}
.sitemap{padding-top:26px;padding-bottom:48px;columns:2 460px;column-gap:20px}
.sitemap section{break-inside:avoid;display:inline-block;width:100%;padding:20px 24px;margin-bottom:20px}
.sitemap h2{margin:0 0 8px;font-family:var(--head);font-size:21px}.sitemap h3{margin:14px 0 4px;font-family:var(--head);font-size:16px}
.sitemap h3 a{color:var(--ink)}
.sitemap ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9}
.sitemap ul.cols{columns:2 180px;column-gap:16px}
/* Cookie choices */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--brand-deep);color:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.2)}
.cookie-in{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.cookie-in p{margin:0;flex:1 1 520px;font-size:15px;line-height:1.5;color:var(--on-dark)}.cookie-in p strong{color:#fff}.cookie-in a{color:var(--gold-light)}
.cookie-btns{display:flex;gap:10px;flex-wrap:wrap}.cookie-btns .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.info-body table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}.info-body th,.info-body td{text-align:left;vertical-align:top;padding:9px 8px;border-bottom:1px solid var(--line-2)}.info-body th{font-size:13px;color:var(--muted)}
@media (max-width:640px){.cookie-btns{width:100%}.cookie-btns button{flex:1 1 0}.info-body table{display:block;overflow-x:auto}}
/* ---- Advice & reports ---- */
.art-top{background:var(--bg)}.art-top .crumbs{padding-top:16px}
.art-h1{margin:6px 0 0;font-family:var(--head);font-size:40px;line-height:1.12;max-width:900px}
.art-meta{margin:10px 0 0;font-size:14px;color:var(--muted-2)}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--brand);text-decoration:underline;cursor:pointer}
.art-layout{padding-top:24px;padding-bottom:56px;display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:32px;align-items:start}
.art-toc{position:sticky;top:20px}
.art-body{min-width:0;font-size:17px}
.art-body h2{font-family:var(--head);font-size:25px;margin:30px 0 10px;scroll-margin-top:20px}
.art-body h3{font-family:var(--head);font-size:19px;margin:20px 0 6px}
.art-body p,.art-body li{line-height:1.75;color:var(--ink-2)}
.art-body ul,.art-body ol{padding-left:22px}
.art-body table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0;display:block;overflow-x:auto}
.art-body th,.art-body td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line-2)}.art-body th{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.art-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}
.side-job{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink);font-size:14px}
.side-job span{color:var(--muted);font-size:13px}.side-job:hover strong{color:var(--brand);text-decoration:underline}
.cite{font-size:14px;color:var(--muted)!important;border-top:1px solid var(--line-2);padding-top:12px;margin-top:24px}
.sal-chart{margin:0 0 20px;padding:18px 20px}
.sal-chart figcaption{font-size:14px;color:var(--muted);margin-bottom:12px}
.sb-row{display:grid;grid-template-columns:minmax(120px,210px) 1fr 52px;gap:12px;align-items:center;padding:6px 0;font-size:14px}
.sb-l{color:var(--ink-2)}.sb-v{font-weight:700;text-align:right}
.sb-track{position:relative;height:14px;background:var(--line-2);border-radius:999px}
.sb-bar{position:absolute;top:0;bottom:0;background:var(--brand);border-radius:999px;opacity:.85}
.sb-mid{position:absolute;top:-4px;width:4px;height:22px;margin-left:-2px;background:var(--gold);border-radius:2px}
.sb-axis{display:flex;justify-content:space-between;margin-left:calc(min(210px,40%) + 12px);margin-right:64px;font-size:12px;color:var(--muted-2)}
.keep{margin-top:36px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:14px}
.guide{display:flex;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;color:var(--ink)}
.guide:hover{border-color:var(--brand)}.guide:hover .gt{color:var(--brand);text-decoration:underline}
.guide .eyebrow{margin:0}.guide .gt{font-family:var(--head);font-weight:700;font-size:18px;line-height:1.3}.guide .gd{font-size:14px;color:var(--muted);line-height:1.5}
.guide .gm{margin-top:auto;font-size:13px;color:var(--muted-2);padding-top:6px}
.guide-new{border:2px solid var(--gold);background:var(--cream)}
.hub-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.mr-card{display:flex;flex-direction:column;gap:8px;padding:26px 28px;text-decoration:none;color:var(--ink);border:2px solid var(--gold);background:var(--cream)}
.mr-card .mr-t{font-family:var(--head);font-weight:700;font-size:28px;line-height:1.2}.mr-card .mr-d{color:var(--ink-2);line-height:1.6}
.mr-card:hover .mr-t{color:var(--brand);text-decoration:underline}
.mr-list{padding:20px 22px}.mr-list>a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2);font-weight:700}
.hub-sal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px 26px;align-items:start}
@media (max-width:1100px){.art-layout{grid-template-columns:minmax(0,1fr) 300px}.art-toc{display:none}}
@media (max-width:860px){.art-layout{grid-template-columns:1fr}.art-side{position:static}.art-h1{font-size:30px}.hub-feature,.hub-sal{grid-template-columns:1fr}.sb-axis{display:none}}
/* booking: compare pop-up, dates, card logos */
.cmp-dlg{border:0;border-radius:16px;padding:0;max-width:min(860px,94vw);width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.cmp-dlg::backdrop{background:rgba(7,42,30,.55)}
.cmp-dlg-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-2);position:sticky;top:0;background:#fff}
.cmp-dlg-head h2{margin:0;font-family:var(--head);font-size:20px}.cmp-dlg .cmp-scroll{padding:4px 18px 14px}
.book-sec input[type=date]{width:100%;min-height:46px;border:1px solid #C6D2C9;border-radius:8px;padding:8px 12px;font:inherit;font-size:16px;background:#fff}
.book-sec input[type=date]:disabled{background:var(--bg);color:var(--muted-2)}
.cards-ok{display:flex;gap:8px;justify-content:center;align-items:center;margin:10px 0 0}.cards-ok img{display:block;height:24px;width:auto}
.sell-steps .cards-ok{justify-content:flex-start}
/* ---- News & insights ---- */
.news-list-layout{padding-top:28px;padding-bottom:56px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px}
.news-card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;color:var(--ink)}
.news-card:hover{border-color:var(--brand)}.news-card:hover .nt{color:var(--brand);text-decoration:underline}
.news-card .nd{font-size:13px;color:var(--muted-2)}.news-card .nt{font-family:var(--head);font-weight:700;font-size:18px;line-height:1.3}
.news-card .nx{font-size:14px;color:var(--muted);line-height:1.55}.news-card .nr{margin-top:auto;font-size:14px;font-weight:700;color:var(--brand)}
.news-layout{grid-template-columns:minmax(0,1fr) 300px}
.art-body img{max-width:100%;height:auto;border-radius:10px}
@media (max-width:860px){.news-list-layout,.news-layout{grid-template-columns:1fr}}
/* honeypot field on alert forms (bots fill it in, people never see it) */
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
/* Job alerts page */
.ap-done{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start;padding-top:24px;padding-bottom:56px}
@media (max-width:900px){.ap-done{grid-template-columns:1fr}}
.alert-page-form{padding:24px;border-top:4px solid var(--gold)}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.ap-grid .ap-wide{grid-column:1/-1}
@media (max-width:560px){.ap-grid{grid-template-columns:1fr}}
.ap-sel{width:100%;min-height:46px;border:1px solid #C6D2C9;border-radius:8px;padding:0 10px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.ap-opt{font-weight:400;color:var(--muted)}
.ap-freq{border:0;padding:0;margin:16px 0}
.ap-freq legend{font-size:14px;font-weight:700;margin-bottom:6px;padding:0}
.alert-page-form .btn-gold{width:100%}
/* Job page after applying */
.apply-done{margin-top:24px;background:var(--tint);border:1.5px solid var(--ok,#1E7A46);border-radius:12px;padding:24px;outline:0}
.apply-done .tick{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1E7A46;color:#fff;font-size:22px;font-weight:700;margin:0 0 10px}
.apply-done h2{margin:0 0 8px;font-size:24px;line-height:1.25}
.apply-done>p{margin:0 0 14px}
.apply-alert{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:16px 0 12px}
.apply-alert .t{margin:0;font-family:var(--head);font-size:18px;font-weight:700;color:var(--brand)}
.apply-alert .s{margin:4px 0 0;color:var(--ink-2);font-size:15px}
.apply-done .more{font-weight:700;font-size:15px;margin:0}
/* Booking thank-you: add-ons they didn't take */
.book-more{margin-top:24px;border-top:1px solid var(--line-2);padding-top:18px}
.book-more h3{margin:0 0 4px;font-size:18px}
.bm-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:15px}
.bm-row b{white-space:nowrap;color:var(--brand)}
/* scheduled-article preview */
.preview-bar{background:#F1E6D2;color:#5E4423;font-weight:700;text-align:center;padding:10px 16px;font-size:15px}
.b-refreshed{background:#E3EEE7;color:#0B3B2A}

/* ---- Phones (Oct 2026 mobile pass) ---- */
.m-only{display:none}
@media (max-width:900px){
  .m-only{display:block}.m-hide{display:none}
}
@media (max-width:640px){
  .ann-long{display:none}
  /* homepage: 4 Premium jobs, then "View all Premium jobs" */
  section[aria-labelledby="premium"] .pgrid>:nth-child(n+5){display:none}
  /* employer page: a slimmer banner */
  .emp-banner{height:64px}
  /* A–Z: type tabs and the featured / hiring cards scroll sideways instead of filling screens */
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  .tabs::-webkit-scrollbar{display:none}.tabs a{flex:0 0 auto}
  section[aria-labelledby="promo-h"] .hire-grid,section[aria-labelledby="also-h"] .hire-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;margin-right:-16px;padding-right:16px}
  section[aria-labelledby="promo-h"] .hire-grid>*,section[aria-labelledby="also-h"] .hire-grid>*{flex:0 0 82%;scroll-snap-align:start}
  /* advertise: the comparison table fits the screen */
  .cmp{min-width:0;font-size:13px}.cmp th,.cmp td{padding:9px 5px}.cmp thead th{font-size:13px}
  .cmp th[scope=row]{font-size:13px;line-height:1.35}
  /* market report: salary bars with the label above */
  .sb-row{grid-template-columns:1fr 48px;row-gap:4px}.sb-l{grid-column:1 / -1}
}
/* employer logo / name on job cards link to the employer page */
a.logo-link{display:inline-flex;flex:0 0 auto;align-self:flex-start;height:max-content;border-radius:12px;transition:box-shadow .15s}a.logo-link:hover{box-shadow:0 0 0 3px var(--gold)}
a.emp-link{color:inherit;text-decoration:none}a.emp-link:hover{text-decoration:underline}
.sell-talk{margin:22px 0 0;text-align:center;font-size:17px;line-height:1.6}.sell-talk a{white-space:nowrap}
/* a button that's sending: spinner + "Please wait…" */
.is-busy{cursor:progress!important;opacity:.85}
.is-busy::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.5em;vertical-align:-.15em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pj-spin .7s linear infinite}
@keyframes pj-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.is-busy::before{animation-duration:2s}}
@media (max-width:600px){.sim{flex-wrap:wrap}.sim>div{flex:1 1 0!important}.sim .sal{flex-basis:100%;max-width:none;padding-left:60px;margin-top:-4px;white-space:normal}}
/* Tablets and open foldables (e.g. Galaxy Fold open, ~650–960px): when the sidebar drops below the main column,
   lay its boxes out two across instead of stretching each one the full width; premium cards two across */
@media (min-width:641px) and (max-width:960px){
  /* two columns that fill up like a newspaper, so a short box never leaves a hole beside a tall one */
  .side,.job-side{display:block;column-count:2;column-gap:18px}
  .side>*,.job-side>*{min-width:0;break-inside:avoid;page-break-inside:avoid;margin:0 0 18px!important;width:100%}
  .job-side>.apply-card,.job-side>.side-apply{column-span:all}
  section[aria-labelledby="premium"] .pgrid>:nth-child(n+9){display:none}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search-slim{flex-wrap:nowrap}
  .search-slim .field{flex:1 1 0!important;min-width:0}
  .search-slim .btn-gold{flex:0 0 auto}
  /* home hero search: both boxes and the button on one line */
  .search{flex-wrap:nowrap}
  .search .field{flex:1 1 0!important;min-width:0}
  .search .btn-gold{flex:0 0 auto;padding:0 22px}
  /* job rows: when salary + button drop below the title, run them full width (salary in full, button on the right) */
  .job .right{flex:1 1 100%;justify-content:space-between;flex-wrap:nowrap;padding-left:72px}
  .job .right .chip{max-width:none;white-space:normal}
  .job .right .btn-gold{flex:0 0 auto}
  /* logo tiles: 3 across so 6 make two even rows */
  .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* footer: 4 across, 2 across, or stacked: never three plus one on its own */
@media (min-width:900px){.foot .cols{grid-template-columns:1.3fr 1fr 1fr 1fr}}
@media (min-width:560px) and (max-width:899px){.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){.foot .cols{grid-template-columns:1fr}}
/* article and info tables: clearer lines, a solid line under the headings, light banding */
.art-body th,.art-body td,.info-body th,.info-body td{border-bottom:1px solid #C6D2C9}
.art-body thead th,.art-body tr:first-child th,.info-body thead th,.info-body tr:first-child th{border-bottom:2px solid var(--brand);color:var(--brand-deep)}
.art-body tbody tr:nth-child(even) td,.info-body tbody tr:nth-child(even) td{background:rgba(11,59,42,.04)}
a[href^="tel:"]{white-space:nowrap}   /* phone numbers never split over two lines */
/* floating back to top, and "back to results" on job pages */
.to-top{position:fixed;right:16px;bottom:16px;z-index:30;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:0;background:var(--brand);color:#fff;font:700 14px/1 var(--head);box-shadow:0 6px 18px rgba(7,42,30,.25);cursor:pointer}
.to-top:hover{background:var(--brand-deep)}
body.has-sticky .to-top{bottom:84px}
@media (min-width:901px){body.has-sticky .to-top{bottom:16px}}
.back-results{display:inline-block;margin:2px 0 10px;font-weight:700;font-size:15px;color:var(--brand)}
/* "Compare at a glance": clearer lines and banding, like the article tables */
.cmp th,.cmp td{border-bottom:1px solid #C6D2C9}
.cmp thead th{border-bottom:2px solid var(--brand)}
.cmp tbody tr:nth-child(even) th,.cmp tbody tr:nth-child(even) td:not(.cmp-pop){background:rgba(11,59,42,.04)}
.cmp tbody tr:nth-child(even) .cmp-pop{background:#F2E8D5}
.cmp-price th,.cmp-price td{border-top:2px solid var(--brand)}
/* iPhone/iPad: Safari zooms the page in when you tap a box whose text is under 16px; keep form text at 16px on touch screens */
@media (max-width:900px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}
.cmp-vat{display:block;font-family:var(--body,inherit);font-size:12px;font-weight:600;color:var(--muted)}
.strip+.main{padding-top:26px}.strip .wrap{padding-bottom:22px}   /* home: less space between the logo strip and Spotlight */
.b-agency{background:#EEF0F2;color:#3D4B52;border:1px solid #CBD3D8}
.strap{display:block;font-size:14px;color:var(--muted);margin:2px 0 4px;font-weight:500}
.accent-grey{border-top:4px solid #8A979E!important}
/* Home hero on phones (24 Oct 2026): less text, search as one white card that stands out from the teal,
   popular searches as a single swipeable row, so the first jobs come into view sooner */
.m-only{display:none}
@media (max-width:640px){
  .m-only{display:inline}
  .hero .sub{display:none}
  .hero{padding-bottom:20px}
  .hero .since{font-weight:500;color:var(--on-dark)}
  .hero .search{margin-top:20px;background:#fff;border-radius:14px;padding:6px;gap:0;box-shadow:0 12px 28px rgba(0,0,0,.28)}
  .hero .search .field{border:0;border-radius:0;min-height:52px;padding:0 12px}
  .hero .search .field+.field{border-top:1px solid #DAE3DC}
  .hero .search .btn-gold{margin-top:6px;border-radius:10px}
  .hero .tags{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:16px -16px 0;padding:0 16px 2px;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .hero .tags::-webkit-scrollbar{display:none}
  .hero .tags>span{display:none}
  .hero .tag{flex:0 0 auto;min-height:36px;font-size:13px;padding:0 13px;background:rgba(255,255,255,.07)}
}
/* Home hero on tablets / unfolded phones (641-960px): same idea as phones, search as one white bar on a single line */
@media (min-width:641px) and (max-width:960px){
  .m-only{display:inline}
  .hero .sub{display:none}
  .hero{padding-top:28px;padding-bottom:28px}
  .hero h1{font-size:44px}
  .hero .since{font-weight:500;color:var(--on-dark);font-size:19px}
  .hero .search{margin-top:24px;background:#fff;border:0;border-radius:14px;padding:6px;gap:0;box-shadow:0 12px 28px rgba(0,0,0,.28)}
  .hero .search .field{border:0;border-radius:0;min-height:52px}
  .hero .search .field+.field{border-left:1px solid #DAE3DC}
  .hero .search .btn-gold{border-radius:10px;margin-left:6px}
  .hero .tags{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:18px -24px 0;padding:0 24px 2px;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .hero .tags::-webkit-scrollbar{display:none}
  .hero .tags>span{display:none}
  .hero .tag{flex:0 0 auto;background:rgba(255,255,255,.07)}
}
@media (min-width:641px) and (max-width:780px){.hero .search .n-jobs{display:none}.hero .search .field+.field{flex:.8 1 0!important}.hero .search .btn-gold{padding:0 20px}}
.loc-street{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.chip-x{border:0;background:none;color:var(--muted);font-size:16px;line-height:1;padding:0 2px 0 6px;cursor:pointer}.chip-x:hover{color:#B42318}
.pp .pt{margin-bottom:8px}.pp .pq{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:13.5px;font-weight:700;color:var(--ink-2)}.pp .pq select{width:auto;min-width:64px;padding:4px 8px;cursor:pointer}

/* Job titles hub (24 Oct 2026): career ladder + specialism tiles */
.rh-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rh-chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:var(--on-dark);border-radius:999px;padding:6px 14px;font-size:14px}
.rh-chips b{color:var(--gold-light);font-family:var(--head);font-size:16px}
.rh-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:14px}.rh-head .loc-h2{margin:0}.rh-head p{margin:0;color:var(--muted-2);font-size:15px}
.rh-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;counter-reset:none}
.rh-ladder li{display:flex}
.rh-step,.rh-sp{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding:20px 20px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden}
.rh-step{border-top:5px solid var(--gold);padding-top:16px}
.rh-step:hover,.rh-sp:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,42,30,.12);border-color:var(--brand);color:var(--ink)}
.rh-step:hover .nm,.rh-sp:hover .nm{color:var(--brand)}
.rh-no{font-family:var(--head);font-weight:800;font-size:40px;line-height:1;color:var(--brand);letter-spacing:-1px}
.rh-bars{position:absolute;top:22px;right:20px;display:flex;align-items:flex-end;gap:3px}
.rh-bars i{display:block;width:6px;border-radius:2px;background:var(--line-2)}.rh-bars i.on{background:var(--gold)}
.rh-step .nm,.rh-sp .nm{font-family:var(--head);font-weight:700;font-size:19px;line-height:1.25}
.rh-step .sm,.rh-sp .sm{font-size:14px;color:var(--muted);line-height:1.5}
.rh-pay{align-self:flex-start;background:var(--tint);color:var(--brand-dark);font-weight:700;font-size:13.5px;border-radius:999px;padding:4px 12px}
.rh-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:10px;font-size:13px}
.rh-n{color:var(--brand);font-weight:700;white-space:nowrap}.rh-n b{font-family:var(--head);font-size:20px;color:var(--brand-deep)}
.rh-new{color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rh-go{margin-left:auto;width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--brand-deep);font-weight:800;transition:transform .15s ease}
.rh-step:hover .rh-go,.rh-sp:hover .rh-go{transform:translateX(3px)}
.rh-step.none .rh-n b,.rh-sp.none .rh-n b{color:var(--muted-2)}
.rh-spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.rh-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:4px}
.rh-sp{--ac:var(--brand);--acb:var(--tint)}
.rh-sp::before{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--acb);opacity:.7}
.rh-sp .rh-ic{position:relative;background:var(--acb);color:var(--ac)}
.rh-sp.c0{--ac:#0B3B2A;--acb:#E3EEE7}.rh-sp.c1{--ac:#7A5A30;--acb:#F1E6D2}.rh-sp.c2{--ac:#B4442E;--acb:#FBE4DE}
.rh-sp.c3{--ac:#6B4E2E;--acb:#F1E7DA}.rh-sp.c4{--ac:#1E6B3A;--acb:#DFF1E5}.rh-sp.c5{--ac:#4B4A9C;--acb:#E6E6F7}
@media (prefers-reduced-motion:reduce){.rh-step,.rh-sp,.rh-go{transition:none}.rh-step:hover,.rh-sp:hover{transform:none}}

/* Jobs by area hub (24 Oct 2026): tile map, busiest councils, region cards */
.ah-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:center}
.ah-map{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,58px);gap:6px}
.ah-map a{border-radius:10px;padding:7px 9px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease}
.ah-map a b{font-family:var(--head);font-size:20px;line-height:1}.ah-map a span{font-size:11.5px;font-weight:700;line-height:1.1;opacity:.95}
.ah-map a:hover,.ah-map a:focus-visible{transform:scale(1.06);box-shadow:0 0 0 3px var(--gold);z-index:1}
.ah-busy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:10px}
.ah-busy a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-decoration:none;color:var(--ink);transition:transform .15s ease,border-color .15s ease}
.ah-busy a:hover{transform:translateY(-2px);border-color:var(--brand);color:var(--ink)}
.ah-rk{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--brand-deep);font-family:var(--head);font-weight:800;font-size:14px}
.ah-busy li:nth-child(n+4) .ah-rk{background:var(--tint);color:var(--brand)}
.ah-nm{display:flex;flex-direction:column;font-weight:700;min-width:0;line-height:1.25}.ah-nm small{font-weight:400;color:var(--muted-2);font-size:12.5px}
.ah-c{margin-left:auto;font-family:var(--head);font-weight:800;font-size:22px;color:var(--brand)}
.ah-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px;align-items:start}
.ah-reg{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:10px}
.ah-reg-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ah-reg h3{margin:0;font-size:20px}.ah-reg h3 a{color:var(--ink);text-decoration:none}.ah-reg h3 a:hover{color:var(--brand);text-decoration:underline}
.ah-big{white-space:nowrap;color:var(--brand);font-weight:700;font-size:13px}.ah-big b{font-family:var(--head);font-size:26px;color:var(--brand-deep)}
.ah-reg.none .ah-big b{color:var(--muted-2)}
.ah-bar{height:8px;border-radius:999px;background:var(--line-2);overflow:hidden}.ah-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--gold))}
.ah-top{display:flex;flex-wrap:wrap;gap:6px}
.ah-top a{font-size:13px;font-weight:600;text-decoration:none;background:var(--tint);color:var(--brand-dark);border-radius:999px;padding:4px 10px}
.ah-top a b{color:var(--brand-deep)}.ah-top a:hover{background:var(--brand);color:#fff}.ah-top a:hover b{color:var(--gold-light)}
.ah-quiet{margin:0;font-size:14px;color:var(--muted-2)}
.ah-all summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--brand)}.ah-all[open] summary{margin-bottom:8px}
.ah-go{margin-top:2px;align-self:flex-start;font-weight:700;font-size:14px;text-decoration:none}.ah-go:hover{text-decoration:underline}
@media (max-width:900px){.ah-hero{grid-template-columns:1fr}.ah-map{max-width:360px}}
@media (prefers-reduced-motion:reduce){.ah-map a,.ah-busy a{transition:none}}

/* Employers A-Z refresh (24 Oct 2026): logo wall, mini logos in the list, gold letter */
.az-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding-top:6px}
.az-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 14px 16px;background:#fff;border:1px solid var(--line);
  border-top:4px solid var(--gold);border-radius:14px;text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.az-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,42,30,.12);border-color:var(--brand);border-top-color:var(--gold);color:var(--ink)}
.az-tile:hover .nm{color:var(--brand)}
.az-logo{display:grid;place-items:center;width:112px;height:112px;margin-bottom:8px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line-2),0 4px 14px rgba(7,42,30,.06)}
.az-logo .lg{width:96px;height:96px;object-fit:contain;border-radius:10px}.az-logo .mono{font-size:26px}
.az-tile .nm{font-family:var(--head);font-weight:700;font-size:16px;line-height:1.25}
.az-tile .sec{font-size:12.5px;color:var(--muted-2)}
.az-tile .jobs{margin-top:6px;font-size:12px;font-weight:700;background:#E3F3E8;color:#1E6B3A;border-radius:999px;padding:2px 10px}
.az-tile .more{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--brand)}
.az-row{justify-content:flex-start;padding:9px 8px;margin:0 -8px;border-radius:8px}
.az-row:hover{background:var(--bg)}
.az-row .az-mini{width:40px;height:40px;flex:0 0 40px;border-radius:8px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px var(--line-2)}
.az-row .mono.az-mini{font-size:13px}
.az-letter{display:flex;align-items:center;gap:12px;border-bottom:0;padding-bottom:0;margin:22px 0 10px}
.az-letter .az-big{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--gold);color:var(--brand-deep);font-size:28px}
.az-letter small{font-family:var(--body);font-size:14px;font-weight:600;color:var(--muted-2)}
.letters a{transition:transform .1s ease}.letters a:hover{transform:translateY(-2px);border-color:var(--brand)}
.letters a.on{background:var(--gold);border-color:var(--gold);color:var(--brand-deep)}
@media (prefers-reduced-motion:reduce){.az-tile,.letters a{transition:none}.az-tile:hover{transform:none}}
.ah-busy li{display:flex}.ah-busy a{flex:1;min-width:0}   /* every box in a row the same height when a long name wraps */
.ah-rk,.ah-busy li:nth-child(n+4) .ah-rk{background:var(--tint);color:var(--brand)}   /* gold is kept for paid (Premium/Featured) things */

/* Advice & reports: "The planning jobs market today" charts (Frontend\Pj\MarketCharts, 24 Oct 2026) */
.mc{display:flex;flex-direction:column;gap:16px}
.mc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.mc-tile{background:var(--brand);border-radius:14px;padding:16px 18px;color:var(--on-dark);display:flex;flex-direction:column;gap:2px;border-bottom:4px solid var(--gold)}
.mc-tile b{font-family:var(--head);font-size:34px;line-height:1.05;color:#fff}.mc-tile span{font-size:14px}
.mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mc-card{margin:0;padding:18px 20px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.mc-wide{grid-column:1/-1}
.mc-card figcaption{display:flex;flex-direction:column;gap:2px}
.mc-t{font-family:var(--head);font-weight:700;font-size:19px;color:var(--ink)}.mc-s{font-size:13.5px;color:var(--muted-2)}
.mc-key{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin:0 2px}
.mc-svg{width:100%;height:auto;display:block;overflow:visible}
.mc-svg text{font-family:var(--body)}
.mc-ax{font-size:11px;fill:var(--muted-2)}.mc-lab{font-size:12.5px;fill:var(--ink-2);font-weight:600}.mc-val{font-size:12px;fill:var(--ink);font-weight:700}
.mc-big{font-family:var(--head)!important;font-size:38px;font-weight:800;fill:var(--brand-deep)}
.mc-svg .mc-gl{stroke:#E6ECEE;stroke-width:1}.mc-base{stroke:#B9CBD2;stroke-width:1}
.mc-hit{cursor:default}.mc-hit path,.mc-hit rect[rx],.mc-hit circle{transition:opacity .12s}
.mc-svg:has(.mc-hit.on) .mc-hit:not(.on) path,.mc-svg:has(.mc-hit.on) .mc-hit:not(.on) circle{opacity:.45}
.mc-donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mc-donut{width:200px;flex:0 0 200px}
.mc-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;min-width:170px}
.mc-legend li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}.mc-legend b{margin-left:auto;font-family:var(--head);font-size:18px;color:var(--ink)}
.mc-legend .mc-key{width:12px;height:12px}
.mc-tbl summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--brand)}.mc-tbl[open] summary{margin-bottom:8px}.mc-tbl .tbl{font-size:13.5px}
.mc-tip{position:fixed;z-index:50;pointer-events:none;background:var(--brand-deep);color:#fff;font-size:13px;font-weight:600;padding:7px 10px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.2);max-width:280px}
@media (max-width:860px){.mc-grid{grid-template-columns:1fr}.mc-donut{width:170px;flex-basis:170px}}
@media (max-width:860px){
  .mc-tiles{grid-template-columns:1fr 1fr;gap:10px}.mc-tile{padding:12px 14px}.mc-tile b{font-size:26px}.mc-tile span{font-size:13px}
  .mc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:0 6px}
  .mc-s-weeklySvg .mc-svg,.mc-s-paySvg .mc-svg{min-width:720px}.mc-s-regionSvg .mc-svg{min-width:420px}
}
.ah-regions{align-items:stretch}.ah-go{margin-top:auto}   /* region cards in a row the same height, links lined up */
.mc-report{margin:28px 0 8px}.mc-report h2{margin:0}.mc-report .mc-grid{grid-template-columns:1fr}
.mc-report .mc-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.mc-chg{display:block;font-style:normal;font-size:12.5px;font-weight:700;margin-top:2px}.mc-chg.up{color:#9EE6B5}.mc-chg.down{color:#FFB4A3}
.mc-legend .mc-chg{display:inline;font-size:12px}.mc-legend .mc-chg.up{color:#1E6B3A}.mc-legend .mc-chg.down{color:#B4442E}
.mc-report .mc-tiles{grid-template-columns:1fr 1fr}
@media (max-width:860px){.mc-report .mc-s-weeklySvg .mc-svg{min-width:420px}}
.mc-report .mc-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}

/* News & insights (24 Oct 2026): topic chips, report hero with its "who's hiring" ring, coloured section cards */
.nw-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.nw-topics a{border:2px solid #C6D2C9;border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;color:var(--ink-2);background:#fff;text-decoration:none}
.nw-topics a .n{font-size:12px;color:var(--muted-2);margin-left:2px}.nw-topics a:hover{border-color:var(--brand)}
.nw-topics a.on{background:var(--brand);border-color:var(--brand);color:#fff}.nw-topics a.on .n{color:var(--on-dark)}
.nw-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;margin-bottom:18px;padding:28px 30px;border-radius:16px;text-decoration:none;
  background:linear-gradient(135deg,#072A1E 0%,#0B3B2A 65%,#1F5C43 100%);color:var(--on-dark);border-bottom:5px solid var(--gold);position:relative;overflow:hidden}
.nw-hero-txt{display:flex;flex-direction:column;gap:10px;min-width:0}
.nw-kick{align-self:flex-start;background:var(--gold);color:var(--brand-deep);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 12px}
.nw-ht{font-family:var(--head);font-weight:800;font-size:30px;line-height:1.15;color:#fff}.nw-hd{line-height:1.6}
.nw-figs{display:flex;flex-wrap:wrap;gap:10px}.nw-figs span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 14px;font-size:13px;display:flex;flex-direction:column}
.nw-figs b{font-family:var(--head);font-size:22px;color:#fff;line-height:1.1}
.nw-btn{align-self:flex-start;margin-top:4px}
.nw-hero:hover .nw-ht{text-decoration:underline}.nw-hero:hover{color:var(--on-dark)}
.nw-ring{background:#fff;border-radius:50%;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.nw-ring .mc-svg{width:100%}
.news-card{position:relative;border-top:4px solid var(--ac,#0B3B2A);transition:transform .15s ease,box-shadow .15s ease}
.news-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,42,30,.12)}
.nw-top{display:flex;align-items:center;gap:10px}
.nw-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--acb,#E3EEE7);color:var(--ac,#0B3B2A);flex:0 0 38px}
.nw-sec{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ac,#0B3B2A)}
.nw-top .nd{margin-left:auto}
.news-card.c-rep{--ac:#7A5A30;--acb:#F1E6D2}.news-card.c-car{--ac:#0B3B2A;--acb:#E3EEE7}.news-card.c-pay{--ac:#1E6B3A;--acb:#DFF1E5}
.news-card.c-emp{--ac:#4B4A9C;--acb:#E6E6F7}.news-card.c-new{--ac:#B4442E;--acb:#FBE4DE}
.news-card.nw-lead{grid-column:1/-1;padding:24px 26px}.news-card.nw-lead .nt{font-size:24px}.news-card.nw-lead .nx{font-size:15.5px}
@media (max-width:700px){.nw-hero{grid-template-columns:1fr;padding:22px}.nw-ring{width:170px}.nw-ht{font-size:24px}}
@media (prefers-reduced-motion:reduce){.news-card{transition:none}.news-card:hover{transform:none}}
/* Booking form: emailed offer code applied (Outreach::readCode) */
.offer-on{display:flex;gap:14px;align-items:flex-start;background:#FAF5EA;border:2px solid var(--gold);border-radius:12px;padding:14px 16px;margin:0 0 16px}
.oo-star{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--brand-deep);font-size:18px}
.oo-t{margin:0;font-family:var(--head);font-weight:700;font-size:18px;color:var(--ink)}.oo-s{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
.oo-was{font-family:var(--body);font-size:14px;font-weight:600;color:var(--muted-2)}
.oo-pill{align-self:flex-start;background:var(--gold);color:var(--brand-deep);font-size:12px;font-weight:800;border-radius:999px;padding:2px 10px;letter-spacing:.03em}
.sum.sum-off span,.sum.sum-off strong{color:#C0392B;font-weight:700}
.oo-pill{margin-top:4px;background:#FDECEA;color:#C0392B;border:1px solid #F5C2BC}

.badge.b-partner{background:#072A1E;color:#DDBF94}   /* SURVEYINGJOBS.COM Partner (Frontend\Pj\Partner) */

/* Advertise page: Partner plans (Frontend\Pj\Partner::TIERS, 24 Oct 2026) */
.pt-intro{padding:24px;display:flex;flex-direction:column;gap:8px}.pt-intro .h3{margin:0}.pt-intro .btn-gold{align-self:flex-start;margin-top:6px}
.pt-from{margin:4px 0 0;font-size:15px;color:var(--muted)}.pt-from strong{font-family:var(--head);font-size:30px;color:var(--brand-deep)}
.pt-band{background:linear-gradient(135deg,#072A1E 0%,#0B3B2A 70%,#1F5C43 100%);border-radius:18px;padding:34px 30px 26px;color:var(--on-dark);border-bottom:5px solid var(--gold)}
.pt-head{max-width:760px}.pt-head .eb{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pt-head h2{margin:0 0 8px;color:#fff;font-size:32px}.pt-head p{margin:0;line-height:1.6}
.pt-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.pt-tier{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:6px}
.pt-tier.pt-pop{background:#fff;color:var(--ink);border:3px solid var(--gold)}
.pt-n{margin:0;font-family:var(--head);font-weight:700;font-size:20px;color:inherit}.pt-tier:not(.pt-pop) .pt-n{color:#fff}
.pt-p{margin:4px 0 0;font-family:var(--head);font-weight:800;font-size:38px;line-height:1.05;color:#fff}.pt-pop .pt-p{color:var(--brand-deep)}
.pt-p span{font-size:15px;font-weight:600;opacity:.8}.pt-m{margin:0 0 6px;font-size:13.5px;opacity:.85}
.pt-tier .inc{margin:6px 0 14px}.pt-tier:not(.pt-pop) .inc{color:#E5ECE6}.pt-tier .inc svg{color:var(--gold)}
.pt-tier .btn-gold,.pt-tier .btn-line{margin-top:auto;text-align:center}
.pt-tier .pt-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.pt-line:hover{background:rgba(255,255,255,.1);color:#fff}
.pt-foot{margin:18px 0 0;font-size:13px;opacity:.85}
@media (max-width:900px){.pt-tiers{grid-template-columns:minmax(0,1fr);row-gap:34px}.pt-head h2{font-size:26px}}   /* stacked: room for the gold "Best fit" pill that sits on the box edge */
@media (max-width:420px){.pt-band{padding-left:18px!important;padding-right:18px!important}.pt-tier{padding:18px 16px}}

/* Very small phones (Galaxy Fold folded, 280-340px): buttons may wrap rather than push the page sideways */
@media (max-width:360px){
  .btn-gold,.btn-line{white-space:normal;text-align:center;line-height:1.25;padding-left:14px;padding-right:14px}
  .sticky-apply{gap:8px;padding-left:12px;padding-right:12px}.sticky-apply .btn-gold{min-width:0;padding:0 16px}
  .card{padding-left:14px;padding-right:14px}
}

/* "Show the figures" tables on the market charts: scroll inside the card on phones instead of spilling out */
.mc-tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:480px){.mc-tbl .tbl{font-size:13px}.mc-tbl .tbl th,.mc-tbl .tbl td{padding-left:6px;padding-right:6px}}

/* Phones: the back-to-top button is a small round arrow, so it does not cover form fields and text */
@media (max-width:640px){.to-top{width:44px;height:44px;padding:0;justify-content:center;font-size:0;gap:0;opacity:.92}.to-top svg{width:20px;height:20px}}

/* Galaxy Fold folded and other very narrow phones: smaller logo so the menu button stays on the same line */
@media (max-width:340px){.brand{gap:6px}.brand span{font-size:15.5px}.brand img{height:17px}.foot .brand span{font-size:15.5px}.top .bar{gap:8px}}

/* Salary guide box in articles (Advice::guideHtml) */
.sal-guide{margin:18px 0 22px;padding:18px 20px;border-top:4px solid var(--gold)}
.sal-guide figcaption{font-size:14px;color:var(--muted);margin-bottom:10px}
.sal-guide table{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.sal-guide th{text-align:left;font-size:12.5px;color:var(--muted);font-weight:700;padding:6px 8px;border-bottom:2px solid var(--line)}
.sal-guide td{padding:8px;border-bottom:1px solid var(--line-2)}.sal-guide td+td{font-weight:700;color:var(--brand-deep);white-space:nowrap}
.sal-guide .sg-note{margin:10px 0 0;font-size:13px;color:var(--muted-2)}
@media (max-width:480px){.sal-guide{padding:14px 12px}.sal-guide table{font-size:13.5px}.sal-guide th,.sal-guide td{padding:6px 4px}}
.sal-guide .sg-s{display:none}
@media (max-width:560px){.sal-guide .sg-l{display:none}.sal-guide .sg-s{display:inline}.sal-guide th{font-size:11px;letter-spacing:0}.sal-guide td{font-size:13px}.sal-guide td+td{white-space:normal}.sal-guide td:first-child{min-width:0;hyphens:auto}}
@media (max-width:360px){.sal-guide{padding:12px 8px}.sal-guide td{font-size:12px;padding:6px 2px}}
.sal-guide table{display:table;table-layout:fixed;width:100%;overflow:visible}
.sal-guide th:first-child,.sal-guide td:first-child{width:30%}
@media (max-width:560px){.sal-guide th:first-child,.sal-guide td:first-child{width:36%}}
@media (max-width:560px){.sal-guide th{text-transform:none;font-size:12px;overflow-wrap:normal;word-break:normal;hyphens:manual}}
@media (max-width:360px){.sal-guide th:first-child,.sal-guide td:first-child{width:31%}.sal-guide th{font-size:11px}}
/* sidebar only sticks when it sits beside the text (it wraps above it below ~1000px: Fold unfolded overlap, 25 Oct 2026) */
@media (max-width:1000px){.info-side{position:static}}
.tier-tools .sort{gap:10px;flex-wrap:wrap}.tier-tools .sort .field{max-width:100%}.tier-tools .sort select{max-width:100%}
/* Top Job / Job of the Week inside job lists once the sidebar drops below them (Site::spotInline, 25 Oct 2026) */
.spot-inline{display:none}
@media (max-width:1015px){.spot-inline{display:flex;flex-direction:column;gap:14px;margin:6px 0}.spot-side{display:none}}
.spot-side{display:flex;flex-direction:column;gap:18px}
@media (max-width:1015px){.spot-side{display:none}}
/* job page: send it to a planner (25 Oct 2026) */
.send-on{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}
.send-on .t{margin:0 0 10px;font-weight:700;font-size:15px;color:var(--ink)}
.send-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.send-grid a,.send-grid button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid #C6D2C9;border-radius:8px;background:#fff;color:var(--brand);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}
.send-grid a:hover,.send-grid button:hover{border-color:var(--brand);background:#F4F6F2}
@media (max-width:340px){.send-grid{grid-template-columns:1fr}}
/* /job-alerts: what you get with the Weekly */
.wk-gets{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px}
.wk-gets li{display:flex;gap:12px;align-items:flex-start}.wk-gets svg{flex:0 0 auto;margin-top:3px}
.wk-gets strong{display:block;font-size:16px;color:var(--ink)}.wk-gets strong a{color:var(--brand)}
.wk-gets span{display:block;color:var(--ink-2);font-size:15px;line-height:1.55}
/* Advice hub: salary guide strip */
.sal-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-top:4px solid var(--gold);flex-wrap:wrap}
.sal-strip h2{font-family:var(--head);font-size:22px;margin:2px 0 4px}.sal-strip p{margin:0;color:var(--ink-2)}.sal-strip>div{flex:1 1 380px;min-width:0}
/* salary guide: anonymous pay form */
.sal-share{padding:22px 24px;margin:16px 0;border-top:4px solid var(--brand)}
.sal-share .ss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;margin:12px 0}
.sal-share .fld label{display:block;font-weight:700;font-size:14px;margin-bottom:4px}
.sal-share select,.sal-share input[type=email],.sal-share input[inputmode]{width:100%;min-height:44px;border:1px solid #C6D2C9;border-radius:8px;padding:0 10px;font:inherit;background:#fff;box-sizing:border-box}
.sal-share .ss-more{margin:4px 0 14px}.sal-share .ss-more summary{cursor:pointer;font-weight:700;color:var(--brand)}
.sal-share .ss-tick{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin-top:10px;line-height:1.5}
/* advertising offers sign-up (Offers::formHtml) */
.offers-box{padding:24px 26px;border-top:4px solid var(--gold);max-width:900px}
.offers-box h3{font-family:var(--head);font-size:22px;margin:2px 0 6px}.offers-box>p{margin:0 0 12px;color:var(--ink-2)}
.offers-box .of-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;margin:4px 0 14px}
.offers-box .of-wide{grid-column:1/-1}
.offers-box label{display:block;font-weight:700;font-size:14px;margin-bottom:4px}
.offers-box input:not(.hp){width:100%;min-height:44px;border:1px solid #C6D2C9;border-radius:8px;padding:0 12px;font:inherit;box-sizing:border-box}
.offers-box .offers-msg{background:#E8F5EC;color:#1C5B32;border-radius:8px;padding:10px 12px;font-weight:700}
.ap-hirer{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.5;margin:4px 0 14px;color:var(--ink-2)}.ap-hirer input{margin-top:3px}
.offers-box .of-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:560px){.offers-box .of-grid{grid-template-columns:1fr}}
/* home page logo strip: fewer, bigger logos (Matt, 25 Oct 2026) */
.track .logo-tile{width:188px;min-height:128px;padding:6px}
.track .logo-tile img{height:112px}
@media (max-width:640px){.track .logo-tile{width:132px;min-height:96px;padding:8px}.track .logo-tile img{height:78px}}
/* logo tiles site-wide at the home-strip size (Matt, 25 Oct 2026): bigger logos, less white space */
.logo-tile{padding:6px;min-height:112px}
.logo-tile img{height:96px}
.logo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sell-track .logo-tile{width:188px;min-height:128px;padding:6px}.sell-track .logo-tile img{height:112px;max-height:none}
@media (max-width:640px){.logo-tile{min-height:96px}.logo-tile img{height:80px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sell-track .logo-tile{width:132px;min-height:96px}.sell-track .logo-tile img{height:78px}}
.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* employer name under each logo tile (Matt, 25 Oct 2026: "who's the red horse?") */
.logo-tile{flex-direction:column;gap:4px}
.logo-tile .lt-name{display:block;max-width:100%;font-size:12.5px;font-weight:700;line-height:1.25;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo-tile:hover .lt-name{color:var(--brand)}
.logo-tile img{height:80px}
.track .logo-tile img,.sell-track .logo-tile img{height:92px}
@media (max-width:640px){.logo-tile img{height:66px}.track .logo-tile img,.sell-track .logo-tile img{height:62px}.logo-tile .lt-name{font-size:11.5px}}
@media (max-width:640px){.logo-tile .lt-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;font-size:11px}}
.art-body .info-note,.info-note{background:#F4F6F2;border-left:0;border-radius:10px;padding:12px 16px;font-size:15px}
.offers-box{max-width:none}@media (min-width:900px){.offers-box .of-grid{grid-template-columns:1fr 1fr 1.4fr}.offers-box .of-wide{grid-column:auto}}

/* Advertise page: slim offers sign-up under the prices (25 Oct 2026) */
.offers-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:900px;margin:18px auto 0;padding:12px 14px 12px 18px;background:#F8F1E3;border:1px solid #EBD27A;border-left:4px solid var(--gold);border-radius:10px}
.offers-strip .os-text{flex:1 1 300px;color:var(--ink-2);line-height:1.4}.offers-strip .os-text strong{color:var(--ink)}
.offers-strip input[type=email]{flex:1 1 220px;min-height:44px;border:1px solid #C6D2C9;border-radius:8px;padding:0 12px;font:inherit;box-sizing:border-box;background:#fff}
.offers-strip .btn-gold{min-height:44px;white-space:nowrap}
.offers-strip .offers-msg{flex-basis:100%;margin:0;background:#E8F5EC;color:#1C5B32;border-radius:8px;padding:8px 12px;font-weight:700}
@media (max-width:560px){.offers-strip .btn-gold{flex:1 1 100%}}

/* "Post a job today" price rows go straight to the booking form with that advert picked (25 Oct 2026) */
a.price{color:inherit;text-decoration:none;transition:background .15s,transform .15s}
a.price:hover,a.price:focus-visible{background:rgba(255,255,255,.18);transform:translateX(2px)}
a.price.best:hover,a.price.best:focus-visible{background:#F8F1E3}

/* home market report banner: the title links to the report too */
.mr-title{color:inherit;text-decoration:none}.mr-title:hover,.mr-title:focus-visible{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px;text-decoration-thickness:3px}
.pt-foot a{color:inherit;font-weight:700;text-decoration:underline}
/* job page logo: same gold ring on hover as the job cards' logos (a.logo-link) */
.job-logo{border-radius:12px;transition:box-shadow .15s}.job-logo:hover,.job-logo:focus-visible{box-shadow:0 0 0 3px var(--gold)}
.report .mr-title,.report .mr-title:hover,.report .mr-title:focus-visible{color:#fff}   /* the global a:hover went dark teal on the dark banner */
/* Advertise page (25 Oct 2026, Matt): Standard and Featured sit lower so Premium stands up above them (desktop only; phones stack with Premium first) */
@media (min-width:981px){.sell-plans .plan:not(.plan-pop){margin-top:56px}}

/* plan cards: the label the advert will carry, beside the plan name */
.plan-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.plan-h .badge{font-family:var(--body,inherit);font-size:11px}

/* phones: a small gold Advertise button beside the menu (25 Oct 2026), so employers don't have to open the menu */
.bar-sell{display:none}
@media (max-width:900px){.bar-sell{display:inline-flex;align-items:center;margin-left:auto;margin-right:6px;background:var(--gold);color:var(--brand-deep);font-weight:700;font-size:14px;text-decoration:none;border-radius:8px;padding:0 12px;min-height:38px}
  .bar-sell:hover{background:var(--gold-dark);color:var(--brand-deep)}}
@media (max-width:900px){.top .bar{gap:8px}.top .bar .menu-btn{width:40px;margin-right:-6px}.top .bar .bar-sell{margin-right:0}}
@media (max-width:400px){.bar-sell{padding:0 9px;font-size:13px;min-height:34px}.top .brand{gap:7px}.top .brand span{font-size:16px}.top .brand img{width:30px;height:auto}}
@media (max-width:340px){.bar-sell{padding:0 7px;font-size:12px}.top .brand span{font-size:14px}.top .brand img{width:24px}.top .bar .menu-btn{width:34px}}