/* =====================================================================
   Paper and Ink · home.css
   Only the home page (index.html) loads this: the sectioned essay index.
   The contents receipt beside the masthead is the shared .slip
   component from paper.css.
   ===================================================================== */

/* a one-line description under each section label */
.sdesc { margin: -6px 0 8px; color: var(--muted); font-size: 1.02rem; }

/* each entry: title and dek on the left, date and read time on the right */
.index-list a { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; }
.index-list .d { grid-column: 1; font-size: 1.02rem; line-height: 1.45; color: var(--muted); max-width: 52ch; }
.index-list .tag { grid-column: 2; grid-row: 1; text-align: right; }

/* "Print it again" sits inline at the end of the receipt's caption */
figcaption .btn { margin-left: 4px; }

@media (max-width: 520px) {
  .index-list a { grid-template-columns: 1fr; gap: 4px; }
  .index-list .tag { grid-column: 1; grid-row: auto; text-align: left; }
}