/* ── Page fade-in ──────────────────────────────────────────── */
@keyframes cfade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
body {
  animation: cfade .35s ease;
  background: #1c1c1c;
  scroll-behavior: smooth;
}

/* ── Body text — slightly brighter ─────────────────────────── */
.style1 { color: #e0e0e0 !important; font-size: 11px !important; }

/* ── CSS footer bar (replaces index_r11_c1.jpg) ────────────── */
div.conruton-footer {
  width: 916px;
  height: 65px;
  background: #1c1c1c;
  position: relative;
  overflow: hidden;
}
div.conruton-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  right: 13px;
  bottom: 23px;
  background: #1c1c1c;
  border-radius: 0 0 18px 18px;
}

/* ── Nav hover transition ───────────────────────────────────── */
a.nav-btn {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  background: #1c1c1c;
  color: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 150ms ease;
}
a.nav-btn:hover,
a.nav-btn:focus {
  background: #7a1010;
  color: #ffffff;
}
a.nav-top {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 9px;
  padding: 0 6px;
  vertical-align: top;
}
a.nav-side {
  display: block;
  width: 204px;
  height: 21px;
  line-height: 21px;
  font-size: 10px;
  padding: 0 8px;
}
a.nav-sub {
  display: block;
  width: 219px;
  height: 21px;
  line-height: 21px;
  font-size: 10px;
  padding: 0 8px;
}
/* Current-page / section indicators — non-clickable */
span.nav-indicator {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #ffffff;
  box-sizing: border-box;
  display: block;
  height: 21px;
  line-height: 21px;
  font-size: 10px;
  padding: 0 8px;
}
span.nav-current {
  background: #1c1c1c;
}
span.nav-active {
  background: #7a1010;
}