/* Manor Lords calculators: field layout, hints and rotation-table markers. Shared tokens come from site.css. */
.calc h2 { font-size: 1.1rem; margin: 18px 0 4px; }
.calc h2:first-child { margin-top: 0; }
.calc .field { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
.calc .field label { max-width: 16em; }
.calc .hint { display: block; font-size: 0.82rem; color: var(--ink-soft); max-width: 60ch; }
.calc input[type="text"] { width: 22em; font-family: var(--mono); }
.calc caption { text-align: left; font-weight: 700; padding: 6px 0; }
.calc td.ml-warn { color: var(--accent); font-weight: 700; }
.calc td.ml-fallow { color: var(--ink-soft); font-style: italic; }
.prose figure { margin: 20px 0; }
.prose figure img { width: 100%; height: auto; border-radius: var(--radius); border: 1px solid var(--line); }
.prose figcaption { font-size: 0.85rem; color: var(--ink-soft); margin-top: 6px; }
@media (max-width: 420px) {
  .calc input[type="text"] { width: 100%; }
  .calc .field { flex: 1 1 100%; }
}
.calc [hidden] { display: none !important; }
.calc .ml-ico img, .calc td img { vertical-align: middle; }
/* Reference tables: keep chip columns and the long notes column from squeezing rows into tall stacks. */
.ref-table td { min-width: 7em; }
.ref-table td:last-child { min-width: 20em; }