/* ── Screen header: "Hoje." + summary line + photo ─────────────────────── */
.screen-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px var(--gutter) 0;
}

.screen-title {
  margin: 0;
  font: 800 34px/1 var(--font-display);
  letter-spacing: -.02em;
}
/* The full stop is the brand mark — "Hoje." — so it is part of the title. */
.screen-title__dot { color: var(--verniz); }

.screen-subtitle {
  margin-top: 6px;
  font: 400 14px var(--font-body);
  color: var(--muted);
}

.screen-header__photo { width: 44px; height: 44px; flex: none; }
.screen-header__initials { font: 700 15px var(--font-display); color: var(--muted); }