body {
    font-family: Arial, sans-serif;
    margin: 0;
}

#searchBox {
    background: #f4f4f4;
    padding: 10px;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid #ccc;
}

#container {
    display: flex;
    align-items: flex-start;
}

#sidebar {
    width: 300px;
    padding: 10px;
    border-right: 1px solid #ccc;
    /* 🔑 THIS MAKES IT ALWAYS VISIBLE */
    position: sticky;
    top: 60px; /* height of search box */
    height: calc(100vh - 60px);
    overflow-y: auto;
    background: #fff;
}

#content {
    flex: 1;
    padding: 20px;
}

/* Highlights */
mark.search-hit {
    background: yellow;
    padding: 2px;
}

mark.active-hit {
    background: orange;
}

/* Sidebar results */
.result-item {
    font-size: 13px;
    padding: 6px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

    .result-item:hover {
        background: #f0f0f0;
    }

.fuzzy-hit {
    outline: 2px dashed orange;
}

#indexPane {
  padding: 15px;
  border-top: 1px solid #ccc;
  font-size: 13px;
}

.index-item {
  display: inline-block;
  margin: 4px 6px;
  cursor: pointer;
  color: #0066cc;
}

.index-item:hover {
  text-decoration: underline;
}