:root { color-scheme: dark; }
html { background: #000; }
body {
  background: #000;
  color: white;
  font-family: Courier, monospace;
  padding: 40px;
  max-width: 900px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.6;
}
h1 { margin-top: 0; }
h2 { margin-top: 36px; }
h3 { margin-top: 28px; }

a { color: #66ccff; text-decoration: none; }
a:hover { text-decoration: underline; }

.build-status {
  border: 1px solid #ff3333;
  color: #ff3333;
  font-weight: bold;
  padding: 14px;
}

.dev-status { color: #ff3333; font-weight: bold; font-size: 16px; }

#gridSearch {
  width: 100%;
  padding: 12px;
  background: #111;
  color: white;
  border: 1px solid #444;
  font-family: Courier, monospace;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 18px;
  box-sizing: border-box;
}
#gridSearch:focus { outline: none; border-color: #66ccff; }

.toplink {
  display: block;
  padding: 14px 0;
  border-bottom: 1px solid #333;
}

.noresult { color: #888; padding: 20px 0; }

.red-line {
  border: 0;
  border-top: 4px solid #ff3333;
  margin: 36px 0 24px;
}

.session-work {
  color: #ff3333;
  border: 1px solid #ff3333;
  padding: 18px;
}
.session-work h2 { color: #ff3333; margin-top: 0; }
.session-work p { margin-top: 0; }
.session-work label { display: block; padding: 9px 0; }
.session-work input { transform: scale(1.25); margin-right: 10px; }
.session-work textarea {
  width: 100%;
  box-sizing: border-box;
  background: #080000;
  color: #ff3333;
  border: 1px solid #ff3333;
  font-family: Courier, monospace;
  font-size: 16px;
  line-height: 1.5;
  padding: 12px;
}

.footer {
  margin-top: 60px;
  font-size: 16px;
  color: #aaaaaa;
  line-height: 1.5;
}

@media (max-width: 600px) {
  body { padding: 25px; font-size: 18px; }
  .footer { font-size: 14px; }
}