/* The Assistant page. Built on styles.css and workspace.css; the Pro note,
   the points list and the closing are the Memories page's, repeated here so
   this page does not depend on that one's stylesheet. */
.mem-points {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 16px;
}
.mem-points li {
  padding: 16px 18px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--muted);
}
.mem-points strong {
  color: var(--fg);
}
.tour-lede > p.mem-pro {
  padding: 14px 18px 4px;
  border-left: 3px solid var(--accent);
  background: var(--surface);
  font-size: 16px;
}
.mem-pro .textlink {
  display: table;
  margin-top: 4px;
}
.mem-pro strong {
  color: var(--fg);
}
.tour-closing-actions {
  display: grid;
  gap: 16px;
}
.mem-closing-note {
  margin: 0;
  color: var(--muted);
}
/* The pane is a narrow column in the app. Drawn at its own width, centred,
   so it is not stretched to fill a slot made for a wide screenshot. */
.assist-narrow {
  justify-self: center;
  width: 100%;
  max-width: 480px;
}