/* UI kontrakt: UI_CONTRACT.md · static/vendor/core-ui-kit/APP_GUIDE.md
   App-local rozvržení stránek DeepGenealogy. Barvy a písmo jen z tokenů kitu. */
.dg-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: var(--cui-gap, 16px); align-items: start; }
.dg-section { min-width: 0; }
.dg-open { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.dg-facts { margin: 0; display: grid; gap: 2px; }
.dg-fact { display: grid; grid-template-columns: minmax(84px, 9.5rem) 1fr; gap: 4px 14px; padding: 7px 0; border-bottom: 1px solid var(--cui-line); }
.dg-fact:last-child { border-bottom: 0; }
.dg-fact--alt { padding-top: 2px; }
.dg-fact--alt dt { color: var(--cui-muted); font-style: italic; }
.dg-fact dt { color: var(--cui-muted); font-size: .86em; padding-top: 2px; }
.dg-fact dd { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; min-width: 0; }
.dg-value { min-width: 0; overflow-wrap: anywhere; }
.dg-meta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: .86em; }
.dg-sources a, .dg-person { color: var(--cui-accent); text-decoration: none; }
.dg-sources a:hover, .dg-person:hover { text-decoration: underline; }
.dg-id { color: var(--cui-muted); font-size: .8em; }
.dg-doubt { color: var(--cui-muted); font-style: italic; }
.dg-transcript { white-space: pre-wrap; margin: 0; line-height: 1.55; }
.dg-code { overflow-wrap: anywhere; }
.dg-standalone { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--cui-bg); }
.dg-standalone__card { width: min(100%, 440px); }
@media (max-width: 520px) { .dg-fact { grid-template-columns: 1fr; } }