html { overflow-y: scroll; }

.header-grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

/* Logo */
.site-logo {
  height: auto; 
  width: 200px;
}

.header-logo {
  justify-self: start;
}

.header-nav {
  justify-self: right;
}

/* Make right column match logo width */
.header-spacer {
  width: 0px;
}


/* Base nav link style */
.nav-underline {
  position: relative;
  text-decoration: none;
}

/* Underline for the current page */
.nav-underline.current::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background-color: orange;
}

.nav-underline:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background-color: white;
  opacity: 0.6;
}

.nav-underline,
.nav-underline:hover,
.nav-underline.current {
  text-decoration: none;
}

/* headings */
h2 { color: black }
h1, h3, h4 { color: black }

img {
  max-width: 100%;
  height: auto;
}

/* Carousel */
.carousel-control-prev-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F16913' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F16913' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators li {
background-color: #cccccc;
height: 6px;
}
.carousel-indicators .active {
  background-color: #F16913;
}

.carousel-item img {
  width: 100%;
  height: 500px;          /* your desired visible height */
  object-fit: cover;     /* crop instead of squish */
  object-position: center center; /* THIS is the key */
}


/* Code block */
pre {
  background-color: #f6f8fa;
  padding: 16px;
  border-radius: 6px;
  overflow-x: auto;
  font-size: 0.9rem;
  border: 1px solid #d0d7de;
}

code {
  background-color: #f6f8fa;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 0.9em;
}

/* Inline code should not stretch */
pre code {
  padding: 0;
  background: none;
}

/* Code block wrapper */
.code-block {
  position: relative;
}

/* Copy button */
.copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  color: #24292f;
}

.copy-btn:hover {
  background: #eaeef2;
}

.copy-btn.copied {
  color: #1a7f37;
  border-color: #1a7f37;
}

.highlight .c1 { color: #737373; }
.highlight .o { color: #CB181D; }
.highlight .s2 { color:#D94801; }
.highlight .kc { color:#4292C6; }

.sponsor-logos {
  display: flex;
  align-items: center;
  gap: 40px;         
  flex-wrap: wrap;
  padding-bottom: 40px;     
}

.sponsor-logos img {
  height: 60px;        
  width: auto;         
  object-fit: contain; 
|}
 
.card-img{
  object-fit: contain; 
  max-height: 200px;
}

.card-img-top{
  object-fit: contain;
  max-height: 100px;
  border: 2px solid #084594;
  border-radius: 3px 3px 0 0;
}

.card-footer {
  box-shadow: 0;
  border: 0;
  padding: 16px;
  text-align: left;
  background-color: #FFFFFF;
}

.card-title {
  text-align: center;
  color: #084594;
}