/* The house style: the type roles, control idiom and shared slips, linked on every page before the page's own sheet, so this sheet owns the voice and a page keeps the last word on layout. */

.intro {
  font-family: var(--font-flourish, "Iowan Old Style", "Palatino", Georgia, serif);
  font-style: italic;
  color: var(--ink-brown);
  text-align: center;
}

.status {
  font-style: italic;
  color: var(--ink-faded);
  text-align: center;
  min-height: 1.4em;
}

.warning {
  font-style: italic;
  color: var(--ink-brown);
  background: var(--parchment-panel);
  border: 1px solid var(--line-tan);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  text-align: center;
}

/* Two archivist tiers: the inline label beside its controls, the standing head over a section; the print room's CHART No keeps its own 0.3em. */
.archivist-label {
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--ink-faded);
}
.archivist-head {
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--ink-faded);
}

/* The control idiom, one dark primary per page: the .place-hit exclusions keep the living-chart hit targets out of it (their reset loads after this sheet and wins ties), and input.control is the opt-in for inputs the attribute selector cannot see (home's seed input is type=text with inputmode=numeric for the iOS keypad). */
input[type="number"],
select,
button,
input.control {
  font-family: inherit;
  font-size: 0.95rem;
  color: var(--ink-dark);
  background: var(--control-cream);
  border: 1.5px solid var(--ink-dark);
  border-radius: 4px;
  padding: 0.4rem 0.6rem;
}
button {
  cursor: pointer;
}
/* .lf-station excluded like .place-hit: the wash painted the station button's square bright around its diamond glyph. */
button:not(.lf-station):not(.place-hit):hover {
  background: var(--parchment-bright);
}
button.primary {
  background: var(--ink-dark);
  color: var(--chart-paper);
  letter-spacing: 0.08em;
}
button.primary:hover {
  background: var(--ink-press);
}

a.control {
  display: inline-block;
  vertical-align: top;
  font-size: 0.95rem;
  color: var(--ink-dark);
  background: var(--control-cream);
  border: 1.5px solid var(--ink-dark);
  border-radius: 4px;
  padding: 0.4rem 0.6rem;
  text-decoration: none;
  letter-spacing: 0.04em;
}
a.control:hover {
  background: var(--parchment-bright);
}

:is(a, input, select, summary, [tabindex], button:not(.place-hit)):focus-visible {
  outline: 2px solid var(--ink-dark);
  outline-offset: 2px;
}