/* Light and Shade: the papers (templates/writing.html). Loaded after main.css, on the writing page only.

   Leans on main.css for everything but the two rules here: the head of the page (.head, .page-title, .sentence),
   the chapter (.period, .period-head, .shelf-title) and the dated list (.list, .list-dated, .list-date). */

/* ---------- a shelf of papers ---------- */

@media (min-width: 720px) {
  /* Beside its heading the list opens with an ink rule of its own, and the heading stands on the baseline of the
     first paper (as a chapter's years do on the works list). A paper's line is smaller than the heading's, so
     it starts further under its rule than the --s3 the heading has: 4px, and 5px in the English view, whose
     lines are set closer. */
  .period .list { padding-top: calc(var(--s3) + 4px); border-top: 1px solid var(--fg); }
  :root[data-lang="en"] .period .list { padding-top: calc(var(--s3) + 5px); }
  /* A paper's two parts, its title and where it appeared, are a box each: a line that cannot hold both breaks
     between them, and only a part longer than the line breaks inside (evened out, like the line of a phone).
     A box hangs from the top of its line: a box set on the baseline stands on its last line, and the date beside
     a title of two lines would then stand by the second. */
  .paper-part { display: inline-block; max-width: 100%; vertical-align: top; text-wrap: balance; }
}