/* The Incubator: layout only. Colours and type come from lib/base.css. */
.setup { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin: 0 0 1rem; }
.setup label { margin: 0 0 0.3rem; font-size: 0.82rem; line-height: 1.25; min-height: 2.1em; }
.dials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin: 0.4rem 0 0.8rem; }
.dials b { display: block; font: 300 2rem/1 var(--display); color: var(--yellow); font-variant-numeric: tabular-nums; }
.dials span { display: block; font-size: 0.78rem; line-height: 1.3; color: var(--paper-soft); margin-top: 0.2rem; }
#cloud { height: 11rem; }
#gate { height: 11rem; }
#inc { height: 12rem; }
#live { height: 9rem; margin-top: 0.8rem; }
.gloss .chart { height: 10rem; }
.gloss .key { margin-top: 0.4rem; }
.gloss .rule { font-size: 0.82rem; line-height: 1.45; color: var(--paper-soft); margin: 0; }
.machine .big { margin-top: 0.6rem; }
table.calc { width: 100%; border-collapse: collapse; margin: var(--s2) 0 0.4rem; font-variant-numeric: tabular-nums; font-size: 0.95rem; }
table.calc caption { text-align: left; font-weight: 700; padding-bottom: 0.4rem; }
table.calc :is(th, td) { padding: 0.45rem 0.5rem; text-align: right; border-bottom: 1px solid var(--line); }
table.calc th[scope="col"] { font-weight: 600; font-size: 0.82rem; vertical-align: bottom; }
table.calc th:first-child { text-align: left; }