/* sketch-shared.css — Visual system for preliminary sketches and stress tests */

.sketch-banner {
  background: rgba(160,82,45,.12);
  border: 2px dashed var(--burnt-sienna, #a0522d);
  padding: 1rem 1.2rem;
  margin: 1.5rem 0;
  font-family: 'Special Elite', monospace;
  font-size: .85rem;
}
.score-grid { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9rem; }
.score-grid th, .score-grid td { border: 1px solid var(--gold, #c9a84c); padding: .4rem .6rem; text-align: center; }
.score-grid th { background: rgba(201,168,76,.15); font-family: 'Special Elite', monospace; font-size: .8rem; }
.badge-conf { background: #2d5016; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: .75rem; }
.badge-prob { background: #8b6914; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: .75rem; }
.badge-undet { background: #a0522d; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: .75rem; }

.box-observation {
  border: 1px solid var(--gold, #c9a84c);
  border-left: 4px solid #2d5016;
  padding: 1rem 1.2rem; margin: 1.5rem 0;
  background: rgba(45,80,22,.04);
}
.box-observation::before {
  content: "OBSERVATION"; display: block;
  font-family: 'Special Elite', monospace; font-size: .7rem;
  letter-spacing: .15em; color: #2d5016; margin-bottom: .4rem;
}
.box-inference {
  border: 1px solid var(--gold, #c9a84c);
  border-left: 4px solid #8b6914;
  padding: 1rem 1.2rem; margin: 1.5rem 0;
  background: rgba(139,105,20,.04);
}
.box-inference::before {
  content: "INFERENCE"; display: block;
  font-family: 'Special Elite', monospace; font-size: .7rem;
  letter-spacing: .15em; color: #8b6914; margin-bottom: .4rem;
}
.box-proposal {
  border: 2px solid var(--burnt-sienna, #a0522d);
  border-left: 4px solid #a0522d;
  padding: 1rem 1.2rem; margin: 1.5rem 0;
  background: rgba(160,82,45,.06);
}
.box-proposal::before {
  content: "FRAMEWORK PROPOSAL"; display: block;
  font-family: 'Special Elite', monospace; font-size: .7rem;
  letter-spacing: .15em; color: #a0522d; margin-bottom: .4rem;
}
.timeline-box {
  border: 1px solid var(--gold, #c9a84c);
  padding: 1rem; margin: 1rem 0; font-size: .88rem;
}
.timeline-box dt { font-weight: bold; margin-top: .5rem; }
.timeline-box dd { margin-left: 1.5rem; margin-bottom: .3rem; }

/* Synthesis-specific */
.verdict-grid { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .88rem; }
.verdict-grid th, .verdict-grid td { border: 1px solid var(--gold, #c9a84c); padding: .5rem .7rem; text-align: left; }
.verdict-grid th { background: rgba(201,168,76,.15); font-family: 'Special Elite', monospace; font-size: .78rem; }
.verdict-grid td:first-child { font-weight: bold; white-space: nowrap; }