/* Local visual test draft: blue-white professional tone only. */
:root{
 --bg:#f4f8ff;
 --paper:#ffffff;
 --ink:#17304f;
 --muted:#71839b;
 --line:#dbe7f4;
 --blue:#176cf0;
 --soft:#eef5ff;
 --green:#18845a;
 --green-bg:#eaf8f1;
 --orange:#a15b12;
 --orange-bg:#fff3df;
}
body{background:var(--bg);color:var(--ink)}
a{color:var(--blue)}
.header{display:grid;grid-template-columns:auto minmax(400px,1fr) minmax(190px,230px) auto;align-items:center;min-height:76px;padding:10px max(24px,calc((100vw - 1440px)/2));gap:24px;background:#fff;border-color:#e5edf7;box-shadow:0 4px 20px rgba(31,83,153,.045)}
.brand{min-width:0;gap:11px;color:#163a65;font-size:1.4rem;font-weight:800;letter-spacing:-.035em}
.brand img{width:36px;height:36px;flex:0 0 auto}
.brand-mark{display:block;flex:0 0 40px;width:40px;height:40px;overflow:hidden}
.brand-mark img{display:block;width:48px;height:48px;max-width:none;transform:translate(-4px,-4px)}
.brand-lockup{display:flex;align-items:baseline;gap:16px;min-width:0}
.brand-name{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1}
.brand-lockup strong{color:#153a69;font-size:1.45rem;font-weight:850;letter-spacing:-.045em;white-space:nowrap}
.brand-name em{color:#153a69;font-size:.56rem;font-style:normal;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.brand-lockup small{color:#8a9cb2;font-size:.78rem;font-weight:500;letter-spacing:0;white-space:nowrap}
.header nav{align-self:stretch;justify-content:center;gap:25px;min-width:0;flex:none}
.header nav a,.nav-placeholder{position:relative;display:inline-flex;align-items:center;color:#43566e;font-size:.925rem;font-weight:650;white-space:nowrap}
.header nav a:hover{text-decoration:none;color:var(--blue)}
.header nav a[aria-current=page]{color:var(--blue)}
.header nav a[aria-current=page]:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:3px;border-radius:3px;background:var(--blue)}
.nav-placeholder{visibility:hidden;cursor:default}
.global-search{display:flex;align-items:center;min-width:0;border:1px solid #dbe6f3;border-radius:23px;background:#f7faff;transition:border-color .15s,box-shadow .15s}
.global-search:focus-within{border-color:#8bb5ec;box-shadow:0 0 0 3px rgba(23,108,240,.09)}
.global-search input:not([type=hidden]){min-height:42px;margin:0;padding:9px 4px 9px 15px;border:0;border-radius:22px;background:transparent;font-size:.875rem;box-shadow:none}
.global-search button{min-width:54px;min-height:42px;padding:0 12px;border:0;background:transparent;color:var(--blue);font-size:.8rem;font-weight:700}
.account{justify-content:flex-end;margin-left:0;color:#52647b;white-space:nowrap}
.account>a,.text-button{font-weight:650}
.account>a[aria-current=page]{color:var(--blue)}
.account .button.primary{min-height:38px;padding:7px 14px;border-radius:8px}
.account-name{max-width:90px;overflow:hidden;text-overflow:ellipsis}
.main{max-width:1440px;padding:20px 24px 30px}
.intro.hero-compact{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;min-height:252px;margin-bottom:18px;padding:25px 30px;overflow:hidden;border:1px solid #d9e8f8;border-radius:14px;background:linear-gradient(112deg,#f8fbff 0%,#edf6ff 48%,#e8f3ff 100%);box-shadow:0 9px 28px rgba(43,92,156,.045)}
.hero-copy{position:relative;z-index:1;align-self:start;min-width:0;margin-top:27px;padding-left:2px}
.hero-copy h1{max-width:680px;margin:0 0 9px;color:#102b4e;font-size:clamp(2rem,2.85vw,2.7rem);font-weight:850;line-height:1.18;letter-spacing:-.055em;text-wrap:balance}
.hero-copy h1 .hero-accent{color:var(--blue)}
.hero-tail{white-space:nowrap}
.hero-copy h2{margin-bottom:8px;color:#203d60;font-size:clamp(1.05rem,1.35vw,1.3rem);font-weight:700;letter-spacing:-.018em}
.hero-copy p{color:#768ba5;font-size:.92rem}
.hero-membership{display:inline-flex;align-items:center;min-height:30px;margin-top:11px;padding:0 11px;border:1px solid #cfe0f4;border-radius:15px;background:rgba(255,255,255,.8);color:#55708f;font-size:.78rem;white-space:nowrap}
.hero-membership:hover{text-decoration:none;border-color:#9bbce4;color:var(--blue)}
.hero-art{align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;margin:-9px -16px -25px -55px;pointer-events:none}
.hero-art img{display:block;width:100%;height:100%;max-height:205px;object-fit:contain;object-position:right bottom}
.hero-brand-art{position:absolute;right:16px;bottom:0;width:min(50%,636px);height:250px;margin:0}
.hero-brand-art img{max-height:none;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 97%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 97%,transparent 100%)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.stats-grid>.sr-only{position:absolute}
.stat-card{display:flex;align-items:center;min-width:0;min-height:106px;padding:17px 19px;gap:15px;border:1px solid #dce8f5;border-radius:13px;background:#fff;box-shadow:0 9px 26px rgba(31,83,153,.055)}
.stat-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#eaf3ff}
.stat-icon img{display:block;width:25px;height:25px}
.stat-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.stat-title{margin-bottom:2px;color:#4a5f78;font-size:.84rem;font-weight:700}
.stat-copy strong{display:flex;align-items:baseline;gap:2px;color:var(--blue);font-size:1.72rem;font-weight:850;line-height:1.05;letter-spacing:-.035em}
.stat-copy strong small{font-size:.76rem;font-weight:700;letter-spacing:0}
.stat-note{margin-top:5px;color:#8a9bb0;font-size:.76rem;white-space:nowrap}
.stat-card-green .stat-icon{background:#e9f8f0}.stat-card-green .stat-copy strong{color:#18945e}
.stat-card-cyan .stat-icon{background:#e7f7fb}.stat-card-cyan .stat-copy strong{color:#078dbc}
.stat-card-orange .stat-icon{background:#fff0ec}.stat-card-orange .stat-copy strong{color:#ef6b36}
.banner,.notice{border-color:#d8e6f6;border-radius:12px;background:#f5f9ff;box-shadow:0 7px 22px rgba(31,83,153,.04)}
.filters{gap:16px;padding:22px 24px;margin-bottom:18px;border-color:#dfe9f5;border-radius:14px;box-shadow:0 12px 34px rgba(31,83,153,.065)}
.filters label{color:#42566f;font-weight:650}
input:not([type=hidden]),select,textarea{min-height:44px;margin-top:7px;padding:9px 12px;border-color:#d3dfed;border-radius:8px;color:var(--ink);background:#fff}
input::placeholder,textarea::placeholder{color:#9aa8ba}
input:not([type=hidden]):hover,select:hover,textarea:hover{border-color:#a9bfdc}
input:not([type=hidden]):focus,select:focus,textarea:focus{border-color:#5c94df;box-shadow:0 0 0 3px rgba(23,108,240,.1)}
.filter-bottom{padding-top:3px}
.button{min-height:44px;border-color:#d3dfed;border-radius:8px;font-weight:650}
.button:hover{border-color:#8fadd4;box-shadow:0 4px 12px rgba(35,91,164,.08)}
.button.primary{background:var(--blue);border-color:var(--blue);box-shadow:0 7px 16px rgba(23,108,240,.18)}
.button.primary:hover{background:#0f5fd8;border-color:#0f5fd8}
.button.small{min-height:38px;border-radius:7px}
.text-button{min-height:38px}
.list,.panel{border-color:#dfe9f5;border-radius:14px;box-shadow:0 12px 34px rgba(31,83,153,.065)}
.list-head{min-height:61px;padding:16px 20px;color:#173557;font-size:1.05rem;font-weight:750}
.list-head .muted{font-weight:500}
.list-foot{padding:16px 20px}
th{padding:13px 14px;background:#edf4fd;color:#536880;font-weight:650}
td{padding:19px 14px;color:#374a61;border-color:#e7eef7;line-height:1.55}
tbody tr:hover{background:#f9fbfe}
td>strong{color:#203751;font-weight:700}
.pill{border-radius:6px;padding:3px 8px;font-weight:650}
.job-links{gap:8px}
.job-links .button.primary{box-shadow:none}
.empty{padding:58px 24px}
.footer{max-width:1440px;color:#8190a4}

@media(max-width:1100px){
 .header{grid-template-columns:auto minmax(180px,1fr) auto;grid-template-areas:"brand search account" "nav nav nav";gap:8px 20px;padding-top:11px;padding-bottom:0}
 .brand{grid-area:brand}.header nav{grid-area:nav;min-height:48px;border-top:1px solid #edf2f8}.global-search{grid-area:search}.account{grid-area:account}
 .brand-lockup small{display:none}
 .header nav a[aria-current=page]:after{bottom:0}
 .main{padding-top:22px}
 .intro.hero-compact{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:235px;padding:23px 26px}
 .hero-art{margin:-8px -14px -23px -45px}
 .hero-brand-art{position:static;width:auto;height:auto;margin:-8px -14px -23px -45px}
 .hero-brand-art img{max-height:205px}
 .mobile-jobs{gap:12px;padding:12px;background:#f4f8ff}
 .job-card{border:1px solid var(--line)!important;border-radius:11px;background:#fff;box-shadow:0 7px 22px rgba(31,83,153,.05)}
}
@media(max-width:650px){
 .header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "search search" "nav nav";min-height:auto;padding:12px 16px 0;gap:10px 12px}
 .brand{max-width:100%;overflow:hidden;font-size:1.2rem}.brand img{width:32px;height:32px}
 .brand-lockup{overflow:hidden}.brand-lockup strong{max-width:100%;overflow:hidden;font-size:1.2rem;text-overflow:ellipsis}.brand-lockup small{display:none!important}
 .global-search{width:100%}
 .header nav{justify-content:flex-start;gap:24px;max-width:100%;padding-top:0;overflow-x:auto;border-top-color:#e7eef7;scrollbar-width:none}
 .header nav::-webkit-scrollbar{display:none}
 .header nav a,.nav-placeholder{min-height:44px;white-space:nowrap}
 .header nav a[aria-current=page]:after{bottom:0}
 .account{gap:8px;font-size:.8rem}
 .account-name,.account>.pill,.account-utility:not([href="/admin"]){display:none}
 .main{padding:14px 12px 24px}
 .intro.hero-compact{display:block;min-height:0;padding:22px 19px 23px;margin-bottom:14px;border-radius:12px}
 .hero-copy{margin-top:0}
 .hero-copy h1{max-width:340px;margin-bottom:9px;font-size:clamp(1.62rem,7.3vw,1.9rem);line-height:1.22;letter-spacing:-.045em}
 .hero-copy h1 .hero-accent,.hero-copy h1 .hero-tail{display:block;white-space:nowrap}
 .hero-copy h2{max-width:335px;margin-bottom:7px;font-size:.98rem;line-height:1.55}
 .hero-copy p{max-width:320px;font-size:.84rem;line-height:1.55}
 .hero-art{display:none}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
 .stat-card{min-height:100px;padding:13px 11px;gap:10px;border-radius:11px}
 .stat-icon{flex-basis:40px;width:40px;height:40px}.stat-icon img{width:21px;height:21px}
 .stat-title{font-size:.77rem}.stat-copy strong{font-size:1.45rem}.stat-note{font-size:.68rem}
 .banner{margin-bottom:14px}
 .filters{grid-template-columns:1fr;gap:13px;padding:17px;margin-bottom:14px;border-radius:12px}
 .filter-bottom{align-items:stretch;flex-direction:column}
 .filter-bottom .actions{width:100%;margin:0}
 .filter-bottom .button{flex:1}
 .list-head{min-height:58px;padding:15px 16px}
 .mobile-jobs{display:block;padding:12px}
 .job-card{padding:17px}
 .job-card+.job-card{margin-top:12px}
 .job-meta{padding:11px 12px;border-radius:8px;background:#f6f9fd}
 .job-end{padding-top:14px;border-top:1px solid #e8eef6}
 .list-foot{padding:15px 16px}
}
@media(max-width:360px){
 .stat-card{padding:12px 9px;gap:8px}
 .stat-icon{flex-basis:36px;width:36px;height:36px}.stat-icon img{width:19px;height:19px}
 .stat-note{max-width:100%;white-space:normal;font-size:.65rem;line-height:1.3}
}