/* =========================================================
   CURRENT RESEARCH AGENDA
   ========================================================= */

.identity-agenda,
.identity-agenda * {
    box-sizing: border-box;
}

.identity-agenda {
    display: grid;
    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(0, 0.88fr);
    gap: clamp(2.5rem, 4vw, 5rem);
    align-items: center;

    /* Stay inside the existing Bulma container */
    width: 100%;
    max-width: 100%;
    margin: 2.75rem auto 4.5rem;
    padding: 0;
}

.identity-agenda-copy,
.identity-question-list,
.identity-question,
.identity-question > div {
    min-width: 0;
    max-width: 100%;
}

/* =========================================================
   INTRODUCTION
   ========================================================= */

.identity-agenda-copy {
    width: 100%;
    max-width: none;
}

.identity-label {
    margin: 0 0 1.25rem;
    color: #010001;
    font-family: "Montserrat", sans-serif;
    font-size: 0.72 rem;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.identity-agenda-copy > p:last-child {
    margin: 0;
    color: #625e66;
    font-family: "Montserrat", sans-serif;
    /* font-size: clamp(0.72rem, 0.9vw, 1.2rem);
     */
    font-size: 1rem;

    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    word-spacing: normal;
    letter-spacing: normal;
}


/* Main concept */

.identity-concept {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #28242c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08em;
    font-weight: 500;
}

.identity-concept::after {
    position: absolute;
    z-index: -1;
    right: -0.08em;
    bottom: 0.03em;
    left: -0.08em;
    height: 0.3em;
    background: rgba(120, 86, 232, 0.17);
    border-radius: 50% 15% 45% 20%;
    transform: rotate(-1deg);
    content: "";
}


/* Secondary keywords */

.identity-key {
    color: #326072;
    font-weight: 400;
    background-image: linear-gradient(
        transparent 77%,
        rgba(55, 50, 59, 0.14) 77%
    );
}


/* =========================================================
   RESEARCH QUESTIONS
   ========================================================= */

.identity-question-list {
    width: 100%;
    /* border-top: 1px solid #d8d5da; */
}

.identity-question {
    grid-template-columns: 44px minmax(0, 1fr);
    width: 100%;
    min-height: 120px;
    padding: 1.3rem 1rem;
}

.identity-question p {
    width: 100%;
    max-width: 100%;
    margin: 0;

    text-align: left;
    word-spacing: normal;
    letter-spacing: normal;
    overflow-wrap: break-word;
}

/* Individual research-stream colors */

.identity-question:nth-child(1) {
    --accent: #d99800;
    --wash: rgba(217, 152, 0, 0.08);
}

.identity-question:nth-child(2) {
    --accent: #009f8d;
    --wash: rgba(0, 159, 141, 0.08);
}

.identity-question:nth-child(3) {
    --accent: #7856e8;
    --wash: rgba(120, 86, 232, 0.08);
}


/* Vertical accent */

.identity-question::before {
    position: absolute;
    top: 1.25rem;
    bottom: 1.25rem;
    left: 0;

    width: 4px;
    background: var(--accent);
    border-radius: 999px;

    transform: scaleY(0.4);
    transform-origin: center;
    transition: transform 200ms ease;
    content: "";
}


/* Question number */

.question-number {
    padding-top: 0.18rem;
    color: var(--accent);
    font-family: "Montserrat", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}


/* Question heading */

.identity-question h3 {
    position: relative;
    z-index: 1;
    display: inline-block;

    margin: 0 0 0.55rem;

    color: #302c34;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.05rem, 1.2vw, 1.25rem);
    font-weight: 500;
    line-height: 1.35;
}


/* Brush behind heading */

.identity-question h3::after {
    position: absolute;
    z-index: -1;
    right: -0.12em;
    bottom: 0.01em;
    left: -0.08em;

    height: 0.38em;
    background: var(--accent);
    border-radius: 48% 15% 42% 18%;
    opacity: 0.2;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 240ms ease;
    content: "";
}


/* Question text */

.identity-question p {
    width: 100%;
    max-width: none;
    margin: 0;

    color: #514b57;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.95rem, 1.05vw, 1.1rem);
    font-weight: 400;
    line-height: 1.6;

    text-align: left;
    word-spacing: normal;
    letter-spacing: normal;
}


/* =========================================================
   INTERACTION
   ========================================================= */

.identity-question:hover,
.identity-question:focus-visible {
    background-color: var(--wash);
    transform: translateX(7px);
    outline: none;
}

.identity-question:hover::before,
.identity-question:focus-visible::before {
    transform: scaleY(1);
}

.identity-question:hover h3::after,
.identity-question:focus-visible h3::after {
    transform: scaleX(1);
}

/* Keep unselected questions visible */

.identity-question-list:hover
.identity-question:not(:hover) {
    opacity: 0.68;
}


/* =========================================================
   MEDIUM SCREENS
   ========================================================= */

@media screen and (max-width: 1200px) {
    .identity-agenda {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 0.9fr);
        gap: 2.5rem;
    }

    .identity-question {
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 1.2rem 0.8rem;
    }
}

@media screen and (max-width: 950px) {
    .identity-agenda {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .identity-agenda-copy {
        max-width: 800px;
    }

    .identity-question {
        min-height: auto;
    }
}

@media screen and (max-width: 650px) {
    .identity-agenda {
        gap: 2rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .identity-question {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 0.65rem;
        padding: 1.1rem 0.6rem;
    }
}


/* =========================================================
   TABLETS
   ========================================================= */

@media screen and (max-width: 1100px) {
    .identity-agenda {
        width: min(92vw, 900px);
        grid-template-columns: 1fr;
        gap: 2.5rem;
        margin-bottom: 4rem;
    }

    .identity-agenda-copy {
        max-width: 800px;
    }

    .identity-question {
        min-height: auto;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 650px) {
    .identity-agenda {
        width: calc(100% - 2rem);
        gap: 2rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .identity-label {
        margin-bottom: 0.9rem;
    }

    .identity-agenda-copy > p:last-child {
        font-size: 0.98rem;
        line-height: 1.75;
    }

    .identity-question {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 0.65rem;
        padding: 1.15rem 0.8rem;
    }

    .identity-question h3 {
        font-size: 1rem;
    }

    .identity-question p {
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .question-number {
        font-size: 0.68rem;
    }

    .identity-question:hover,
    .identity-question:focus-visible {
        transform: translateX(3px);
    }
}