/* ===========================================================================
 * The liturgy section's colour, and the propers page's own rules
 * ===========================================================================
 *
 * Loaded by both pages in this directory — `index.html`, the propers, and
 * `day.html`, how a day's Mass is assembled — because the palette belongs to
 * the section rather than to either page, and two copies of it would let the
 * two pages drift apart in colour. What only the assembly page renders lives in
 * `day.css`, which declares no colour of its own.
 *
 * The site gives every section a liturgical colour, and these pages are
 * entered from the liturgy section, which is RED. That colour is not declared
 * here at all: it is `.section-red` in `release/public-alpha/assets/site.css`,
 * the layout marks the reading area `section-toned section-red`, and the
 * values arrive from there. Retuning the section carries here by itself.
 *
 * A development fallback repeating the same six values used to sit below. It
 * happened to agree; the catena page's did not. Six values that agree today
 * are a prediction that they will disagree tomorrow, so it is gone, and a
 * page opened straight from the repository renders in the neutral palette
 * `shared/browser-core.css` declares. That file's header says why, and what it
 * cost.
 * ======================================================================== */


/* ---- What only this page renders ---- */

/* The form a proper belongs to, where a day carries more than one Mass:
   "Vigil Mass", "Mass at Dawn". */
.proper-form {
  margin-left: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
  color: var(--ink-faint);
}

/* Said once, quietly, where the corpus holds a composed proper's incipit and
   not its body. It is a statement about the corpus, not a failure, so it is
   not styled as one. */
.composed-note {
  margin: 0.5rem 0 0;
  color: var(--ink-faint);
  font-size: 0.86rem;
  font-style: italic;
}

/* A cycle-varying proper keeps each year apart, on the page as in the data: a
   merged list is one the reader cannot tell apart. */
.cycle {
  margin-top: 1rem;
  padding: 0.35rem 0 0.35rem 0.8rem;
  border-left: 3px solid var(--section-row);
}

.cycle-name {
  margin: 0;
  font-family: var(--sans);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-faint);
}

/* The name and its reference share a line: one heading saying what this proper
   is and where it comes from. The reference is subordinate to the name. */
.proper-name {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.6rem;
}
.proper-ref {
  color: var(--ink-soft);
  font-size: 0.72em;
  font-weight: 400;
  letter-spacing: 0.01em;
}
/* Verses passed over inside a citation are marked, not silently closed up. */
.elision {
  color: var(--ink-faint);
}

/* ---- ℣ and ℟ ------------------------------------------------------------
   The versicle and the response, set as the marks a missal sets them as. The
   substitution is made in the renderer and never in the record: the artifacts
   hold what the book printed, which is "V." and "R." for want of the sort.

   Kept a shade back from the words and not selectable, for the same reason the
   verse numbers are: it is a mark saying who says the line, not part of the
   line. The glyph is hidden from assistive technology and the word is given
   beside it, because ℣ and ℟ are announced as nothing at all by most screen
   readers and as bare letters by the rest. */
.vr-mark {
  margin-right: 0.15em;
  color: var(--section-ink);
  user-select: none;
}

.vr-glyph {
  font-family: var(--serif);
  font-size: 1.02em;
  font-weight: 600;
  line-height: 1;
}

/* A day the calendar keeps whose propers this repository has not transcribed.
   One line for the Mass, on both pages, and deliberately not a box: 337 of the
   1962 missal's 460 masses are in this state, and at that density anything with
   a border reads as a page full of errors. Nothing has failed, so nothing here
   is coloured like a failure — it is a small grey sentence, and the reader is
   told the Mass is appointed rather than left to think it is short. */
.uncompiled {
  margin: 0.6rem 0;
  font-size: 0.88rem;
  color: var(--ink-faint);
}

.uncompiled-mark {
  margin-right: 0.45rem;
  font-family: var(--sans);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}