.rod-returns {
	--rod-border: rgba(127, 127, 127, .28);
	--rod-muted: #6b7280;
	display: grid;
	gap: 1.5rem;
}

.rod-panel {
	border: 1px solid var(--rod-border);
	border-radius: 10px;
	padding: clamp(1rem, 3vw, 1.75rem);
}

.rod-panel > :first-child { margin-top: 0; }
.rod-panel > :last-child { margin-bottom: 0; }

.rod-form,
.rod-form fieldset {
	display: grid;
	gap: 1rem;
}

.rod-form label,
.rod-form legend {
	font-weight: 600;
}

.rod-form input,
.rod-form select,
.rod-form textarea {
	display: block;
	margin-top: .4rem;
	width: 100%;
}

.rod-item,
.rod-order-card,
.rod-request-card {
	align-items: center;
	border: 1px solid var(--rod-border);
	border-radius: 8px;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: .85rem 1rem;
}

.rod-item small,
.rod-order-card span,
.rod-request-card span,
.rod-request-card small {
	color: var(--rod-muted);
	display: block;
}

.rod-item input { max-width: 5rem; }
.rod-order-list,
.rod-request-list { display: grid; gap: .75rem; }
.rod-order-card,
.rod-request-card { color: inherit; text-decoration: none; }
.rod-help { color: var(--rod-muted); font-size: .925rem; }
.rod-hp { left: -10000px !important; position: absolute !important; }
.rod-kicker { color: var(--rod-muted); font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.rod-summary { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.rod-summary div { border-bottom: 1px solid var(--rod-border); padding-bottom: .75rem; }
.rod-summary dt { color: var(--rod-muted); font-size: .85rem; }
.rod-summary dd { font-weight: 700; margin: .25rem 0 0; }
.rod-timeline { border-left: 2px solid var(--rod-border); list-style: none; margin-left: .4rem; padding-left: 1.25rem; }
.rod-timeline li { margin-bottom: 1.25rem; position: relative; }
.rod-timeline li::before { background: currentColor; border-radius: 50%; content: ""; height: .65rem; left: -1.65rem; position: absolute; top: .35rem; width: .65rem; }
.rod-timeline time { color: var(--rod-muted); display: block; font-size: .85rem; }

@media (max-width: 640px) {
	.rod-item,
	.rod-order-card,
	.rod-request-card { align-items: stretch; flex-direction: column; }
}