/* ============================================================
   Homeowner Dossier — masthead surfaces (mobile-first).
   Wordmark, warm header + concierge signature affordance, job
   restate, and the median fairness anchor panel. Split out of
   dossier_public.css to keep both files under the 200-line limit.
   All color via --ha-* tokens; no raw hex.
   ============================================================ */

/* A. Wordmark — a warm header eyebrow, not cold debug chrome.
   The dot stays brand-navy; "HouseAccount" reads in navy ink at
   medium weight so it carries as a trusted mark, not a muted label.
   Shared by show + confirmed views. */
.dossier-mark {
  display: flex; align-items: center; gap: var(--ha-space-2);
  padding: 18px 2px 6px; font-weight: var(--ha-weight-medium);
  font-size: var(--ha-fs-small); color: var(--ha-ink);
  letter-spacing: 0.005em;
}
.dossier-mark .dot {
  width: 16px; height: 16px; border-radius: var(--ha-radius-sm);
  background: var(--ha-blue-primary);
}

/* B. Warm header + concierge signature affordance. */
.dossier-header { margin: 14px 2px 0; }
.dossier-header h1 {
  font-size: 27px; line-height: 33px; font-weight: var(--ha-weight-bold);
  letter-spacing: -0.015em; margin: 0; text-wrap: balance;
  color: var(--ha-ink);
}
.dossier-sub {
  font-size: var(--ha-fs-body); line-height: 25px;
  color: var(--ha-ink-muted); margin: 12px 0 0;
}

/* The concierge reads as a named neighbor who prepared this work:
   a tiny "Your concierge" caption above a calm navy signature. */
.dossier-signoff {
  display: flex; flex-direction: column; gap: 2px;
  margin: var(--ha-space-4) 2px 0;
}
.dossier-signoff .signoff-label {
  font-size: var(--ha-fs-caption); color: var(--ha-ink-muted);
}
.dossier-signoff .sig {
  font-size: var(--ha-fs-body); font-weight: var(--ha-weight-medium);
  color: var(--ha-ink);
}

/* Job restate. */
.dossier-job {
  margin: 22px 2px 0; font-size: var(--ha-fs-body); line-height: 25px;
}
.dossier-job strong { font-weight: var(--ha-weight-bold); }

/* C. Median fairness anchor — a calm, slightly-set-apart reassurance
   panel (the Leak-A fairness moment). Flat surface-subtle fill + border,
   NO shadow, so it reads distinct from the white trust cards and stays
   inside the two-tier shadow system. Not the navy reward, not gold. */
.dossier-anchor {
  margin-top: 20px; background: var(--ha-surface-subtle);
  border: 1px solid var(--ha-border); border-radius: var(--ha-radius-md);
  padding: var(--ha-space-4) 18px;
}
.anchor-label {
  font-size: var(--ha-fs-caption); color: var(--ha-ink-muted); margin: 0;
}
.anchor-value {
  font-size: 26px; font-weight: var(--ha-weight-bold);
  letter-spacing: -0.01em; margin: 2px 0 0;
  font-variant-numeric: tabular-nums; color: var(--ha-ink);
}
.anchor-reassurance {
  font-size: var(--ha-fs-caption); color: var(--ha-ink-muted);
  margin: 6px 0 0; line-height: 19px;
}