/* ==========================================================================
 * THE HOUSE VOICE, presentation half. Removable with voice.js.
 * --------------------------------------------------------------------------
 * Every rule is scoped to [data-voice="on"]. Drop the attribute and this file
 * goes completely inert; delete the file and nothing underneath shifts, because
 * none of these rules create layout the base stylesheet depends on.
 *
 * The metaphor is the masthead of a small financial paper, a market report
 * for beer. Rules, small caps, a dateline. Boutique comes from restraint and
 * good type, not from decoration.
 * ========================================================================== */

/* --------------------------------------------------------------- sign-off */
[data-voice="on"] .voice-signoff {
  display: block;
  font-family: var(--font-display);
  font-size: 14px;
  color: var(--ink-soft);
  margin-top: 14px;
  max-width: 46ch;
}

/* --------------------------------------------------- empty states with a face
 * The base empty state is a dashed box. With the voice on it gets a serif
 * headline that can carry a dry line without looking like an error. */
[data-voice="on"] .state h3 { font-size: 23px; letter-spacing: -.015em; }
[data-voice="on"] .state p { font-size: 14px; }

/* Nothing above changes hit areas, contrast or reading order, the voice is
   allowed to be charming, not to be in the way. */