/* The research page's own rules. The rest is style.css, which every page of ours loads. */
h2 { font: 600 1.15rem/1.3 "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; margin: 1.4rem 0 0.5rem; }
form#ask, #made { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 0.9rem 1.2rem 1rem; margin: 0.8rem 0; box-shadow: var(--shadow); animation: rise 260ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
form#ask h2, #made h2 { margin-top: 0.2rem; }
fieldset { border: 0; border-top: 1px solid var(--line); margin: 0.8rem 0 0; padding: 0.6rem 0 0; min-width: 0; }
legend { font-weight: 600; padding: 0 0.4rem 0 0; }
.choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 0.35rem 1rem; }
.choices label { display: flex; gap: 0.5rem; align-items: baseline; }
.choices small { display: block; color: var(--muted); }
.dates, .formats { display: flex; flex-wrap: wrap; gap: 0.6rem 1.2rem; align-items: baseline; }
input[type="date"] { font: inherit; color: var(--fg); background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 0.25rem 0.4rem; }
code { font-size: 0.92em; background: var(--bg-2); padding: 0.05rem 0.3rem; border-radius: 4px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.94rem; }
th, td { text-align: left; padding: 0.4rem 0.6rem 0.4rem 0; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-weight: 600; }
td.actions { white-space: nowrap; }
td.actions button { margin: 0 0.3rem 0.2rem 0; }
.state-ready { color: var(--accent); font-weight: 600; }
.state-failed { color: var(--bad); }
@media (max-width: 40rem) {
  .choices { grid-template-columns: 1fr; }
}
.hide-deleted { margin: 0.4rem 0; }