/* Deadline Desk. Loaded after the parent theme and the job-search plugin's inline CSS.
   One idea: every opportunity is read by how long is left to apply.
   Deadline colours everywhere: red = last day, amber = this week, green = open, navy = new / expected. */
:root{
  --dd-navy:#1d4a9a; --dd-navy-ink:#12306b; --dd-navy-50:#eef3fc; --dd-navy-100:#dbe6f8;
  --dd-red:#bb1919; --dd-red-ink:#9b1212; --dd-red-50:#fdeeee;
  --dd-amber:#a15c00; --dd-amber-50:#fff3dc; --dd-amber-bar:#e59a1a;
  --dd-green:#147a3c; --dd-green-50:#e6f5ec; --dd-green-bar:#2fa864;
  --dd-violet:#5b3fb0; --dd-violet-50:#f1edfb;
  --dd-ink:#0b1220; --dd-ink-2:#465068; --dd-ink-3:#6a7389;
  --dd-line:#e4e8ef; --dd-line-2:#d2d9e4; --dd-tint:#f5f7fb;
  --dd-r:12px; --dd-r-lg:16px;
  --dd-sh:0 1px 2px rgba(11,18,32,.05);
  --dd-sh-up:0 2px 4px rgba(11,18,32,.04), 0 14px 32px rgba(11,18,32,.10);
  --dd-sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dd-mono:"Geist Mono", ui-monospace, monospace;
  --dd-ease:cubic-bezier(.16,1,.3,1);
  /* parent theme tokens re-pointed */
  --navy:var(--dd-ink); --navy-deep:var(--dd-ink); --teal:var(--dd-navy); --teal-light:var(--dd-navy-50);
  --gold:var(--dd-amber); --gold-light:var(--dd-amber-50); --ink:var(--dd-ink); --ink-soft:var(--dd-ink-2);
  --paper:#fff; --border:var(--dd-line); --danger:var(--dd-red); --radius:10px; --radius-lg:var(--dd-r-lg);
  --shadow:var(--dd-sh); --shadow-lg:var(--dd-sh-up); --font-head:var(--dd-sans); --font-body:var(--dd-sans);
}

/* ---------- Base ---------- */
body.dd{background:#fff !important; color:var(--dd-ink); font-family:var(--dd-sans) !important; font-size:15.5px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
.dd h1,.dd h2,.dd h3,.dd h4{font-family:var(--dd-sans) !important; letter-spacing:-.025em; color:var(--dd-ink); text-wrap:balance}
.dd a{color:var(--dd-navy)}
.dd ::selection{background:var(--dd-navy); color:#fff}
.dd :focus-visible{outline:2px solid var(--dd-navy) !important; outline-offset:2px}
html{accent-color:var(--dd-red); scroll-padding-top:130px}
.dd .container{max-width:1200px; padding-inline:clamp(16px,3vw,28px); box-sizing:border-box}
.dd-i{width:16px; height:16px; flex:none; vertical-align:-3px}
.dd-skip{position:absolute; left:-999px; top:8px; z-index:100; background:var(--dd-ink); color:#fff !important; padding:8px 14px; border-radius:8px}
.dd-skip:focus{left:8px}
.dd .screen-reader-text{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.pgmh-topbar{display:none !important}

/* ---------- Header ---------- */
.dd .pgmh-header.dd-head{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94) !important; backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--dd-line) !important; box-shadow:none !important}
body.admin-bar .pgmh-header.dd-head{top:32px}
.dd .dd-head-row{display:flex !important; flex-direction:row !important; align-items:center !important; gap:20px; min-height:68px; padding-block:0 !important}
.dd-brand{display:flex; align-items:center; gap:10px; min-width:0; text-decoration:none !important; color:var(--dd-ink) !important}
.dd-brand-mark{width:36px; height:36px; flex:none; border-radius:10px; background:var(--dd-navy); color:#fff; display:grid; place-items:center; font:800 14px var(--dd-sans); letter-spacing:-.02em; position:relative}
.dd-brand-mark::after{content:""; position:absolute; right:-3px; top:-3px; width:10px; height:10px; border-radius:50%; background:var(--dd-red); border:2px solid #fff}
.dd-logo{width:36px; height:36px; border-radius:10px; object-fit:cover}
.dd-brand-text{display:flex; flex-direction:column; line-height:1.15; min-width:0}
.dd .dd-brand-text .site-title{margin:0 !important; font:700 16px/1.2 var(--dd-sans) !important; letter-spacing:-.02em !important; color:var(--dd-ink) !important; text-transform:none !important}
.dd-brand-text small{font-size:12px; color:var(--dd-ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.dd-search{flex:1; max-width:440px; margin-left:auto; display:flex; align-items:center; gap:8px; height:40px; padding:0 10px 0 12px; background:var(--dd-tint); border:1px solid var(--dd-line); border-radius:10px; color:var(--dd-ink-3); transition:border-color .2s var(--dd-ease), background .2s var(--dd-ease)}
.dd-search:focus-within{background:#fff; border-color:var(--dd-navy); box-shadow:0 0 0 4px rgba(29,74,154,.12)}
.dd-search input[type=search]{flex:1; min-width:0; border:0 !important; background:none !important; outline:none; box-shadow:none !important; font:inherit; color:var(--dd-ink); padding:0 !important; height:auto !important}
.dd-search input::placeholder{color:#717a8f}
.dd-search kbd{font:600 11px var(--dd-mono); color:var(--dd-ink-3); border:1px solid var(--dd-line-2); border-bottom-width:2px; border-radius:5px; padding:1px 6px; background:#fff}
.dd .dd-actions{display:flex !important; align-items:center; gap:8px; margin:0 !important}
.dd .dd-actions a{display:inline-flex !important; align-items:center; gap:6px; height:38px !important; padding:0 13px !important; border-radius:10px !important; font:600 14px var(--dd-sans) !important; white-space:nowrap; text-decoration:none !important; transition:background .2s var(--dd-ease), border-color .2s var(--dd-ease)}
.dd .dd-btn-ghost{color:var(--dd-ink-2) !important; background:transparent !important; border:0 !important}
.dd .dd-btn-ghost:hover{background:var(--dd-tint) !important}
html body .dd-actions a.pgjs-hdr-login.pgjs-hdr-login{background:#fff !important; color:var(--dd-ink) !important; border:1px solid var(--dd-line-2) !important}
html body .dd-actions a.pgjs-hdr-login.pgjs-hdr-login:hover{border-color:var(--dd-ink-3) !important}
.dd .dd-actions .pgmh-subscribe-btn{background:var(--dd-red) !important; color:#fff !important; border:1px solid var(--dd-red) !important}
.dd .dd-actions .pgmh-subscribe-btn:hover{background:var(--dd-red-ink) !important}

/* menu */
.dd .pgmh-nav{background:#fff !important; border-top:1px solid var(--dd-line) !important; border-bottom:0 !important}
.dd .pgmh-nav > .container{display:flex; align-items:stretch; min-height:46px}
.dd .pgmh-nav ul.menu{display:flex; gap:2px; margin:0; padding:0; list-style:none; flex-wrap:nowrap; align-items:stretch; flex:1}
.dd .pgmh-nav ul.menu > li{position:relative; display:flex}
.dd .pgmh-nav ul.menu > li > a{display:flex !important; align-items:center; gap:4px; padding:0 12px !important; background:transparent !important; color:var(--dd-ink-2) !important; font:500 14px var(--dd-sans) !important; text-transform:none !important; letter-spacing:0 !important; white-space:nowrap; position:relative; transition:color .2s var(--dd-ease)}
.dd .pgmh-nav ul.menu > li > a:hover{color:var(--dd-ink) !important}
.dd .pgmh-nav ul.menu > li.menu-item-has-children > a::after{content:""; width:6px; height:6px; margin-left:4px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.7}
.dd .pgmh-nav ul.menu > li.current-menu-item > a,.dd .pgmh-nav ul.menu > li.current-menu-ancestor > a,.dd .pgmh-nav ul.menu > li.current_page_item > a{color:var(--dd-ink) !important; font-weight:600 !important; background:transparent !important}
.dd .pgmh-nav ul.menu > li.current-menu-item > a::before,.dd .pgmh-nav ul.menu > li.current-menu-ancestor > a::before{content:""; position:absolute; left:12px; right:12px; bottom:-1px; height:2px; border-radius:2px; background:var(--dd-red)}
.dd .pgmh-nav .sub-menu{position:absolute; top:100%; left:0; min-width:250px; margin:0; padding:6px !important; list-style:none; background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r) !important; box-shadow:var(--dd-sh-up) !important; display:none; z-index:60}
.dd .pgmh-nav li:hover > .sub-menu,.dd .pgmh-nav li:focus-within > .sub-menu{display:block}
.dd .pgmh-nav .sub-menu a{display:block !important; padding:9px 10px !important; border-radius:8px; color:var(--dd-ink) !important; background:transparent !important; font:500 14px var(--dd-sans) !important; text-transform:none !important; letter-spacing:0 !important; white-space:nowrap}
.dd .pgmh-nav .sub-menu a:hover,.dd .pgmh-nav .sub-menu a:focus-visible{background:var(--dd-navy-50) !important; color:var(--dd-navy) !important}
.dd .pgmh-nav .sub-menu a[href*="pg-induction-tracker"]{font-weight:600 !important}
.dd .pgmh-nav .sub-menu a[href*="pg-induction-tracker"]::after{content:"LIVE"; margin-left:8px; font:700 10px var(--dd-mono); letter-spacing:.06em; color:var(--dd-red); background:var(--dd-red-50); padding:2px 7px; border-radius:999px}
.dd .pgjs-nav-free{font:700 10.5px var(--dd-sans) !important; background:var(--dd-green) !important; color:#fff !important; border-radius:999px !important; padding:2px 7px !important}
.dd .pgmh-nav .pgjs-menu-item .pgjs-toggle{color:var(--dd-ink-2) !important; background:transparent !important; font:500 14px var(--dd-sans) !important; text-transform:none !important}
.dd .pgmh-menu-toggle{display:none; align-items:center; gap:8px; background:none !important; border:0 !important; color:var(--dd-ink) !important; font:600 14px var(--dd-sans) !important; padding:12px 0 !important; cursor:pointer}
@media (min-width:861px){ .dd .pgmh-nav .pgjs-menu-item{display:none !important} } /* header search replaces it on desktop */
/* The header already has Log in / My account; the long Seat Explorer label gets a short name.
   shortcut: menu item ids are this site's; if the menu is rebuilt, rename the items in Appearance → Menus instead. */
.dd .pgmh-nav ul.menu > li#menu-item-3029,.dd .pgmh-nav ul.menu > li:has(> a[href$="/login/"]){display:none !important}
.dd .pgmh-nav #menu-item-3062 > a{font-size:0 !important}
.dd .pgmh-nav #menu-item-3062 > a::after{content:"Seat Explorer"; font-size:14px}
@media (max-width:1100px){ .dd .pgmh-nav #menu-item-3062 > a::after{font-size:13px} }

/* ticker */
.dd .pgmh-ticker-wrap{background:var(--dd-tint) !important; border-bottom:1px solid var(--dd-line) !important}
.dd .pgmh-ticker-wrap .container{display:flex; align-items:center; gap:14px; padding-block:9px !important}
.dd .pgmh-ticker-label{display:inline-flex !important; align-items:center; gap:7px; background:none !important; padding:0 !important; border-radius:0 !important; font:700 11px var(--dd-mono) !important; letter-spacing:.08em; text-transform:uppercase; color:var(--dd-red) !important}
.dd .pgmh-ticker-label::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--dd-red); animation:dd-pulse 2s var(--dd-ease) infinite}
.dd .pgmh-ticker{mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.dd .pgmh-ticker-track{gap:18px !important; animation-duration:160s !important}
.dd .pgmh-ticker-track a{color:var(--dd-ink-2) !important; font:500 13.5px var(--dd-sans) !important}
.dd .pgmh-ticker-track a:hover{color:var(--dd-navy) !important}
.dd .pgmh-ticker-track span{color:var(--dd-line-2)}
.dd .pgmh-ticker:hover .pgmh-ticker-track{animation-play-state:paused}
@keyframes dd-pulse{0%{box-shadow:0 0 0 0 rgba(187,25,25,.45)}70%{box-shadow:0 0 0 7px rgba(187,25,25,0)}100%{box-shadow:0 0 0 0 rgba(187,25,25,0)}}

/* ---------- Shared pieces ---------- */
.dd-live{display:inline-flex; align-items:center; gap:5px; font:700 10.5px var(--dd-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--dd-red); background:var(--dd-red-50); padding:2px 7px; border-radius:999px}
.dd-live::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--dd-red); animation:dd-pulse 2s var(--dd-ease) infinite}
.dd-due{display:inline-flex; align-items:center; height:24px; padding:0 9px; border-radius:999px; font:600 12px var(--dd-mono); white-space:nowrap; flex:none}
.dd-due-today{background:var(--dd-red-50); color:var(--dd-red)} .dd-due-week{background:var(--dd-amber-50); color:var(--dd-amber)} .dd-due-open{background:var(--dd-green-50); color:var(--dd-green)}
.dd-type{display:block; font:600 11.5px var(--dd-sans); letter-spacing:.02em; text-transform:uppercase; color:var(--dd-navy)}
.dd-block-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 16px}
.dd-block-head h2{font-size:clamp(22px,2.4vw,28px) !important; font-weight:700 !important; margin:0 !important}
.dd-block-head a{display:inline-flex; align-items:center; gap:4px; font:600 14px var(--dd-sans); white-space:nowrap; text-decoration:none !important}

/* ---------- Homepage hero (rendered by the plugin) ---------- */
.dd .pgjs-home{background:linear-gradient(180deg, var(--dd-tint), #fff) !important; border-bottom:1px solid var(--dd-line) !important; padding:clamp(28px,4vw,52px) 0 !important}
.dd .pgjs-home-card{background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important}
.dd .pgjs-hero h1{font:800 clamp(32px,4.4vw,54px)/1.04 var(--dd-sans) !important; letter-spacing:-.04em !important; color:var(--dd-ink) !important; max-width:20ch; margin:0 0 14px !important}
.dd .pgjs-hero p{color:var(--dd-ink-2) !important; font-size:17px !important; max-width:62ch}
.dd .pgjs-live{color:var(--dd-green) !important; font-weight:600 !important}
.dd .pgjs-home .pgjs-form.pgjs-bar{display:grid !important; grid-template-columns:2fr 1fr 1fr auto; gap:10px; align-items:end; background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; padding:12px !important; margin-top:24px !important; box-shadow:var(--dd-sh-up) !important}
.dd .pgjs-home .pgjs-form.pgjs-bar > .pgjs-field{margin:0 !important; width:auto !important}
.dd .pgjs-field label{font:600 11px var(--dd-mono) !important; letter-spacing:.06em; text-transform:uppercase; color:var(--dd-ink-3) !important}
.dd .pgjs-home .pgjs-qchips{margin-top:16px !important}
.dd .pgjs-qchip{border-radius:999px !important; border:1px solid var(--dd-line-2) !important; background:#fff !important; color:var(--dd-ink) !important; font-weight:500 !important}
.dd .pgjs-qchip:hover{border-color:var(--dd-navy) !important; color:var(--dd-navy) !important}
.dd .pgjs-qchip-alt{background:var(--dd-ink) !important; color:#fff !important; border-color:var(--dd-ink) !important}
.dd .pgjs-closing{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; box-shadow:var(--dd-sh) !important; margin-top:22px !important}
.dd .pgjs-closing-head strong{color:var(--dd-ink) !important}

/* forms everywhere */
.dd .pgjs-form input[type=text],.dd .pgjs-form input[type=search],.dd .pgjs-select,.dd .pgjs-form select,
.dd .pgmh-content input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.dd .pgmh-content select,.dd .pgmh-content textarea{
  min-height:44px; border:1px solid var(--dd-line-2) !important; border-radius:10px !important; background-color:#fff !important; color:var(--dd-ink) !important; font-family:var(--dd-sans) !important; box-shadow:none !important; transition:border-color .2s var(--dd-ease), box-shadow .2s var(--dd-ease)}
.dd .pgmh-content textarea{min-height:110px}
.dd .pgjs-form input:focus,.dd .pgjs-form select:focus,.dd .pgmh-content input:focus,.dd .pgmh-content select:focus,.dd .pgmh-content textarea:focus{border-color:var(--dd-navy) !important; box-shadow:0 0 0 4px rgba(29,74,154,.12) !important; outline:none !important}
.dd .pgjs-btn,.dd .pgjs-actions button,.dd .pgmh-content button[type=submit],.dd .pgmh-content input[type=submit],.dd .wp-block-button__link{background:var(--dd-red) !important; border:0 !important; border-radius:10px !important; color:#fff !important; font:700 15px var(--dd-sans) !important; transition:background .2s var(--dd-ease)}
.dd .pgjs-btn:hover,.dd .pgjs-actions button:hover,.dd .pgmh-content button[type=submit]:hover,.dd .pgmh-content input[type=submit]:hover{background:var(--dd-red-ink) !important}

/* ---------- Tracker board ---------- */
.dd-home-boards{padding-top:clamp(28px,4vw,44px)}
.dd-trk{border:1px solid var(--dd-line); border-radius:var(--dd-r-lg); background:#fff; padding:18px; box-shadow:var(--dd-sh)}
.dd-trk-head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:14px}
.dd-trk-head h2{font:700 20px var(--dd-sans) !important; margin:0 !important; padding:0 !important; border:0 !important}
.dd-trk-head a{display:inline-flex; align-items:center; gap:4px; font:600 14px var(--dd-sans); white-space:nowrap; text-decoration:none !important}
.dd-trk-kicker{display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 4px !important; color:var(--dd-ink-3); font-size:12.5px}
.dd-trk-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:8px}
.dd .dd-ts{display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:center; text-align:left; padding:12px !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r) !important; background:#fff !important; color:inherit !important; cursor:pointer; min-width:0; font:inherit !important; transition:border-color .2s var(--dd-ease)}
.dd-ts-ico{grid-row:1/3; width:34px; height:34px; border-radius:9px; display:grid; place-items:center}
.dd-ts b{font:700 24px/1 var(--dd-mono)}
.dd-ts-l{font-size:12.5px; color:var(--dd-ink-2); font-weight:500}
.dd-ts-open .dd-ts-ico{background:var(--dd-green-50); color:var(--dd-green)} .dd-ts-open b{color:var(--dd-green)}
.dd-ts-soon .dd-ts-ico{background:var(--dd-red-50); color:var(--dd-red)} .dd-ts-soon b{color:var(--dd-red)}
.dd-ts-test .dd-ts-ico{background:var(--dd-amber-50); color:var(--dd-amber)} .dd-ts-test b{color:var(--dd-amber)}
.dd-ts-expected .dd-ts-ico{background:var(--dd-navy-50); color:var(--dd-navy)} .dd-ts-expected b{color:var(--dd-navy)}
.dd .dd-ts:hover{border-color:var(--dd-line-2) !important}
.dd .dd-ts[aria-selected="true"]{border-color:var(--dd-ink) !important; box-shadow:inset 0 0 0 1px var(--dd-ink) !important}
.dd-trk-list{list-style:none !important; margin:14px 0 0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(2,1fr); column-gap:24px}
.dd-trk-list[hidden]{display:none !important}
.dd-tr{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0 !important; margin:0 !important; border-top:1px solid var(--dd-line)}
.dd-tr a{display:grid; gap:2px; min-width:0; text-decoration:none !important}
.dd-tr-name{font-weight:600; font-size:14px; line-height:1.3; color:var(--dd-ink)}
.dd-tr a:hover .dd-tr-name{color:var(--dd-navy)}
.dd-tr-meta{font-size:12.5px; color:var(--dd-ink-3)}
.dd-tr-when{font:600 12px var(--dd-mono); color:var(--dd-ink-2); text-align:right; flex:none; max-width:46%}
.dd-tr-soon .dd-tr-when{color:var(--dd-red)} .dd-tr-open .dd-tr-when{color:var(--dd-green)} .dd-tr-test .dd-tr-when{color:var(--dd-amber)} .dd-tr-expected .dd-tr-when{color:var(--dd-navy)}
.dd-trk-empty{grid-column:1/-1; padding:14px 0; border-top:1px solid var(--dd-line); color:var(--dd-ink-3); font-size:14px}
/* mini (sidebar) */
.dd .dd-widget-trk{padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important}
.dd-trk-mini{padding:16px}
.dd-trk-mini .dd-trk-head h2{font-size:16px !important}
.dd-trk-mini .dd-trk-stats{grid-template-columns:1fr 1fr; gap:6px}
.dd .dd-trk-mini .dd-ts{padding:9px !important; column-gap:8px}
.dd-trk-mini .dd-ts-ico{width:28px; height:28px}
.dd-trk-mini .dd-ts b{font-size:19px} .dd-trk-mini .dd-ts-l{font-size:11.5px}
.dd-trk-mini .dd-trk-list{grid-template-columns:1fr}
.dd-trk-mini .dd-tr{flex-direction:column; align-items:flex-start; gap:4px}
.dd-trk-mini .dd-tr-when{text-align:left; max-width:none}

/* ---------- Deadline board ---------- */
.dd-board-wrap{padding-top:clamp(32px,4vw,52px)}
.dd-board{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.dd-col{border:1px solid var(--dd-line); border-radius:var(--dd-r-lg); padding:18px; background:#fff; position:relative; overflow:hidden}
.dd-col::before{content:""; position:absolute; inset:0 0 auto; height:3px}
.dd-col-today::before{background:var(--dd-red)} .dd-col-week::before{background:var(--dd-amber-bar)} .dd-col-open::before{background:var(--dd-green-bar)}
.dd-col header{display:flex; align-items:center; justify-content:space-between}
.dd-col h3{font:700 17px var(--dd-sans) !important; margin:0 !important}
.dd-count{font:700 13px var(--dd-mono); min-width:28px; height:24px; padding:0 8px; border-radius:999px; display:grid; place-items:center; background:var(--dd-tint)}
.dd-col-sub{color:var(--dd-ink-3); font-size:13px; margin:2px 0 12px !important}
.dd-col ol{list-style:none !important; margin:0 !important; padding:0 !important}
.dd-col li{margin:0 !important}
.dd-col li a{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid var(--dd-line); color:var(--dd-ink) !important; font-weight:500; font-size:14px; line-height:1.35; text-decoration:none !important}
.dd-col li a:hover .dd-t{color:var(--dd-navy)}
.dd-col li.dd-empty{padding:11px 0; border-top:1px solid var(--dd-line); color:var(--dd-ink-3); font-size:14px}

/* ---------- Main layout + homepage sections ---------- */
.dd .pgmh-layout{padding-top:clamp(32px,4vw,52px) !important; gap:32px !important}
.dd .pgjs-sec{background:transparent !important; border:0 !important; padding:0 !important; margin:0 0 44px !important; box-shadow:none !important}
.dd .pgjs-sec-head{border:0 !important; padding:0 !important; margin:0 0 16px !important; align-items:baseline !important}
.dd .pgjs-sec-head h2,.dd .pgjs-sec h2,.dd .pgmh-section-title h2,.dd .pgjs-feat-h{font:700 clamp(20px,2.2vw,26px) var(--dd-sans) !important; color:var(--dd-ink) !important; border:0 !important; padding:0 !important; margin:0 !important}
.dd .pgmh-section-title{border:0 !important; padding:0 !important}
.dd .pgmh-section-title::before,.dd .pgmh-section-title::after,.dd .pgjs-sec-head::after{display:none !important}
.dd .pgjs-sec-head a,.dd .pgjs-archive-link{color:var(--dd-navy) !important; font:600 14px var(--dd-sans) !important}

/* job rows */
.dd .pgjs-row{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; box-shadow:var(--dd-sh) !important; transition:box-shadow .25s var(--dd-ease), transform .25s var(--dd-ease), border-color .25s var(--dd-ease)}
.dd .pgjs-row:hover{box-shadow:var(--dd-sh-up) !important; transform:translateY(-2px); border-color:var(--dd-line-2) !important}
.dd .pgjs-row a{color:var(--dd-ink) !important}
.dd .pgjs-row strong,.dd .pgjs-row h3{font:650 16px/1.35 var(--dd-sans) !important; letter-spacing:-.015em}
.dd .pgjs-row:hover strong{color:var(--dd-navy)}
.dd .pgjs-row-meta{color:var(--dd-ink-3) !important}
.dd .pgjs-row-feat{border-color:#f1d9a6 !important; background:linear-gradient(180deg,#fffaf0,#fff) !important}
.dd .pgjs-chip{background:none !important; padding:0 !important; color:var(--dd-navy) !important; font:600 11.5px var(--dd-sans) !important; letter-spacing:.02em; text-transform:uppercase}
/* the deadline colour code */
.dd .pgjs-st{border-radius:999px !important; border:0 !important; padding:3px 9px !important; font:600 12px var(--dd-mono) !important}
.dd .pgjs-st-open{background:var(--dd-green-50) !important; color:var(--dd-green) !important}
.dd .pgjs-st-soon{background:var(--dd-red-50) !important; color:var(--dd-red) !important}
.dd .pgjs-st-new{background:var(--dd-navy-50) !important; color:var(--dd-navy) !important}

/* tools, tiles, lists, bands */
.dd .pgjs-sc-card,.dd .pgjs-type,.dd .pgjs-half,.dd .pgmh-widget,.dd .pgjs-feat-box{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; box-shadow:none !important}
.dd .pgjs-sc-card{transition:box-shadow .25s var(--dd-ease), transform .25s var(--dd-ease)}
.dd .pgjs-sc-card:hover{box-shadow:var(--dd-sh-up) !important; transform:translateY(-2px)}
.dd .pgjs-sc-card b{font:700 16px var(--dd-sans) !important; color:var(--dd-ink) !important}
.dd .pgjs-sc-card small{color:var(--dd-ink-2) !important}
.dd .pgjs-tile{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r) !important; transition:border-color .2s var(--dd-ease), background .2s var(--dd-ease)}
.dd .pgjs-tile,.dd .pgjs-tile *{color:var(--dd-ink) !important}
.dd .pgjs-tile span{font:500 12.5px var(--dd-mono) !important; color:var(--dd-ink-3) !important}
.dd .pgjs-tile:hover,.dd .pgjs-type:hover{border-color:var(--dd-navy) !important; background:var(--dd-navy-50) !important}
.dd .pgjs-ico{background:var(--dd-navy-50) !important; border-radius:10px !important}
.dd .pgjs-type em{font:500 12.5px var(--dd-mono) !important; font-style:normal !important; color:var(--dd-ink-3) !important}
.dd .pgjs-half{padding:22px !important}
.dd .pgjs-list li,.dd .pgjs-half li{border-color:var(--dd-line) !important}
/* readable small text: the plugin's #888 dates fail contrast (3.5:1); ink-3 is 4.7:1 on white */
.dd .pgjs-half li > span,.dd .pgjs-list li > span,.dd .pgjs-row-meta,.dd .pgmh-card-meta,.dd .pgjs-closing-head span{color:var(--dd-ink-3) !important; font-family:var(--dd-mono) !important; font-size:12px !important}
.dd .pgjs-feat-tag{background:var(--dd-amber-50) !important; color:var(--dd-amber) !important; border-radius:999px !important; font-weight:700 !important}
.dd .pgjs-prep{background:var(--dd-navy) !important; border:0 !important; border-radius:var(--dd-r-lg) !important; padding:28px !important}
.dd .pgjs-prep,.dd .pgjs-prep *{color:#fff !important}
.dd .pgjs-prep-links a{background:rgba(255,255,255,.12) !important; border:0 !important; border-radius:10px !important}
.dd .pgjs-prep-cta{background:var(--dd-red) !important; border-radius:10px !important}
.dd .pgjs-follow{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; padding:28px !important; box-shadow:none !important}
.dd .pgjs-fbtn{border-radius:10px !important; font-weight:700 !important}
.dd .pgjs-f-wa,.dd .pgjs-pop-wa{background:var(--dd-green) !important; color:#fff !important} /* WhatsApp green #1f9d55 was 3.5:1 with white; this is 5.4:1 */
.dd .pgjs-ih-banner{background:var(--dd-ink) !important; border-radius:var(--dd-r-lg) !important}
.dd .pgjs-panel{border-radius:var(--dd-r-lg) !important}

/* sidebar */
.dd .pgmh-widget{padding:18px !important}
.dd .pgmh-widget h3{font:700 15px var(--dd-sans) !important; color:var(--dd-ink) !important; border:0 !important; padding:0 0 10px !important; margin:0 0 10px !important; border-bottom:1px solid var(--dd-line) !important; text-transform:none !important; letter-spacing:-.01em !important}
.dd .pgmh-widget h3::before,.dd .pgmh-widget h3::after{display:none !important}
.dd .pgmh-widget a{color:var(--dd-ink) !important}
.dd .pgmh-widget a:hover{color:var(--dd-navy) !important}
.dd .pgmh-subscribe-box{background:var(--dd-tint) !important}
@media (min-width:861px){ .dd .pgmh-sidebar{position:sticky; top:132px; align-self:start} }

/* archive cards */
.dd .pgjs-archive h1,.dd .pgmh-main > h1{font:800 clamp(28px,3.4vw,42px)/1.08 var(--dd-sans) !important; letter-spacing:-.035em !important}
.dd .pgmh-card{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; overflow:hidden; box-shadow:none !important; transition:box-shadow .25s var(--dd-ease), transform .25s var(--dd-ease)}
.dd .pgmh-card:hover{box-shadow:var(--dd-sh-up) !important; transform:translateY(-2px)}
.dd .pgmh-card h3,.dd .pgmh-card h3 a{font:650 15.5px/1.35 var(--dd-sans) !important; color:var(--dd-ink) !important}
.dd .pgmh-badge{background:none !important; padding:0 !important; color:var(--dd-navy) !important; font:600 11.5px var(--dd-sans) !important; text-transform:uppercase; letter-spacing:.02em; border:0 !important}
.dd .pgmh-card-meta{color:var(--dd-ink-3) !important}
.dd .navigation.pagination .page-numbers{border-radius:10px !important; border:1px solid var(--dd-line-2) !important; color:var(--dd-ink) !important}
.dd .navigation.pagination .current{background:var(--dd-ink) !important; color:#fff !important; border-color:var(--dd-ink) !important}

/* ---------- Single job post ---------- */
.dd .pgmh-single-wrap{padding-top:20px !important}
.dd .pgmh-breadcrumb,.dd .pgmh-breadcrumb a,.dd-crumbs,.dd-crumbs a{color:var(--dd-ink-3) !important; font-size:13px !important; text-decoration:none !important}
.dd-crumbs{display:flex; gap:6px; align-items:center; margin:0 0 14px}
.dd .pgmh-single-header{background:#fff !important; border:0 !important; box-shadow:none !important; padding:6px 0 18px !important; border-radius:0 !important}
.dd .pgmh-single-header h1{font:800 clamp(26px,3.2vw,40px)/1.12 var(--dd-sans) !important; letter-spacing:-.03em !important; color:var(--dd-ink) !important}
.dd .pgmh-single-meta{color:var(--dd-ink-3) !important}
.dd .pgmh-content{background:#fff !important; border:1px solid var(--dd-line) !important; border-radius:var(--dd-r-lg) !important; box-shadow:none !important; font-size:16px; line-height:1.65; color:#1f2a40}
.dd .pgmh-content h2{font:700 22px var(--dd-sans) !important; margin-top:1.6em !important}
.dd .pgmh-content h3{font:700 18px var(--dd-sans) !important}
.dd .pgjs-dbar{border-radius:var(--dd-r-lg) !important; border:1px solid var(--dd-line) !important; background:#fff !important; box-shadow:var(--dd-sh-up) !important}
.dd .pgjs-dbar a,.dd .pgjs-dbar button,.dd .pgjs-cal-btn,.dd .pgjs-save,.dd .pgjs-trk,.dd .pgjs-ur-btn,.dd .pgjs-poster,.dd .pgjs-urdu{border-radius:10px !important; font-family:var(--dd-sans) !important}
.dd .pgjs-apply,.dd .pgmh-apply-cta a{background:var(--dd-red) !important; color:#fff !important; border-radius:10px !important}
.dd .pgjs-summary,.dd .pgjs-details,.dd .pgjs-dates,.dd .pgjs-elig,.dd .pgjs-advt,.dd .pgjs-chk,.dd .pgjs-author,.dd .pgjs-qa,.dd .pgjs-related,.dd .pgjs-tools,.dd .pgjs-rep,.dd .pgjs-eb{border-radius:var(--dd-r) !important; border-color:var(--dd-line) !important; border-left-width:1px !important}
.dd .pgjs-d-head{background:var(--dd-tint) !important; color:var(--dd-ink) !important; border-radius:var(--dd-r) var(--dd-r) 0 0 !important}
.dd .pgjs-d-row{border-color:var(--dd-line) !important}
.dd .pgjs-asst-cta{border-radius:var(--dd-r-lg) !important; background:var(--dd-ink) !important}
.dd .pgjs-share a,.dd .pgmh-share a{border-radius:10px !important}
.dd .pgmh-tags a{border-radius:999px !important; background:var(--dd-navy-50) !important; color:var(--dd-navy) !important; border:0 !important}
.dd .pgmh-content table{border-collapse:separate !important; border-spacing:0; border:1px solid var(--dd-line) !important; border-radius:10px; overflow:hidden}
.dd .pgmh-content th{background:var(--dd-tint) !important; color:var(--dd-ink) !important}
.dd .pgmh-content td,.dd .pgmh-content th{border-color:var(--dd-line) !important}
.dd .pgmh-scan-figure{border-radius:var(--dd-r) !important; border-color:var(--dd-line) !important}

/* ---------- Page layouts ---------- */
.dd .dd-page-head{display:flex !important; align-items:center; gap:16px}
.dd-tool-ico{width:56px; height:56px; flex:none; border-radius:14px; display:grid; place-items:center; background:var(--dd-navy-50); color:var(--dd-navy)}
.dd-tool-ico .dd-i{width:26px; height:26px}
.dd-page--read .pgmh-single-header h1{font-size:clamp(28px,3.6vw,46px) !important; letter-spacing:-.035em !important}
.dd .dd-prose{border:0 !important; padding:0 !important; font-size:16.5px; line-height:1.7; max-width:72ch}
.dd .dd-prose a{text-decoration:underline; text-underline-offset:3px}
.dd-page-thumb img{border-radius:var(--dd-r-lg); margin-bottom:24px}
.dd-acct{display:grid; place-items:start center; padding:12px 0 72px}
.dd-acct-card{width:min(560px,100%); border:1px solid var(--dd-line); border-radius:20px; padding:clamp(22px,4vw,36px); background:#fff; box-shadow:var(--dd-sh-up); display:grid; gap:10px}
.dd-acct-card .pgmh-single-header{padding:0 !important}
.dd-acct-card .pgmh-single-header h1{font-size:28px !important}
.dd-acct-card .pgmh-content{border:0 !important; padding:0 !important}
/* tracker page: the plugin's tracker, in the deadline colours */
.dd .pgjs-ih-stat{border-radius:var(--dd-r) !important; border:1px solid var(--dd-line) !important; background:#fff !important}
.dd .pgjs-ih-stat b{font-family:var(--dd-mono) !important}
.dd .pgjs-ih-stat.st-open b{color:var(--dd-green) !important} .dd .pgjs-ih-stat.st-soon b{color:var(--dd-red) !important} .dd .pgjs-ih-stat.st-test b{color:var(--dd-amber) !important}
.dd .pgjs-ih-stat.st-merit b{color:var(--dd-violet) !important} .dd .pgjs-ih-stat.st-expected b{color:var(--dd-navy) !important}
.dd .pgjs-ih-stat.is-on{outline:0 !important; border-color:var(--dd-ink) !important; box-shadow:inset 0 0 0 1px var(--dd-ink)}
.dd .pgjs-ih-row{border:1px solid var(--dd-line) !important; border-left-width:1px !important; border-radius:var(--dd-r) !important; box-shadow:inset 3px 0 0 var(--dd-green-bar)}
.dd .pgjs-ih-row.st-soon{box-shadow:inset 3px 0 0 var(--dd-red)} .dd .pgjs-ih-row.st-test{box-shadow:inset 3px 0 0 var(--dd-amber-bar)}
.dd .pgjs-ih-row.st-merit{box-shadow:inset 3px 0 0 var(--dd-violet)} .dd .pgjs-ih-row.st-expected{box-shadow:inset 3px 0 0 var(--dd-navy); background:#fff !important}
.dd .pgjs-ih-when{font:600 12.5px var(--dd-mono) !important}
.dd .pgjs-ih-row.st-soon .pgjs-ih-when{color:var(--dd-red) !important} .dd .pgjs-ih-row.st-open .pgjs-ih-when{color:var(--dd-green) !important}
.dd .pgjs-ih-row.st-test .pgjs-ih-when{color:var(--dd-amber) !important} .dd .pgjs-ih-row.st-expected .pgjs-ih-when{color:var(--dd-navy) !important}
.dd .pgjs-ih-badge{font-family:var(--dd-sans) !important}

/* ---------- Footer ---------- */
.dd .pgmh-footer{background:var(--dd-ink) !important; color:#aab3c5 !important; border:0 !important; padding-top:56px !important; margin-top:64px}
.dd .pgmh-footer h4,.dd .pgmh-footer h3{color:#fff !important; font:600 13px var(--dd-sans) !important; letter-spacing:.02em}
.dd .pgmh-footer a{color:#c9d1e0 !important; text-decoration:none !important}
.dd .pgmh-footer a:hover{color:#fff !important}
.dd .pgmh-footer ul{list-style:none; padding:0; margin:0} .dd .pgmh-footer li{padding:4px 0}
.dd .pgmh-footer-bottom{border-top:1px solid #1d2740 !important; color:#7d879c !important; margin-top:40px; font-size:13px}
.dd .pgjs-footlinks{background:var(--dd-ink) !important; border-top:1px solid #1d2740 !important}
.dd .pgjs-footlinks a{color:#c9d1e0 !important}

/* ---------- Signup card: corner, late, never blocking ---------- */
.dd .pgjs-pop{inset:auto 16px 16px auto !important; width:min(380px, calc(100vw - 32px)) !important; height:auto !important; background:none !important; pointer-events:none}
.dd .pgjs-pop-backdrop{display:none !important}
.dd .pgjs-pop-box{pointer-events:auto; border-radius:var(--dd-r-lg) !important; border:1px solid var(--dd-line) !important; padding:20px !important; box-shadow:var(--dd-sh-up) !important; max-height:calc(100vh - 32px); overflow:auto}
.dd .pgjs-pop-box::before,.dd .pgjs-pop-head,.dd .pgjs-pop-list{display:none !important}
html.pgjs-pop-open,html.pgjs-pop-open body{overflow:auto !important; padding-right:0 !important}
.dd .pgjs-pop.is-in .pgjs-pop-box{animation:dd-pop .5s var(--dd-ease) 18s both}
@keyframes dd-pop{from{opacity:0; visibility:hidden; transform:translateY(16px)} to{opacity:1; visibility:visible; transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .dd .pgmh-nav ul.menu > li > a{padding:0 9px !important; font-size:13px !important}
  .dd-brand-text small{display:none}
  .dd .pgjs-nav-free{display:none !important}
}
@media (max-width:860px){
  .dd-search,.dd .dd-btn-ghost span{display:none}
  .dd .dd-actions{margin-left:auto !important}
  .dd .pgmh-menu-toggle{display:inline-flex !important}
  .dd .pgmh-nav > .container{flex-direction:column}
  .dd .pgmh-nav ul.menu{display:none; flex-direction:column; padding-bottom:8px}
  /* Phones: the header scrolls away with the page instead of staying pinned, so it never covers content
     and the open menu can be as long as it needs to be. */
  .dd .pgmh-header.dd-head{position:relative !important; top:auto !important}
  .dd .pgmh-nav ul.menu.pgmh-nav-open{display:flex}
  .dd .pgmh-nav #menu-item-3062 > a::after{font-size:15px}
  .dd .pgmh-nav ul.menu > li{flex-direction:column}
  .dd .pgmh-nav ul.menu > li > a{height:46px; padding:0 !important; border-bottom:1px solid var(--dd-line); font-size:15px !important}
  .dd .pgmh-nav ul.menu > li.current-menu-item > a::before{left:-12px; right:auto; top:12px; bottom:12px; width:3px; height:auto}
  .dd .pgmh-nav .sub-menu{position:static; display:none !important; box-shadow:none !important; border:0 !important; padding:4px 0 8px 12px !important; min-width:0}
  .dd .pgmh-nav li.dd-open > .sub-menu{display:block !important}
  .dd .pgmh-nav .sub-menu a{white-space:normal}
  .dd .pgjs-home .pgjs-form.pgjs-bar{grid-template-columns:1fr 1fr}
  .dd .pgjs-home .pgjs-form.pgjs-bar > .pgjs-kw,.dd .pgjs-home .pgjs-form.pgjs-bar > .pgjs-actions{grid-column:1/-1}
  .dd-board{grid-template-columns:1fr}
  .dd-trk-stats{grid-template-columns:1fr 1fr}
  .dd-trk-list{grid-template-columns:1fr}
}
@media (max-width:600px){
  .dd .dd-head-row{min-height:60px; gap:10px}
  .dd .dd-brand-text .site-title{font-size:15px !important; white-space:nowrap}
  .dd-brand-mark{width:32px; height:32px; font-size:13px}
  .dd .dd-actions a{padding:0 10px !important; font-size:13px !important}
  .dd .dd-actions a.dd-btn-ghost{display:none !important}
  .dd-brand-text{overflow:hidden}
  .dd .dd-brand-text .site-title{overflow:hidden; text-overflow:ellipsis}
  .dd .pgjs-home .pgjs-form.pgjs-bar{grid-template-columns:1fr}
  .dd-trk{padding:14px}
  .dd-trk-head{flex-wrap:wrap; align-items:flex-start}
  .dd-tr{flex-direction:column; align-items:flex-start; gap:4px}
  .dd-tr-when{text-align:left; max-width:none}
  .dd .pgjs-pop{inset:auto 8px 8px 8px !important; width:auto !important}
  .dd .dd-page-head{gap:12px}
  .dd-tool-ico{width:44px; height:44px}
}
@media (max-width:600px){
  .dd .pgjs-prep,.dd .pgjs-follow{padding:20px !important}
  .dd .pgjs-prep *,.dd .pgjs-d-row,.dd .pgjs-d-row *{min-width:0; overflow-wrap:anywhere}
  .dd .pgjs-prep h2{font-size:20px !important}
  .dd .pgjs-ih-go{white-space:normal !important}
}
@media (max-width:400px){
  .dd-brand-text{display:none}
  .dd .dd-actions a{padding:0 9px !important}
}
@media (prefers-reduced-motion:reduce){ .dd *,.dd *::before,.dd *::after{animation-duration:.01ms !important; animation-delay:0s !important; transition-duration:.01ms !important} }