/* A ready-made message: one soft box, sending buttons, a note. */

.invite { margin-top: .35rem; }
.invite summary {
  cursor: pointer; list-style: none; padding: .2rem 0; font-size: .9rem; font-weight: 600; color: var(--accent);
}
.invite summary::-webkit-details-marker { display: none; }
.invite summary::after { content: " +"; font-weight: 400; }
.invite[open] summary::after { content: ""; }
.invite__msg {
  margin: .5rem 0 0; padding: .75rem .9rem; background: var(--surface-2); border: 0;
  border-radius: var(--radius-sm); font-size: .95rem; line-height: 1.5;
}
.invite__how { margin-top: .6rem; font-size: .82rem; color: var(--ink-soft); }
.invite__actions { display: flex; flex-wrap: wrap; gap: .4rem; padding-top: .45rem; }
/* The one thing that moves this person on. */
.invite__sent-form { margin: .75rem 0 0; }
.invite__sent { gap: .4rem; }
.linklike { background: none; border: 0; padding: 0; color: var(--accent); font: inherit; text-decoration: underline; cursor: pointer; }

/* /buy?code=...: the school's discount, shown before the price. */
.code-banner { margin: 0 0 .75rem; padding: .65rem .85rem; border-radius: var(--radius-sm); background: var(--accent-soft); font-size: .92rem; }
.code-banner s { color: var(--ink-faint); margin: 0 .2rem; }