/* One target, two linked representations. Uses the existing light UI palette. */
.target-box { margin: 0; padding: 0; border: 1px solid #b9c9dc; border-radius: 7px; min-width: 0; }
.target-box legend { margin-left: 12px; padding-inline: 5px; font-size: 12px; font-weight: 750; color: #172b46; }
.target-box .target-values { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.target-box .target-entry { display: grid; gap: 5px; min-width: 0; padding: 14px; }
.target-entry + .target-entry { border-left: 1px solid #d9e1ea; }
.target-entry > span { color: #52647a; font-size: 11px; }
.target-entry .target-input { display: flex; align-items: center; gap: 6px; min-width: 0; }
.target-entry .target-input > span { color: #64748b; }
.target-box .target-input input { width: 100%; min-width: 0; min-height: 44px; padding: 8px 3px; border: 0; color: #172b46; background: transparent; box-shadow: none; font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.target-box .target-input input[aria-invalid="true"] { outline: 2px solid #c12d39; }
.target-box .target-help { margin: 0; padding: 10px 14px; border-top: 1px solid #d9e1ea; color: #52647a; font-size: 11px; line-height: 1.5; background: #f7f9fc; border-radius: 0 0 7px 7px; }
.form-error { color: #ab2031; font-size: 12px; line-height: 1.5; margin: 0 0 12px; }
.terms-list dd, .transaction-review dd, .rules-box b { overflow-wrap: anywhere; }
.preview-card h2, #challenge-title, #live-title, #receipt-title { overflow-wrap: anywhere; }
.target-entry .approximate-label { color: #725014; }
.countdown { max-width: 250px; }
.countdown b { display: block; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.receipt-art > h2 { margin-top: 22px; font-size: 26px; }
.receipt-art .terms-list { margin-bottom: 0; }
.receipt-art .receipt-brand { display: block; color: #c8dcf4; font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: .025em; }
.receipt-art .terms-list dt { color: #c8dcf4; font-size: 11px; }
.receipt-art .terms-list dd { color: #fff; font-size: 12px; line-height: 1.5; }
.receipt-art .terms-list > div { border-color: #365373; }
@media (max-width: 640px) {
  .target-box .target-values { grid-template-columns: minmax(0, 1fr); }
  .target-entry + .target-entry { border-left: 0; border-top: 1px solid #d9e1ea; }
}