/* Layout block zwischenstand_box. Source: docs/design/referenz/04-bausteine.html. */
.zw { border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); padding: 14px 0; }
.zw-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.zw-head .eyebrow { color: var(--ink); }
.zw-pos { display: flex; gap: 4px; }
.zw-pos i { width: 16px; height: 4px; border-radius: 2px; background: var(--line); }
.zw-pos i.on { background: var(--c); }
.zw ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.zw li { font-size: 15px; padding-left: 24px; position: relative; }
.zw li::before { content: "✓"; position: absolute; left: 0; font-weight: 800; color: var(--pos); }
.zw-next { font-size: 13px; color: var(--ink-3); margin-top: 10px; }
.zw-next::after { content: " ↓"; }