/* ===== RLdata unified site styles (CI + SEO-ready) ===== */
:root{
  --rl-primary:#0f4c81;
  --rl-primary-dark:#0c3b63;
  --rl-bg:#f7f9fc;
  --rl-surface:#ffffff;
  --rl-soft:#eef4fb;
  --rl-text:#1f2a37;
  --rl-muted:#6b7280;
  --rl-shadow:0 12px 25px rgba(0,0,0,.08);
  --rl-shadow-hover:0 16px 35px rgba(0,0,0,.12);
  --rl-radius:14px;
}
html{scroll-behavior:smooth;}
body{
  background:var(--rl-bg);
  color:var(--rl-text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
}
a{color:var(--rl-primary);}
a:hover{color:var(--rl-primary-dark);}
h1,h2,h3{color:var(--rl-primary); font-weight:650;}
h2::after{
  content:"";
  display:block;
  width:60px;
  height:3px;
  background:var(--rl-primary);
  margin-top:10px;
  border-radius:3px;
}
.navbar .nav-link{color:#2b3440;}
.navbar .nav-link.active{color:var(--rl-primary); font-weight:600;}
.hero{
  background: linear-gradient(135deg,#1c2a39,var(--rl-primary));
  color:white;
  padding:80px 20px;
}
.hero h1{color:white; font-size:clamp(2rem,4vw,3.1rem); margin-bottom:18px;}
.hero .lead{color:#eaf2ff; font-size:1.1rem;}
.portrait{
  width:140px;
  border-radius:50%;
  border:4px solid rgba(255,255,255,.9);
}
.surface{
  background:var(--rl-surface);
  border-radius:var(--rl-radius);
  box-shadow:var(--rl-shadow);
  padding:28px;
}
.general-block{
  background:var(--rl-soft);
  border-radius:var(--rl-radius);
  padding:30px;
}
.card-clean{
  border:none;
  border-radius:var(--rl-radius);
  box-shadow:var(--rl-shadow);
  background:var(--rl-surface);
}
.card-clean:hover{
  box-shadow:var(--rl-shadow-hover);
  transform:translateY(-2px);
  transition:all .2s ease;
}
.project-card{
  background:var(--rl-surface);
  border-radius:var(--rl-radius);
  padding:28px;
  box-shadow:var(--rl-shadow);
  border-left:6px solid var(--rl-primary);
  height:100%;
  transition:all .2s ease;
}
.project-card:hover{transform:translateY(-3px); box-shadow:var(--rl-shadow-hover);}
.project-card h4{color:var(--rl-primary); margin-bottom:12px;}
.highlight{font-weight:650; color:var(--rl-primary);}
ul.icon-list{padding-left:1.1rem;}
ul.icon-list li{margin-bottom:.35rem;}
ul.icon-list li::marker{content:"✔  "; color:var(--rl-primary); font-weight:800;}
.badge-row .badge{
  background:var(--rl-primary);
  color:white;
  padding:10px 18px;
  margin:6px;
  font-weight:550;
}
.cta{background:var(--rl-primary); color:white;}
.cta h2{color:white;}
.cta p{color:#eaf2ff;}
.btn-primary{background:var(--rl-primary); border:none;}
.btn-primary:hover{background:var(--rl-primary-dark);}
.footer{background:#222; color:white;}
.footer a{color:#ddd; text-decoration:none; margin:0 8px;}
.footer a:hover{color:white;}
.sticky-cta{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:1050;
  display:none;
}
@media (max-width: 768px){ .sticky-cta{display:block;} }
.small-muted{color:var(--rl-muted); font-size:.95rem;}

.page-header {
  padding: 40px 0 20px;
}

.page-header h1 {
  font-size: 2.4rem;
  margin-bottom: 6px;
  color: #1f4e79;
}

.page-header .subtitle {
  font-size: 1.1rem;
  color: #666;
  margin: 0;
}