/* THE CHANGELOG (2026-09-30). Built on the house leaf; this sheet only sets
   the inside of a week. Every size and gap is a house token: no new values.
   One accent, and it means something: "Not live yet". */

.wk__h { margin-bottom: var(--s3); }
.wk__intro { color: var(--ink-2); }

/* Categories are small headings, sentence case, in the apparatus face. They
   group; they are not labels to click. */
.wk__cat {
  font: var(--t-sm)/var(--lh-meta) var(--mono);
  font-weight: 400; letter-spacing: 0;
  color: var(--ink-3);
  margin: var(--s7) 0 var(--s3);
}
.wk__h + .wk__cat, .wk__intro + .wk__cat { margin-top: var(--s5); }

.wk__list { list-style: none; margin: 0; padding: 0; }
.wk__item + .wk__item { margin-top: var(--s5); }
.wk__t { margin: 0 0 var(--s1); }
.wk__d { margin: 0; color: var(--ink-2); }
.wk__go { margin: var(--s2) 0 0; font-size: var(--t-sm); }
.wk__go a::after { content: " \2192"; }

.wk__state {
  font: var(--t-xs)/var(--lh-meta) var(--mono);
  color: var(--brand);
  margin-left: var(--s2);
  white-space: nowrap;
}

.wk__fig { margin: var(--s4) 0 0; }
.wk__fig img { display: block; max-width: 100%; height: auto; border: 1px solid var(--rule); }
.wk__fig figcaption { margin-top: var(--s2); font: var(--t-xs)/var(--lh-meta) var(--mono); color: var(--ink-3); }

.wk__when a { color: inherit; text-decoration: none; }
.wk__when a:hover, .wk__when a:focus-visible { color: var(--ink); text-decoration: underline; }
.wk__draft { color: var(--brand); }
.wk__none { color: var(--ink-3); }

/* THE WEEK IS THE UNIT. The rail shell draws no rules between leaves (it
   separates sections by space), but here the week is what you scan by, so
   each one opens on a rule across both columns. Categories inside it are
   separated by space alone, so the week break is the strongest line on the
   page. A permalink lands with the heading clear of the top edge. */
.leaf[id^="week-"] {
  border-top: 1px solid var(--rule-firm);
  margin-top: var(--s7);
  padding-top: var(--s7);
  scroll-margin-top: var(--s6);
}

/* Stacked, the week comes first: on a phone the date is what you scan by,
   so the apparatus moves above the text instead of trailing it. */
@media (max-width: 48rem) {
  .leaf[id^="week-"] > .margin { order: -1; border-left: 0; padding-left: 0; }
}