/* Sichtbares "Zuletzt aktualisiert"-Label unter der H1. */
.last-updated {
    color: var(--gray);
    font-size: 0.9rem;
    margin: 0.5rem 0 1.25rem;
    font-style: italic;
}

.last-updated time {
    font-variant-numeric: tabular-nums;
}

/*
 * BAföG-Rechner iframe: CLS-Fix.
 * Der Rechner ist eine JS-SPA auf rechner.studierenplus.de und meldet seine
 * Höhe erst nach dem Render per iframeResizer – ohne reservierten Platz
 * verschiebt das den Seiteninhalt (CLS ~0.35, "poor" bei Google).
 *
 * Strategie: min-height reserviert Layout-Platz vor dem JS-Render.
 * Werte basieren auf der tatsächlichen Rechner-Höhe über Medienabfragen:
 *   - Mobile (< 768px): ~900px (vertikale Formulare nehmen mehr Platz)
 *   - Desktop:          ~680px
 *
 * Wenn iframeResizer später eine andere Höhe meldet, gibt es höchstens
 * einen kleinen Shift nach unten (keiner nach oben) – kein sichtbarer CLS.
 */
#rechner {
    display: block;
    width: 100%;
    min-height: 680px;
    border: 2px solid #abddd8;
    /* Vorsorge: bis der iframeResizer die echte Höhe meldet, nicht scrollen. */
    contain: layout;
}

@media (max-width: 767px) {
    #rechner {
        min-height: 900px;
    }
}