.context-dl { margin: 0; display: grid; gap: 0.65rem; } .context-dl dt { font-size: 0.72rem; color: var(--jk-text-subtle); text-transform: uppercase; letter-spacing: 0.04em; } .context-dl dd { margin: 0.1rem 0 0; font-size: 0.95rem; color: var(--jk-text); } .page-footer-link { margin-top: 1.25rem; } .mt-sm { margin-top: 0.75rem; } .summary-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; min-width: 0; } /* Volle Widget-Breite (Überblick): 4 Spalten ab Tablet */ .widget-card--span-full .summary-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 640px) { .widget-card--span-full .summary-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .summary-metric { padding: 0.75rem; background: var(--jk-surface-raised); border-radius: 8px; border: 1px solid var(--jk-border); min-width: 0; } .summary-metric dt { margin: 0; font-size: 0.8125rem; color: var(--jk-text-muted); line-height: 1.35; overflow-wrap: anywhere; } .summary-metric dd { margin: 0.25rem 0 0; font-size: 1.375rem; font-weight: 600; color: var(--jk-text); }