/* Vector Geodesic: the CIC console framed in the site's page. The console keeps
   its own palette in console/; the checks and notes below it use the site's type. */

.vg-notice {
  margin: 16px 0 0;
  padding: 12px 16px;
  border: 1px solid var(--brick);
  border-radius: 6px;
  color: #7a2f0c;
  background: #fbf3ee;
}

/* page.js widens the console's window past the text column, up to 1600 px and
   centered in the window, so its drawers and viewport have room. */
.vg-window {
  margin: 24px 0 0;
  border: 1px solid #7a7a7a;
  border-radius: 6px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.vg-titlebar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 2px 10px;
  background: linear-gradient(#fafafa, #d2d2d2);
  border-bottom: 1px solid #8c8c8c;
  user-select: none;
}

.vg-title {
  font: 700 12.5px/1.3 var(--mono);
  color: #2a2a2a;
  text-align: center;
  overflow-wrap: anywhere;
}

.vg-frame {
  display: block;
  width: 100%;
  height: min(82vh, 860px);
  min-height: 520px;
  border: 0;
  background: #000;
}

.vg-checks ol { padding-left: 24px; }
.vg-checks li { margin: 6px 0; overflow-wrap: anywhere; }
.vg-checks li code { font-size: 13px; white-space: normal; overflow-wrap: anywhere; word-break: break-all; }
.vg-checks li.ok strong { color: #1d6b3a; }
.vg-checks li.fail strong { color: #b3261e; }