.backlog { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding-block: 24px clamp(80px, 10vw, 120px); display: grid; grid-template-columns: 1fr 1fr; gap: 32px 72px; align-items: center; }
.backlog h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); max-width: 20ch; }
.backlog-text p { margin-top: 18px; max-width: 46ch; color: var(--muted); }
.backlog-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.backlog-list li { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 16px; align-items: baseline; padding: 16px 18px; border-radius: 12px; box-shadow: 0 0 0 1px var(--line); }
.backlog-list li p { font: italic 400 17px/1.4 var(--serif); }
.backlog-list time { font-size: 13px; color: var(--muted); }
.backlog-list em { grid-column: 2 / -1; font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--alert); }
.backlog-list .is-action { display: block; background: var(--navy); color: #fff; box-shadow: none; }
.is-action b { color: var(--yellow); font-size: 13.5px; }
.is-action p { margin: 6px 0; font: 600 16.5px/1.45 var(--sans) !important; }
.is-action span { font-size: 13px; color: #b9c3d8; }