:root{--navy:#14284b;--navy2:#1f3a68;--mustard:#e0a526;--ink:#1d2433;--bg:#f7f5ef}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--navy2)}header.site{background:var(--navy);border-bottom:4px solid var(--mustard)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px}
.brand{color:#fff;font-weight:700;font-size:1.2rem;text-decoration:none}.brand span{color:var(--mustard)}
nav{display:flex;flex-wrap:wrap;gap:6px 16px}nav a{color:#fff;text-decoration:none;font-size:.95rem}nav a[aria-current]{color:var(--mustard);font-weight:600}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:72px 0 64px}
.hero{overflow-wrap:anywhere}.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 8px}.hero p{font-size:1.15rem;max-width:640px;opacity:.95}
.btn{display:inline-block;background:var(--mustard);color:var(--navy);font-weight:700;padding:12px 22px;border-radius:6px;text-decoration:none;margin:8px 10px 0 0}
.btn.alt{background:transparent;color:#fff;border:2px solid var(--mustard)}
main{padding:40px 0}h2{color:var(--navy);border-left:6px solid var(--mustard);padding-left:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.08);border-top:4px solid var(--mustard)}
.card h3{margin-top:0;color:var(--navy)}.job{margin-bottom:22px}.job h3{margin:0;color:var(--navy)}.meta{color:#5b6475;font-size:.92rem;font-style:italic}
.add{background:#fff3cd;border:1px dashed #b58500;padding:0 4px;border-radius:3px;font-size:.9em}
.profile{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.profile img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--mustard)}
footer.site{background:var(--navy);color:#cfd6e4;padding:24px 0;font-size:.9rem}footer.site a{color:var(--mustard)}
@media(max-width:560px){nav{gap:4px 12px}nav a{font-size:.9rem}.hero{padding:48px 0}}