:root{--timeline-marker-bg:var(--fg);--checkpoint-bg:color-mix(in srgb, var(--fg) 5%, transparent)}.checkpoint-card{background:var(--checkpoint-bg);border:1px solid var(--border);border-radius:0;margin-bottom:2rem;padding:1.25rem;transition:border-color .2s;position:relative}.checkpoint-card:hover{border-color:var(--border)}.checkpoint-card:last-child{margin-bottom:0}.checkpoint-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.checkpoint-number{background:var(--timeline-marker-bg);width:2rem;height:2rem;color:var(--bg);border:1px solid var(--border);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:border-color .2s;display:flex;position:absolute;top:1.25rem;left:-3.25rem}.checkpoint-card:hover .checkpoint-number{border-color:var(--fg)}.qr-section-grid{gap:var(--space-6);grid-template-columns:1fr 2fr;align-items:start;display:grid}@media (width<=768px){.qr-section-grid{grid-template-columns:1fr}}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}@media (width<=768px){.checkpoint-number{width:1.75rem;height:1.75rem;font-size:.75rem;left:-2.75rem}.checkpoint-card{padding:1rem}}@media print{.chain-modal{display:none!important}.chain-card{page-break-inside:avoid;box-shadow:none;border:1px solid #000}.checkpoint-card{page-break-inside:avoid}}