/* The board shares the approved deep-gray, gold and Do Hyeon brand system. */
.story-editorial .sales-record { background: var(--don-bg-deep); border-bottom: 1px solid #77644140; }
.story-editorial .sales-record-grid { display: grid; grid-template-columns: .9fr 1.15fr; gap: 60px; align-items: center; }
.story-editorial .sales-record h2 { font-size: clamp(36px, 4.2vw, 58px); line-height: 1.2; }
.story-editorial .sales-record-copy > p:last-child { max-width: 420px; line-height: 1.9; font-size: 16px; }
.story-editorial .sales-board { min-width: 0; background: #121314; border: 1px solid #77644170; border-radius: 28px; padding: 38px; box-shadow: inset 0 0 0 7px #1d1f21; }
.story-editorial .sales-board-date { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; padding-bottom: 24px; border-bottom: 1px solid #77644150; font-size: 12px; color: var(--don-text-muted); }
.story-editorial .sales-board-date time { color: var(--don-text); font-size: 18px; font-variant-numeric: tabular-nums; }
.story-editorial .sales-board dl { margin: 28px 0; }
.story-editorial .sales-board dt { font-size: 15px; color: var(--don-gold-text); margin: 26px 0 12px; font-weight: 600; }
.story-editorial .sales-board dd { margin: 0; }
.story-editorial .sales-value-row { display: flex; align-items: flex-end; gap: 10px; }
.story-editorial .sales-digits { display: flex; gap: 6px; flex: 1; min-width: 0; }
.story-editorial .sales-digit { position: relative; flex: 1; min-width: 0; max-width: 75px; height: clamp(64px, 7vw, 94px); display: grid; place-items: center; border: 1px solid #77644150; border-radius: 10px; background: linear-gradient(180deg, #25231f, #1d1c1a); color: #e0bd76; font: 400 clamp(32px, 4.4vw, 59px)/1 var(--don-font-heading); text-shadow: 0 0 18px #c9a35a30; font-variant-numeric: tabular-nums; }
.story-editorial .sales-digit::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px solid #0002; }
.story-editorial .sales-digit.is-point { flex: .3; border: 0; background: transparent; }
.story-editorial .sales-digit.is-point::after { display: none; }
.story-editorial .sales-digits.is-long .sales-digit { font-size: clamp(19px, 3vw, 38px); }
.story-editorial .sales-unit { padding-bottom: 7px; font-size: 12px; color: var(--don-text-muted); }
.story-editorial .sales-board-footer { border-top: 1px solid #77644150; padding-top: 20px; display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.story-editorial .sales-board-status { margin: 0; color: var(--don-text-muted) !important; font-size: 12px; display: flex; align-items: center; gap: 8px; }
.story-editorial .sales-board-status::before { content: ''; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #c6bfaf; }
.story-editorial [data-counter-state="ready"] .sales-board-status::before { background: #73c893; }
.story-editorial [data-counter-state="stale"] .sales-board-status::before,
.story-editorial [data-counter-state="error"] .sales-board-status::before { background: #e0bd76; }
.story-editorial .sales-board-signature { font-size: 10px; letter-spacing: .1em; color: var(--don-gold-text); white-space: nowrap; }
.story-editorial .sales-board-note { font-size: 12px; line-height: 1.8; margin: 16px 0 0; color: var(--don-text-muted) !important; }
.story-editorial .sales-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1000px) {
  .story-editorial .sales-record-grid { grid-template-columns: 1fr; gap: 24px; }
  .story-editorial .sales-record-copy > p:last-child { max-width: 640px; }
  .story-editorial .sales-board { width: 100%; max-width: 640px; margin-inline: auto; }
  .story-editorial .sales-digit { height: 84px; font-size: 52px; }
}
@media (max-width: 480px) {
  .story-editorial .sales-board { padding: 26px 20px; border-radius: 20px; }
  .story-editorial .sales-board-date time { font-size: 16px; }
  .story-editorial .sales-digits { gap: 4px; }
  .story-editorial .sales-digit { height: 66px; font-size: 34px; border-radius: 7px; }
  .story-editorial .sales-value-row { gap: 6px; }
  .story-editorial .sales-unit { font-size: 11px; }
  .story-editorial .sales-board-footer { gap: 10px; align-items: flex-start; }
  .story-editorial .sales-board-signature { font-size: 8px; }
  .story-editorial .sales-board-status { font-size: 11px; }
}