/* places.css — Places and people, on top of home.css and month.css. A list
   to look things up in: the name, what the household calls it, where it is,
   and one tap to drive or call. A tap on the name opens it to correct. */

.bank .entry { padding: calc(13 * var(--sp-in)) 0; }
.entry-row {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: calc(12 * var(--sp-in));
  align-items: baseline;
}
.entry-name {
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  font-family: var(--serif);
  font-weight: 500;
  font-size: calc(19 * var(--fs));
  line-height: 1.28;
  color: var(--ink);
  cursor: pointer;
}
.entry-said { grid-column: 1; margin-top: calc(2 * var(--sp-in)); font-style: italic; font-size: calc(16 * var(--fs)); color: var(--ink-soft); }
.entry-where { grid-column: 1; margin-top: calc(3 * var(--sp-in)); font-family: var(--sans); font-size: calc(15 * var(--fs)); line-height: 1.35; color: var(--ink-soft); word-spacing: 0.06em; }
/* Drive and Call side by side on the name's line: always in the same place. */
.entry-acts {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: start;
  display: flex;
  gap: calc(16 * var(--sp-out));
  margin-top: calc(-9 * var(--sp-in));
}
.entry-acts a {
  padding: 10px 0;
  font-family: var(--sans);
  font-weight: 700;
  font-size: calc(15 * var(--fs));
  color: var(--accent);
  text-decoration: none;
  word-spacing: 0.06em;
}

/* Correcting it: the names it answers to, a phone, a note. */
.entry-edit { display: grid; gap: calc(10 * var(--sp-in)); margin-top: calc(12 * var(--sp-in)); }
.entry-edit[hidden] { display: none; }
.entry-edit label { display: grid; gap: calc(4 * var(--sp-in)); font-family: var(--sans); font-size: calc(14 * var(--fs)); color: var(--ink-soft); }
.entry-edit input, .entry-edit textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--rule);
  border-radius: calc(var(--radius) * 12 / 12);
  background: var(--field);
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(17 * var(--fs));
}
.entry-edit textarea { min-height: 64px; resize: vertical; }
.entry-edit input:focus, .entry-edit textarea:focus { outline: none; border-color: var(--accent); }
.entry-edit .proposal-actions { margin-top: calc(2 * var(--sp-in)); }

/* A phone number never breaks in the middle. */
.entry-where .tel { white-space: nowrap; }