/* ACC Daily · Today page (td-) */
.td-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 24px; }
.td-head__main { display: grid; gap: 6px; min-width: 0; }
.td-head__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.td-daynav { display: inline-flex; align-items: center; gap: 6px; }
.td-head__vs { font: 400 var(--fs-14)/20px var(--font-ui); color: var(--ink-2); }
.td-head__stamp { padding-bottom: 2px; }
/* missing weekday notice: calm, full width under the title row, icon + label (never color alone) */
.td-miss { flex: 1 1 100%; display: grid; gap: 3px; margin-top: 4px; padding: 10px 14px 11px; background: var(--surface); border: 1px solid var(--rule); border-left: 3px solid var(--warning); }
.td-miss__t .c-status { font: 600 var(--fs-14)/20px var(--font-ui); }
.td-miss__t .c-status__t { color: var(--ink-1); }
.td-miss__b { font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-2); padding-left: 18px; }
.td-miss__s { font: 400 var(--fs-12)/17px var(--font-ui); color: var(--ink-3); padding-left: 18px; }
.td-feed__flag { margin-top: 2px; }
.td-feed__flag .c-status { font: 500 var(--fs-12)/16px var(--font-ui); align-items: flex-start; }
.td-feed__flag .c-status__i { margin-top: 2px; flex: none; }

.td-chartnote { margin-top: 10px; font-size: var(--fs-12); }
.td-dlline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: calc(var(--gap) * -0.5); font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-2); }
.td-dlline .c-icon { color: var(--ink-2); }
.td-dlline .c-link { font-size: var(--fs-13); }
.td-sentence { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--rule-soft); font: 500 var(--fs-15)/22px var(--font-ui); color: var(--ink-1); }

/* worth a look */
.td-wal { list-style: none; display: grid; }
.td-wal__i { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-top: 1px solid var(--rule-soft); }
.td-wal__i:first-child { border-top: 0; padding-top: 2px; }
.td-wal__n { font: 600 var(--fs-24)/30px var(--font-ui); letter-spacing: -.01em; color: var(--ink-1); text-align: right; font-variant-numeric: tabular-nums; }
.td-wal__b { display: grid; gap: 3px; min-width: 0; }
.td-wal__t { font: 600 var(--fs-15)/20px var(--font-ui); color: var(--ink-1); }
.td-wal__why { font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-2); }
.td-wal__top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; font: 400 var(--fs-12)/18px var(--font-ui); color: var(--ink-3); }
.td-wal__lab { color: var(--ink-3); }
.td-wal__sku { white-space: nowrap; }
.td-wal__sku .c-code { font-size: 12px; }
.td-wal .c-link { justify-self: start; margin-top: 2px; font-size: var(--fs-13); }

/* data as of */
.td-feeds { list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border: 1px solid var(--rule-soft); }
.td-feed { display: grid; gap: 4px; align-content: start; padding: 12px 16px 14px; border-left: 1px solid var(--rule-soft); min-width: 0; }
.td-feed:first-child { border-left: 0; }
.td-feed .c-cap { color: var(--ink-3); }
.td-feed__m { font: 600 var(--fs-14)/20px var(--font-ui); color: var(--ink-1); }
.td-feed__s { font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-3); }
.td-dl { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-top: 18px; }
.td-dl .c-btn--primary { height: auto; min-height: 44px; padding: 8px 16px; flex-wrap: wrap; gap: 4px 10px; }
.td-dl .c-btn--primary .c-btn__t { font-weight: 600; }
.td-dl .c-btn--secondary { height: 44px; }
.td-dl__note { flex: 1 1 260px; font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-3); }

@media (max-width: 1099px) {
  .td-feeds { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .td-feed { border-left: 0; border-top: 1px solid var(--rule-soft); }
}
@media (max-width: 639px) {
  .td-head__stamp { width: 100%; }
  .td-feeds { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .td-feed { padding: 10px 12px 12px; }
  .td-wal__i { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; }
  .td-wal__n { font-size: var(--fs-20); line-height: 26px; }
  .td-dl .c-btn { width: 100%; justify-content: flex-start; }
  .td-sentence { font-size: var(--fs-14); }
}