body { font-family: sans-serif; margin: 18px; }
h1 { font-size: 28px; margin: 0 0 10px 0; }
hr { margin: 10px 0; }

table.apache {
  border-collapse: collapse;
  width: 860px;
  max-width: 100%;
  font-size: 14px;
}
table.apache th, table.apache td {
  padding: 6px 10px;
  border-bottom: 1px solid #ddd;
}
table.apache th {
  color: #00f;
  font-weight: normal;
  text-align: left;
}
table.apache td.size, table.apache td.date { white-space: nowrap; }
table.apache td.desc { color: #666; }
a { color: #00f; text-decoration: underline; }
.icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.icon img {
  width: 18px;
  height: 18px;
  display: block;
}
.site-header {
  background: linear-gradient(90deg, #0f172a 0%, #1e1b4b 100%);
  color: white;
  padding: 10px 24px;        /* thinner */
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 17px;
  font-weight: 500;
}

.site-header img {
  height: 48px;              /* slightly smaller */
  width: auto;
}

.site-header img {
  height: 60px;
  width: auto;
}
/* Folder hover effect */
table.apache tr:hover {
  background: rgba(217, 70, 239, 0.08);
  transition: background 0.2s ease;
}

table.apache a:hover {
  color: #d946ef;
  text-shadow: 0 0 6px rgba(217, 70, 239, 0.6);
}
/* Hide default Apache index title */
h1 {
  display: none;
}