/* Hide Quarto's default chrome */
body {
  background: #ffffff;
  color: #1a1d1c;
  margin: 0;
  padding: 0;
}

.quarto-title-block,
#title-block-header,
.quarto-secondary-nav,
header,
footer {
  display: none !important;
}

main {
  padding: 12px;
  max-width: 100%;
}

/* Make form controls look nicer on light background */
.observablehq-input {
  background: #fafafa;
  color: #1a1d1c;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 16px;
  font-family: -apple-system, system-ui, sans-serif;
  border: 1px solid #e0e0e0;
}

.observablehq-input label {
  color: #555;
}

.observablehq-input select {
  background: #ffffff;
  color: #1a1d1c;
  border: 1px solid #ccc;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 14px;
}

.observablehq-input input[type="text"],
.observablehq-input input[type="number"] {
  background: #ffffff;
  color: #1a1d1c;
  border: 1px solid #ccc;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 14px;
}

.observablehq-input input[type="range"] {
  accent-color: #06b;
}

.observablehq-input input[type="checkbox"],
.observablehq-input input[type="radio"] {
  accent-color: #06b;
}

/* Hide cells you don't want visible */
.cell-output-display:empty {
  display: none;
}

/* Cleaner code blocks if any are visible */
pre, code {
  background: #f5f5f5;
  color: #1a1d1c;
}

/* Default link color */
a {
  color: #06b;
}