/* /academic/dunarea-de-jos/ — program facts in the hero, module bodies, hours table. Builds on pages.css (.modules, .page-hero). */
.dj-facts { margin: 30px 0 0; display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 16px 40px; max-width: 640px; }
.dj-facts div { margin: 0; }
.dj-facts .long { grid-column: 1 / -1; }
.dj-facts dt { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--eu-yellow); margin: 0 0 4px; }
.dj-facts .short dd { font-size: 1.25rem; color: var(--white); }
.dj-facts dd { margin: 0; color: var(--mist); line-height: 1.5; }
.dj-hero #globe { aspect-ratio: 1; }

.dj-modules summary { grid-template-columns: 112px minmax(0, 1fr) auto; }
.dj-modules summary .n { text-transform: uppercase; white-space: nowrap; }
.dj-body { padding: 0 4px 26px 128px; color: var(--text-soft); max-width: 900px; }
.dj-body p { margin: 0 0 14px; }
.dj-body b { color: var(--text); font-weight: 550; }
.dj-body .list-title { margin: 20px 0 6px; color: var(--text); }
.dj-modules .dj-body ul { padding: 0 0 6px; }
.dj-body .result { margin-top: 18px; padding: 14px 18px; border-left: 2px solid var(--deep-yellow, #f2b200); background: rgba(255, 204, 0, .08); color: var(--text); }

.dj-hours { width: 100%; border-collapse: collapse; font-size: 16px; }
.dj-hours th { text-align: left; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 400; color: var(--text-soft); padding: 0 12px 12px 0; border-bottom: 1px solid var(--rule-light); }
.dj-hours td { padding: 13px 12px 13px 0; border-bottom: 1px solid var(--rule-light); color: var(--text); vertical-align: baseline; }
.dj-hours td.n { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: .8125rem; color: var(--eu-blue); width: 4.5em; }
.dj-hours .num { text-align: right; padding-right: 0; white-space: nowrap; }
.dj-hours tfoot td { border-bottom: 0; padding-top: 18px; font-size: 18px; }
@media (max-width: 760px) {
  .dj-facts { grid-template-columns: 1fr 1fr; }
  .dj-modules summary { grid-template-columns: minmax(0, 1fr) auto; }
  .dj-modules summary .n { grid-column: 1 / -1; }
  .dj-body { padding-left: 4px; }
}