:root{
  --ink:#071829;
  --ink-soft:#16324C;
  --teal:#008C89;
  --teal-deep:#006C68;
  --paper:#FBFBF9;
  --side-tint:#EEF2F3;
  --text:#111827;
  --grey:#3F4A56;
  --grey-soft:#667382;
  --line:#DCE1E4;
  --sans:'Inter', 'Segoe UI', Calibri, Arial, sans-serif;
  --display:'Inter', 'Segoe UI Semibold', var(--sans);
  --page-w:900px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  background:#E6E9EA;
  color:var(--text);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.5;
  padding:18px 16px 48px;
}

.resumeMenu .menuBar{position:fixed;left:0;top:0;z-index:2;width:auto}
.sectionPageContent{min-height:100vh;transition:margin-left .3s ease}

.page{
  max-width:var(--page-w);
  margin:0 auto;
  background:var(--paper);
  box-shadow:0 1px 2px rgba(10,15,25,.06), 0 20px 40px rgba(10,15,25,.14);
}

.hero{
  background:var(--ink);
  color:#F4F6F7;
  padding:30px 40px 26px;
}

.eyebrow{
  color:var(--teal);
  font-family:var(--display);
  font-size:12px;
  font-weight:800;
  margin:0 0 7px;
  text-transform:uppercase;
}

h1{
  color:#fff;
  font-family:var(--display);
  font-size:36px;
  line-height:1;
  margin:0 0 10px;
}

.hero p:last-child{
  color:#D8E2EA;
  font-size:13.4px;
  max-width:720px;
  margin:0;
}

.content{padding:28px 40px 34px}
.section-title{
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--display);
  font-size:13px;
  font-weight:800;
  margin:0 0 14px;
  text-transform:uppercase;
}
.section-title::before{content:'';width:18px;height:2px;background:var(--teal)}
.section-title i{color:var(--teal-deep)}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  padding:13px 14px;
}
.card-wide{grid-column:1 / -1}
.card h2{
  color:var(--ink);
  font-size:15px;
  margin:0 0 6px;
}
.card p{color:#1C2D3F;font-size:13.4px;margin:0;line-height:1.42}

.tag-row{display:flex;flex-wrap:wrap;gap:5px}
.tag{
  background:#fff;
  border:1px solid var(--line);
  border-radius:2px;
  color:#10243A;
  font-size:12.7px;
  font-weight:600;
  padding:4px 7px;
}

.timeline{border-left:2px solid var(--line);margin-left:4px;padding-left:20px}
.entry{break-inside:avoid;margin-bottom:18px;position:relative}
.entry::before{
  content:'';
  position:absolute;
  left:-26px;
  top:5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--paper);
  border:2px solid var(--teal);
}
.date{color:var(--teal-deep);font-size:11.8px;font-weight:800;margin-bottom:2px}
.role{color:var(--ink);font-family:var(--display);font-size:16px;font-weight:800;margin:0 0 2px}
.org{color:#334155;font-size:12.6px;font-style:italic;margin:0 0 6px}
.project{color:#1F3A56;font-size:12.8px;font-weight:800;margin:0 0 6px}
.entry ul{margin:0;padding-left:18px}
.entry li{color:#152232;font-size:13.2px;line-height:1.42;margin-bottom:3px}

.link-list{display:grid;gap:10px}
.link-item{
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--ink);
  display:flex;
  gap:10px;
  padding:13px 14px;
  text-decoration:none;
}
.link-item i{color:var(--teal-deep);font-size:16px;width:20px;text-align:center}
.link-item strong{display:block;font-size:14px}
.link-item span{color:var(--grey);display:block;font-size:12.8px}

@media screen and (max-width:800px){
  body{padding:0 0 44px}
  .resumeMenu .menuBar{position:static;width:100%}
  .sectionPageContent{margin-left:0!important}
  .hero{padding:32px 26px}
  .content{padding:26px 24px 34px}
  .grid{grid-template-columns:1fr}
}