/* The Narrow Door — movement two. Everything shared with movement one is inherited
   from ../echo/style.css on purpose; this file is only what the door needed. */

.admission{margin:26px 0 30px;padding:22px 26px;border-left:3px solid var(--echo);background:#efeee3;
  border-radius:0 7px 7px 0;font-family:var(--serif);font-size:19px;line-height:1.55;color:#30433c;max-width:830px}
.admission strong{font-weight:400;color:#8a4a29}
.admission cite{display:block;margin-top:13px;font-family:var(--sans);font-style:normal;
  font-size:10px;letter-spacing:.06em;color:var(--muted)}

.timeline-label{display:flex;justify-content:space-between;font-size:9px;color:#8fa491;margin:22px 0 4px}
.seed-control{margin-top:4px}
.controls .full{margin-top:14px}

/* ---- the 98-cell grid ---- */
.grid-section{margin-top:64px}
.grid-controls{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0 18px;font-size:11px;color:var(--muted)}
.grid-controls label{display:flex;align-items:center;gap:7px}
.heat{overflow-x:auto;padding-bottom:4px}
.heat table{border-collapse:separate;border-spacing:3px;font-size:10px;font-variant-numeric:tabular-nums}
.heat th{font-weight:500;color:var(--muted);font-size:9px;letter-spacing:.07em;text-align:center;padding:2px 4px;white-space:nowrap}
.heat th.row-label{text-align:right;letter-spacing:.02em;font-size:10px;color:#5d6a5c}
.heat th.row-label i{font-style:normal;color:#9aa695}
.heat td{padding:0}
.heat button{width:100%;min-width:56px;border:1px solid transparent;border-radius:4px;padding:11px 4px;
  font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:0;cursor:pointer;background:none;color:inherit}
.heat button:hover{border-color:var(--ink)}
.heat button.active{border-color:var(--echo);box-shadow:0 0 0 2px rgba(230,154,120,.35)}
.heat button.baseline{border-style:dashed;border-color:#b9c3b2}
.heat button.broken::after{content:"·";display:block;font-size:20px;line-height:0;margin-top:5px;color:#b4442a}
.heat-caption{font-size:10px;color:var(--muted);margin-top:14px;max-width:760px;line-height:1.7}
.heat-scale{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin-top:16px;letter-spacing:.06em}
.heat-scale span.swatch{display:inline-block;width:132px;height:9px;border-radius:5px;
  background:linear-gradient(90deg,#f3f2e9,#8fa08a,#102122);border:1px solid var(--line)}

/* ---- preregistered verdicts ---- */
.verdict-section{margin-top:64px}
.verdict-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:25px}
.verdict-card{border:1px solid var(--line);border-radius:7px;padding:23px;background:#f8f9f0}
.verdict-card.broken{border-color:#d6a692;background:#fbf2ec;grid-column:1/-1}
.verdict-tag{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.verdict-tag b{font-size:9px;letter-spacing:.13em;padding:3px 7px;border-radius:3px;background:#dfe7d6;color:#3f5a41;font-weight:500}
.verdict-card.broken .verdict-tag b{background:#e9c3ae;color:#7d3618}
.verdict-tag span{font-size:9px;letter-spacing:.13em;color:var(--muted)}
.verdict-card h3{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.35;margin-bottom:12px}
.verdict-card .evidence{font-size:11px;color:#657461;line-height:1.85;font-variant-numeric:tabular-nums}
.verdict-card .evidence b{font-weight:500;color:#2c3f36}
.verdict-card .evidence em{font-style:normal;color:#9d4b28}
.verdict-card table{width:100%;border-collapse:collapse;margin-top:11px;font-size:10px;font-variant-numeric:tabular-nums}
.verdict-card td,.verdict-card th{text-align:right;padding:4px 6px;border-bottom:1px solid #e6e9dc;color:#5f6d5c}
.verdict-card th{font-weight:500;font-size:9px;letter-spacing:.06em;color:var(--muted)}
.verdict-card td:first-child,.verdict-card th:first-child{text-align:left}
.verdict-card tr.worse td{color:#a8482a}

.batch-verdict{font-size:11px;margin-top:12px;line-height:1.7;color:#4a5b4c;font-variant-numeric:tabular-nums}
.batch-verdict b{color:#243c2c}
.batch-verdict .fails{color:#a8482a}

.prereg-hash{font-size:9px;color:#8c9a86;word-break:break-all;margin-top:18px;letter-spacing:.02em}
.closing{margin-top:44px;font-family:var(--serif);font-size:17px;color:var(--muted);text-align:center}

@media(max-width:900px){
  .verdict-grid{grid-template-columns:1fr}
  .admission{font-size:17px;padding:18px 20px}
}
@media(max-width:620px){
  .grid-section,.verdict-section{margin-top:44px}
  .admission{font-size:15px;line-height:1.5}
  .heat button{min-width:46px;padding:9px 2px;font-size:10px}
  .verdict-card{padding:18px}
  .verdict-card h3{font-size:17px}
  .heat th.row-label{font-size:9px}
}
