.tr-hero h1 { max-width: 22ch; }
.tr-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; margin: 1rem 0; }
.tr-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.1rem 1.25rem; }
.tr-card h3 { margin: 0; }
.tr-card > .muted { margin: .15rem 0 .75rem; }
.tr-rows { border-top: 1px solid var(--border); margin-bottom: .75rem; }
.tr-row { display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; border-bottom: 1px solid var(--border); font-size: .925rem; font-variant-numeric: tabular-nums; }
.tr-strong { font-weight: 700; }
.tr-card details { margin-top: .5rem; font-size: .9rem; }
.tr-card summary { cursor: pointer; color: var(--accent); font-weight: 600; }
.tr-deliveries { list-style: none; padding: 0; margin: .5rem 0 0; }
.tr-deliveries li { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; border-bottom: 1px dashed var(--border); }
.tr-deliveries li span:last-child { white-space: nowrap; font-variant-numeric: tabular-nums; }