/* statman.uk tools: form styling for the margin remover, predictor and simulator. Loaded only on tool
   pages, versioned in the link tag, so style.css and ASSET_V stay untouched. */
.mr { border-top: 1px solid var(--rule); padding-top: 1.6rem; }
.mr[hidden] { display: none; }
.mr-presets { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0 0 1.4rem; }
.mr-presets p { width: 100%; font-family: var(--sans); font-size: 0.8rem; color: var(--muted);
  text-transform: uppercase; letter-spacing: 0.08em; }
.mr button { font: 600 0.85rem/1 var(--sans); color: var(--chalk); background: var(--panel-raised);
  border: 1px solid var(--rule); padding: 0.65rem 0.9rem; cursor: pointer; }
.mr button:hover, .mr button:focus-visible { border-color: var(--amber); }
.mr button:focus-visible, .mr input:focus-visible { outline: 2px solid var(--amber); outline-offset: 2px; }
.mr-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 0.6rem;
  margin-bottom: 0.6rem; }
.mr input { font: 500 1rem/1.2 var(--mono); color: var(--chalk); background: var(--ink-deep);
  border: 1px solid var(--rule); padding: 0.7rem 0.8rem; width: 100%; }
.mr input.mr-label { font-family: var(--sans); }
.mr-actions { display: flex; gap: 0.6rem; margin: 1rem 0 1.6rem; }
.mr-actions .mr-go { background: var(--amber); color: var(--amber-ink); border-color: var(--amber); }
.mr-sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.6rem;
  margin: 0 0 1.2rem; }
.mr-sum dt { font: 600 0.72rem/1.2 var(--sans); text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--muted); }
.mr-sum dd { font: 600 1.3rem/1.3 var(--mono); color: var(--chalk); margin: 0.2rem 0 0; }
.mr-msg { font-family: var(--serif); color: var(--chalk); border-left: 3px solid var(--amber);
  padding: 0.4rem 0 0.4rem 0.9rem; margin: 0 0 1rem; }
.mr-fair { display: block; color: var(--muted); font-size: 0.76rem; }
.mr-note { font-family: var(--mono); font-size: 0.8rem; color: var(--muted); }
@media (max-width: 40rem) { .mr-row { grid-template-columns: 1fr 1fr; } .mr-x { grid-column: span 2; } }
/* Poisson predictor and season simulator: labelled fields in fieldsets */
.pp-set { border: 1px solid var(--rule); padding: 0.9rem 1rem 0.4rem; margin: 0 0 1rem;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.6rem; }
.pp-set[hidden] { display: none; }
.pp-set legend { font: 600 0.8rem/1.2 var(--sans); text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--muted); padding: 0 0.4rem; }
.pp-field { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.6rem; }
.pp-field span { font: 500 0.85rem/1.3 var(--sans); color: var(--chalk); }
.pp-mode { margin-bottom: 1rem; max-width: 32rem; }
.mr select { font: 500 1rem/1.2 var(--sans); color: var(--chalk); background: var(--ink-deep);
  border: 1px solid var(--rule); padding: 0.65rem 0.8rem; width: 100%; }
.mr select:focus-visible { outline: 2px solid var(--amber); outline-offset: 2px; }
#pp-out h3, #ss-out h3 { margin-top: 1.6rem; }
/* November 2026 calculators and guides: the short answer near the top of each page */
.bc-short { border: 1px solid var(--rule); border-left: 4px solid var(--amber); background: var(--panel-raised);
  padding: 1.1rem 1.3rem; margin: 0 0 1.6rem; max-width: 46rem; }
.bc-short .eyebrow { margin: 0 0 0.4rem; }
.bc-short p { margin: 0 0 0.6rem; }
.bc-short p:last-child { margin-bottom: 0; }
.bc-out h3 { margin-top: 1.6rem; }