body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #0f0;
  font-family: monospace;
}

/* blocca lo scroll SOLO nella search */
body.search-page {
  overflow: hidden;
}


a {
    color: #00ff66;
    text-decoration: none;
}

a:hover {
    color: #33ff99;
}

pre {
    white-space: pre-wrap;
}

.separator {
    border-bottom: 1px solid #00ff66;
    margin: 10px 0;
}

::selection {
    background: #00ff66;
    color: #000;
}

.sticky {
    position: sticky;
    top: 0;
    background: #000;
    padding-bottom: 10px;
}

.search-header,
.search-results-header {
  line-height: 1.2em;
}

/* wrapper sticky */
.sticky-wrapper {
  position: relative;
  z-index: 10;
  background: #000;
}

/* sticky 1 */
.search-header {
  position: sticky;
  top: 0;
  background: #000;
  padding: 5px 20px;
  white-space: pre;
}

/* sticky 2 */
.search-results-header {
  position: sticky;
  top: 85px;
  background: #000;
  padding: 5px 20px;
  white-space: pre;
}

/* area scrollabile */
#scroll-area {
  position: absolute;
  top: 140px; /* altezza totale dei due sticky */
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}

/* contenuto testuale */
#content {
  white-space: pre;
  padding: 5px 20px;
  padding-bottom: 40px;
}


.search-header,
.search-results-header,
#content {
  font-size: 16px; /* o 17px se vuoi più leggibile */
}

/* Scrollbar stile terminal (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #0f0;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #00ff66;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #00ff66 #000;
}