.pk-da-hero {
        text-align: center;
        padding: 28px 16px 8px;
    }
    .pk-da-hero__label {
        font-size: 0.85rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--pk-fg-mut);
        margin-bottom: 6px;
    }
    .pk-da-hero__big {
        font-size: clamp(3rem, 12vw, 6rem);
        font-weight: 800;
        line-height: 1;
        color: var(--calc-accent);
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.02em;
        word-break: break-all;
        text-shadow: 0 2px 18px rgba(92,221,210,0.18);
    }
    /* Mute the giant "—" while no birthdate is entered so it doesn't
       compete with the rest of the page. */
    .pk-calc-result--placeholder .pk-da-hero__big {
        color: var(--pk-fg-mut);
        text-shadow: none;
        opacity: 0.55;
    }
    .pk-da-hero__unit {
        font-size: 1rem;
        color: var(--pk-fg-mut);
        margin-top: 6px;
    }
    .pk-da-clock {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 18px auto 0;
        max-width: 520px;
    }
    .pk-da-clock__cell {
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 12px;
        padding: 10px 8px;
        text-align: center;
    }
    .pk-da-clock__num {
        font-size: 1.4rem;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        color: var(--pk-fg);
    }
    .pk-da-clock__label {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--pk-fg-mut);
        margin-top: 2px;
    }
    .pk-da-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 12px;
        margin-top: 22px;
    }
    .pk-da-card {
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 14px;
        padding: 16px;
    }
    .pk-da-card__icon {
        font-size: 1.4rem;
        color: var(--calc-accent);
        margin-bottom: 6px;
    }
    .pk-da-card__num {
        font-size: 1.6rem;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        color: var(--pk-fg);
    }
    .pk-da-card__label {
        font-size: 0.78rem;
        color: var(--pk-fg-mut);
        margin-top: 2px;
    }
    .pk-da-meta {
        margin-top: 18px;
        padding-top: 14px;
        border-top: 1px dashed rgba(255,255,255,0.10);
        display: flex;
        flex-wrap: wrap;
        gap: 14px 22px;
        justify-content: center;
        font-size: 0.92rem;
    }
    .pk-da-meta strong { color: var(--calc-accent); }