/* Dated strip C: date ledger. Large calendar dates in a ruled band. Scoped to .date-ledger. */
.date-ledger{margin-top:40px;--hl-text:var(--wp--preset--color--highlight-text,var(--accent))}
.date-ledger > .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.date-ledger h2{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--hl-text);max-width:9ch;line-height:1.3}
.date-ledger .ledger-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.date-ledger .ledger-items > li{display:flex;align-items:center;gap:20px}
.date-ledger .ledger-date{flex:none;margin:0}
.date-ledger time{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:end;color:var(--accent)}
.date-ledger time .d{grid-row:1 / span 2;grid-column:1;font-family:var(--serif-d);font-size:56px;line-height:.9}
.date-ledger time .m{font-weight:700;font-size:15px;line-height:1.2;grid-column:2;grid-row:1}
.date-ledger time .y{font-size:14px;color:var(--muted);line-height:1.2;grid-column:2;grid-row:2}
.date-ledger .ledger-text{font-size:16px;line-height:1.45;max-width:30ch}
.date-ledger .go{margin:0}
.date-ledger .go a{font-weight:600;text-decoration:none;font-size:16px;white-space:nowrap}
.date-ledger .go a:hover .lbl{text-decoration:underline}
.date-ledger.is-page > .wrap{grid-template-columns:1fr;gap:20px;border:0;padding-top:16px}
.date-ledger.is-page h2{max-width:none}
.date-ledger.is-page .ledger-items{grid-template-columns:1fr;gap:0;border-top:1px solid var(--ink)}
.date-ledger.is-page .ledger-items > li{padding:22px 0;border-top:1px solid var(--rule)}
.date-ledger.is-page .ledger-items > li:first-child{border-top:0}
.date-ledger.is-page .ledger-text{max-width:56ch;font-size:17px}
@media (max-width:980px){
  .date-ledger > .wrap{grid-template-columns:1fr;gap:20px}
  .date-ledger h2{max-width:none}
}
@media (max-width:640px){
  .date-ledger{margin-top:32px}
  .date-ledger .ledger-items{grid-template-columns:1fr;gap:18px}
  .date-ledger time .d{font-size:46px}
}
.date-ledger.is-page .ledger-date{min-width:100px}