/* aesop_arena_tactical_intell — what the game's main.css does not carry: the forms of the manual producer and the
   read page. Tokens only (main.css :root). */
.form-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .8rem 1.1rem; margin: .6rem 0 1rem; }
.form-grid .wide { grid-column: 1 / -1; }
.form-grid label { display: block; color: var(--text-secondary); font-size: .82rem; margin-bottom: .25rem; }
.form-grid input, .form-grid select, .form-grid textarea { width: 100%; padding: .45rem .55rem; background: var(--bg);
  color: var(--text-primary); border: 1px solid var(--border-input); border-radius: var(--radius-sm); font-size: .9rem; }
.form-grid textarea { min-height: 4.5rem; }
.form-grid .helptext, .form-grid .field-hint { color: var(--text-muted); font-size: .76rem; }
.refusals { margin: .6rem 0 1rem; }
.refusals li { margin: .2rem 0; }
fieldset.group { border: 1px solid var(--border); border-radius: var(--radius); padding: .6rem 1rem 1rem; margin: 0 0 1rem; }
fieldset.group legend { color: var(--text-bright); padding: 0 .4rem; font-size: .9rem; }
.span-open { color: var(--text-muted); }