/* ── Homepage layout (about: solana template) ────────────────── */

/* Title */
.title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.1em !important;
}

/* Subtitle (position, institution) */
.subtitle {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

/* Right-align the text block on desktop (Silvia style) */
.entity-contents {
    text-align: right !important;
    padding: 0 2em 0 2em;
}

.about-contents {
    padding: 0 0 0 2em !important;
}

/* Social icon links — compact, icon-only on desktop */
.about-entity .about-links {
    justify-content: flex-end !important;
    column-gap: 0em !important;
    font-size: 1.15em !important;
}

.about-entity .about-link {
    padding: 0.25em 0.3em !important;
    border: none !important;
}

/* "View my CV" link */
.about-links.subtitle {
    font-size: 0.95em !important;
    justify-content: flex-end !important;
}

/* Profile image */
.about-image {
    margin-top: -1em;
    padding: 0 2em 0 0;
}

/* ── Mobile (< 992px) ────────────────────────────────────────── */
@media screen and (max-width: 991.98px) {

    .entity-contents {
        order: 2 !important;
        margin: -3em 0 0 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .subtitle {
        text-align: center !important;
    }

    .about-entity .about-links {
        justify-content: center !important;
        font-size: 1em !important;
    }

    .about-contents {
        padding: 0 !important;
    }

    .about-links.subtitle {
        justify-content: center !important;
    }

    .about-image {
        order: 1 !important;
        padding: 0 2em !important;
    }
}