/* TRELLAN: the profile screens. Report 258.

   Boards Profile and Profile-Phone. Scoped to `.ofs-profile` (My profile,
   `profile/index.html`). The profile's fields are bare <label>s that wrap
   their input, so the caps label style is set here and not globally: a
   check box's label elsewhere is a sentence. */

.ofs-profile .prof-grid > label,
.ofs-profile .prof-grid fieldset > legend,
.ofs-profile form > label,
.ofs-profile .prof-readonly dt {
  font-family: var(--font-display); font-weight: 500; font-size: 11px;
  letter-spacing: 2.4px; text-transform: uppercase; color: var(--gray);
}
/* The words typed in a field keep their own case. */
.ofs-profile label input, .ofs-profile label select, .ofs-profile label textarea {
  text-transform: none; letter-spacing: 0; font-family: var(--font-sans);
}
.ofs-profile .prof-grid > label { display: flex; flex-direction: column; gap: 6px; }
.ofs-profile .prof-readonly dd { color: var(--ink); }
.ofs-profile .prof-note { color: var(--gray); }
/* The summary's name is a name: its own case, Nunito 600. */
.ofs-profile .ofs-summary__name, .ofs-profile .prof-name { text-transform: none; letter-spacing: 0; }