/* Minimal Win9x/XP-era styling. System fonts, beveled borders, gray. */
body {
  background: #008080;            /* classic teal desktop */
  color: #000;
  font-family: "Tahoma", "MS Sans Serif", "Segoe UI", sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 24px 12px;
}

.window {
  max-width: 880px;
  margin: 0 auto;
  background: #c0c0c0;            /* silver */
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;  /* raised bevel */
  box-shadow: 1px 1px 0 #000;
}

.titlebar {
  background: #000080;            /* navy */
  color: #fff;
  font-weight: bold;
  padding: 3px 6px;
  margin: 2px;
}

.content { padding: 12px; }

.blurb { margin: 0 0 12px; line-height: 1.4; }

form { margin-bottom: 12px; }

input[type="text"] {
  font-family: "Courier New", monospace;
  font-size: 13px;
  padding: 3px 4px;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;  /* sunken */
  background: #fff;
}

button {
  font-family: inherit;
  font-size: 13px;
  padding: 3px 14px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;  /* raised */
  cursor: pointer;
}
button:active { border-color: #808080 #fff #fff #808080; }  /* pressed */
button:disabled { color: #808080; cursor: default; }

.status { margin: 10px 0; padding: 6px 8px; background: #ffffe1; border: 1px solid #808080; }
.status.err { background: #ffd5d5; }

/* result sections look like sunken group boxes */
.section {
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  background: #fff;
  margin: 10px 0;
  padding: 8px;
}
.section h2 {
  font-size: 13px;
  margin: 0 0 6px;
  border-bottom: 1px solid #808080;
  padding-bottom: 3px;
}

table { border-collapse: collapse; width: 100%; }
th, td {
  text-align: left;
  vertical-align: top;
  padding: 2px 6px;
  border: 1px solid #d4d0c8;
  font-size: 12px;
}
th { background: #c0c0c0; }

code, .mono { font-family: "Courier New", monospace; }

ul { margin: 4px 0; padding-left: 20px; }
li { margin: 1px 0; }

.tag { font-weight: bold; }
.sensitive { color: #a00; }      /* red flag */
.warn { color: #a00; }

details { margin: 2px 0; }
summary { cursor: pointer; }

.kv td:first-child { width: 170px; color: #404040; }

.foot {
  text-align: center;
  color: #c0e0e0;
  font-size: 11px;
  margin-top: 14px;
}