/* ==== RESET & BASE ==== */
*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;}
body{
  font-family:'Inter',sans-serif;
  background:#fff;color:#000;
  line-height:1.6;
}

/* ==== HEADER ==== */
header{
  position:sticky;top:0;background:#fff;z-index:100;
  border-bottom:1px solid #e5e5e5;
  padding:1.5rem 0;
}
header .container{
  max-width:960px;margin:0 auto;padding:0 1.5rem;
}
header nav{
  display:flex;justify-content:space-between;align-items:center;
}
.logo{
  font-size:1.4rem;font-weight:700;
}
.nav-links a{
  margin-left:1.5rem;color:#000;font-weight:500;
  text-decoration:none;
}
.nav-links a:hover,
.nav-links a.active{
  font-weight:700;
  text-decoration:underline;
}

/* ==== CONTENT (for all pages) ==== */
.container{max-width:960px;margin:0 auto;padding:0 1.5rem;}
section{padding:3rem 0;}
section:nth-child(even){background:#f9f9f9;}
h1{font-size:2.8rem;font-weight:700;margin-bottom:0.5rem;}
h2{font-size:1.3rem;font-weight:600;text-transform:uppercase;
  letter-spacing:1px;border-bottom:2px solid #ddd;padding-bottom:0.5rem;margin-bottom:1rem;}
.job, .edu, .vol, .ref{margin-bottom:1.5rem;}
.job-title, .edu-title, .vol-title{font-weight:600;font-size:1.1rem;}
.company, .school{font-size:1rem;color:#333;margin-bottom:0.3rem;}
.date{font-size:0.9rem;color:#666;font-style:italic;}
ul{padding-left:1.3rem;margin:0.7rem 0;}
li{margin-bottom:0.4rem;}
.skills{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.skill-category h3{font-size:1rem;font-weight:600;margin-bottom:0.5rem;text-transform:uppercase;}
.skill-category ul{list-style:none;padding-left:0;}
.references{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.ref-name{font-weight:600;}
.ref-role{font-size:0.9rem;color:#444;}
.ref-phone{font-size:0.9rem;}

/* ==== HERO (Home only) ==== */
.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;}
.hero h1{font-size:3.5rem;}
.subtitle{font-size:1.3rem;color:#555;margin:1rem 0;}
.btn{display:inline-block;background:#000;color:#fff;padding:0.75rem 1.5rem;
  border-radius:4px;font-weight:600;transition:.2s;}
.btn:hover{background:#333;}

/* ==== FORM (Contact only) ==== */
form input,form textarea{width:100%;padding:0.75rem;margin-bottom:1rem;
  border:1px solid #ccc;border-radius:4px;font:inherit;}
form button{background:#000;color:#fff;padding:0.75rem 1.5rem;border:none;
  border-radius:4px;cursor:pointer;font-weight:600;transition:.2s;}
form button:hover{background:#333;}

/* ==== FOOTER ==== */
footer{background:#111;color:#aaa;padding:2rem 0;text-align:center;font-size:0.9rem;}
footer a{color:#aaa;}

/* ==== RESPONSIVE ==== */
@media(max-width:768px){
  header nav{flex-direction:column;text-align:center;}
  .nav-links a{display:block;margin:0.5rem 0;}
  .hero{min-height:auto;padding:3rem 0;}
}