/* ACC Daily · Data page (dt-) */
.dt-hero { display: grid; gap: 12px; }
.dt-hero .c-btn--lg { width: 100%; }
.dt-hero__main { min-height: 72px; }
.dt-hero__main .c-btn__t { font-size: var(--fs-18); }
.dt-hero__note { margin-top: 14px; font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-2); }
.dt-cover { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--rule-soft); }

.dt-steps { list-style: none; display: grid; gap: 14px; }
.dt-steps li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; }
.dt-steps__n {
  display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 2px solid var(--ink-1);
  font: 700 var(--fs-13)/1 var(--font-ui); color: var(--ink-1);
}
.dt-steps__t { font: 600 var(--fs-15)/20px var(--font-ui); color: var(--ink-1); }
.dt-steps__b { margin-top: 2px; font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-2); }
.dt-qs { list-style: none; display: grid; margin: 10px 0 0 42px; border-top: 1px solid var(--rule-soft); }
.dt-q { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--rule-soft); }
.dt-q__t { font: 400 var(--fs-14)/20px var(--font-ui); color: var(--ink-1); padding-top: 4px; }
.dt-q .c-btn { flex: none; color: var(--ink-2); }

.dt-file__dl { display: inline-flex; align-items: center; gap: 4px; }

.dt-sum { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 24px; align-items: start; }
.dt-sum__side { display: grid; gap: 6px; }
.dt-sum__lead { font: 400 var(--fs-14)/20px var(--font-ui); color: var(--ink-2); }
.dt-sum__fallback { display: grid; gap: 8px; margin-top: 14px; }
.dt-sum__box { width: 100%; padding: 10px 12px; border: 1px solid var(--rule); border-radius: var(--r-2); background: var(--surface-sunken); color: var(--ink-1); font: 400 12px/18px var(--font-mono); resize: vertical; }
.dt-sum__pre { margin: 0; padding: 12px 14px; overflow: auto; background: var(--surface-sunken); border: 1px solid var(--rule-soft); font: 400 12px/18px var(--font-mono); color: var(--ink-1); white-space: pre-wrap; }

.dt-defs { grid-template-columns: minmax(150px, max-content) minmax(0, 1fr); gap: 10px 28px; max-width: 1000px; }
.dt-defs dt { color: var(--ink-1); font-weight: 600; }
.dt-defs dd { color: var(--ink-2); }
.dt-refresh { font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-3); }
.dt-refresh .c-code { color: var(--ink-2); }

@media (max-width: 1099px) { .dt-sum { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 639px) {
  .dt-qs { margin-left: 0; }
  .dt-defs { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .dt-defs dd { margin-bottom: 10px; }
  .dt-hero__main .c-btn__t { font-size: var(--fs-16); }
}
.dt-file { text-decoration-color: var(--rule); }
.dt-file:hover { text-decoration-color: var(--ink-1); }

/* missing weekday line above the freshness table (visible at 400 px; the table scrolls sideways) */
.dt-fresh-miss { padding: 2px 24px 10px; }
.dt-fresh-miss .c-status { align-items: flex-start; font: 500 var(--fs-13)/19px var(--font-ui); }
.dt-fresh-miss .c-status__i { margin-top: 3px; flex: none; }
.dt-fresh-miss .c-status__t { color: var(--ink-1); }
@media (max-width: 639px) { .dt-fresh-miss { padding-left: 16px; padding-right: 16px; } }