.page-biografiko {
    --bio-accent: #4f9283;
    --bio-accent-dark: #347d68;
    --bio-purple: #6e4fb3;
    --bio-text: #243632;
    --bio-muted: #63736f;
    --bio-soft: #f7fbf9;
    --bio-line: rgb(79 146 131 / 24%);
    color: var(--bio-text);
}

.page-biografiko,
.page-biografiko *,
.page-biografiko *::before,
.page-biografiko *::after {
    box-sizing: border-box;
}

.page-biografiko .biografiko-container {
    width: calc(100% - 4rem);
    max-width: 1180px;
    margin: 0 auto;
}

.page-biografiko .biografiko-eyebrow {
    margin: 0 0 12px;
    color: var(--bio-purple);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-biografiko .biografiko-title {
    max-width: 760px;
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.18;
}

/* =========================================================
   INTRO
   ========================================================= */

.page-biografiko .biografiko-intro {
    padding: 92px 0;
}

.page-biografiko .biografiko-intro__inner {
    display: flex;
    gap: 78px;
    align-items: center;
}

.page-biografiko .biografiko-intro__copy {
    flex: 1 1 0;
    min-width: 0;
}

.page-biografiko .biografiko-intro__professional-title {
    margin: 22px 0 0;
    color: var(--bio-accent-dark);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.55;
}

.page-biografiko .biografiko-intro__summary,
.page-biografiko .biografiko-closing__content {
    max-width: 640px;
    margin: 22px 0 0;
    color: var(--bio-muted);
    font-size: 16px;
    line-height: 1.8;
}

.page-biografiko .biografiko-intro__summary p,
.page-biografiko .biografiko-ethics__content p,
.page-biografiko .biografiko-closing__content p {
    margin: 0 0 14px;
}

.page-biografiko .biografiko-intro__summary p,
.page-biografiko .biografiko-closing__content p {
    margin: 0 0 14px;
}

.page-biografiko .biografiko-intro__summary p:last-child,
.page-biografiko .biografiko-closing__content p:last-child {
    margin-bottom: 0;
}

.page-biografiko .biografiko-intro__media {
    position: relative;
    flex: 0 1 390px;
}

.page-biografiko .biografiko-intro__media::before {
    position: absolute;
    top: 18px;
    right: -18px;
    bottom: -18px;
    left: 18px;
    border: 1px solid rgb(110 79 179 / 22%);
    content: "";
    pointer-events: none;
}

.page-biografiko .biografiko-intro__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.page-biografiko .biografiko-text-link {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    min-height: 44px;
    margin-top: 24px;
    color: var(--bio-purple);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
}

.page-biografiko .biografiko-text-link span {
    font-size: 20px;
    transition: transform .2s ease;
}

.page-biografiko .biografiko-text-link:hover {
    color: var(--bio-accent-dark);
}

.page-biografiko .biografiko-text-link:hover span {
    transform: translateX(4px);
}

/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.page-biografiko .biografiko-section {
    padding: 90px 0;
}

.page-biografiko .biografiko-section--soft {
    background: var(--bio-soft);
}

.page-biografiko .biografiko-section__header {
    margin-bottom: 42px;
}

.page-biografiko .biografiko-section__intro {
    max-width: 760px;
    margin-top: 22px;
    color: var(--bio-muted);
    font-size: 16px;
    line-height: 1.8;
}

.page-biografiko .biografiko-section__intro p {
    margin: 0 0 14px;
}

.page-biografiko .biografiko-section__intro p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   LEGACY TIMELINE
   Used by continuing education and fallback content
   ========================================================= */

.page-biografiko .biografiko-timeline {
    max-width: 900px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-biografiko .biografiko-timeline-item {
    position: relative;
    display: flex;
    gap: 28px;
    padding: 0 0 34px;
}

.page-biografiko .biografiko-timeline-item:not(:last-child)::before {
    position: absolute;
    top: 15px;
    bottom: 0;
    left: 5px;
    width: 1px;
    background: var(--bio-line);
    content: "";
}

.page-biografiko .biografiko-timeline-marker {
    position: relative;
    z-index: 1;
    flex: 0 0 11px;
    width: 11px;
    height: 11px;
    margin-top: 7px;
    border: 2px solid var(--bio-soft);
    border-radius: 50%;
    background: var(--bio-accent);
    box-shadow: 0 0 0 1px var(--bio-accent);
}

.page-biografiko
.biografiko-section:not(.biografiko-section--soft)
.biografiko-timeline-marker,
.page-biografiko
.biografiko-continuing
.biografiko-timeline-marker {
    border-color: #fff;
}

.page-biografiko .biografiko-timeline-content {
    min-width: 0;
}

.page-biografiko .biografiko-timeline-period {
    margin: 0 0 5px;
    color: var(--bio-purple);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-timeline h3 {
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.32;
}

.page-biografiko .biografiko-timeline-institution {
    margin: 7px 0 0;
    color: var(--bio-accent-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.page-biografiko .biografiko-timeline-description {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.72;
}

/* =========================================================
   CONTINUING EDUCATION
   ========================================================= */

.page-biografiko .biografiko-continuing {
    border-top: 1px solid var(--bio-line);
}

.page-biografiko .biografiko-continuing__group {
    border-bottom: 1px solid var(--bio-line);
}

.page-biografiko .biografiko-continuing__group summary {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 16px 0;
    color: var(--bio-text);
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    list-style: none;
}

.page-biografiko
.biografiko-continuing__group
summary::-webkit-details-marker {
    display: none;
}

.page-biografiko .biografiko-continuing__icon {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.page-biografiko .biografiko-continuing__icon::before,
.page-biografiko .biografiko-continuing__icon::after {
    position: absolute;
    top: 8px;
    left: 1px;
    width: 16px;
    height: 1px;
    background: var(--bio-purple);
    content: "";
    transition: transform .2s ease;
}

.page-biografiko .biografiko-continuing__icon::after {
    transform: rotate(90deg);
}

.page-biografiko
.biografiko-continuing__group[open]
.biografiko-continuing__icon::after {
    transform: rotate(0);
}

.page-biografiko
.biografiko-continuing
.biografiko-timeline {
    padding: 6px 0 6px 2px;
}

/* =========================================================
   PROFESSIONAL CREDENTIALS
   Modern professional register layout
   ========================================================= */

   .page-biografiko .biografiko-section--credentials {
    position: relative;
    overflow: hidden;
    padding-top: 96px;
    padding-bottom: 96px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #faf8fd 100%
        );
}

.page-biografiko .biografiko-section--credentials::before {
    position: absolute;
    top: -230px;
    right: -230px;
    width: 470px;
    height: 470px;
    border: 1px solid rgb(110 79 179 / 10%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.page-biografiko .biografiko-section--credentials::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34%;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgb(79 146 131 / 34%) 100%
        );
    content: "";
    pointer-events: none;
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.page-biografiko .biografiko-credentials-header {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 72px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 52px;
    padding-bottom: 36px;
    border-bottom: 1px solid var(--bio-line);
}

.page-biografiko .biografiko-credentials-header__title {
    flex: 1 1 560px;
    min-width: 0;
}

.page-biografiko
.biografiko-credentials-header__title
.biografiko-title {
    max-width: 650px;
}

.page-biografiko .biografiko-credentials-header__intro {
    display: flex;
    flex: 0 1 410px;
    gap: 18px;
    align-items: flex-start;
    min-width: 0;
    padding-bottom: 3px;
}

.page-biografiko .biografiko-credentials-header__line {
    flex: 0 0 42px;
    width: 42px;
    height: 2px;
    margin-top: 11px;
    background:
        linear-gradient(
            90deg,
            var(--bio-accent) 0%,
            var(--bio-purple) 100%
        );
}

.page-biografiko .biografiko-credentials-header__intro p {
    max-width: 350px;
    margin: 0;
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.78;
}

/* =========================================================
   CREDENTIAL REGISTER
   ========================================================= */

.page-biografiko .biografiko-credentials {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--bio-line);
    list-style: none;
}

.page-biografiko .biografiko-credential {
    position: relative;
    display: flex;
    gap: 30px;
    align-items: center;
    min-width: 0;
    padding: 30px 12px 32px 0;
    border-bottom: 1px solid var(--bio-line);
    transition:
        padding-left .25s ease,
        border-color .25s ease;
}

.page-biografiko .biografiko-credential::after {
    position: absolute;
    top: 16px;
    bottom: 16px;
    left: 0;
    width: 2px;
    background:
        linear-gradient(
            180deg,
            var(--bio-accent) 0%,
            var(--bio-purple) 100%
        );
    content: "";
    opacity: 0;
    transform: scaleY(.25);
    transform-origin: center;
    transition:
        opacity .25s ease,
        transform .25s ease;
}

/* =========================================================
   INDEX
   ========================================================= */

.page-biografiko .biografiko-credential__number {
    flex: 0 0 52px;
    color: rgb(110 79 179 / 42%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1;
    transition:
        color .25s ease,
        transform .25s ease;
}

/* =========================================================
   MAIN CONTENT
   ========================================================= */

.page-biografiko .biografiko-credential__content {
    flex: 1 1 0;
    min-width: 0;
}

.page-biografiko .biografiko-credential__type {
    margin: 0 0 9px;
    color: var(--bio-accent-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-credential__content h3 {
    max-width: 700px;
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: -.012em;
    line-height: 1.38;
    transition: color .25s ease;
}

/* =========================================================
   ORGANISATION / ACRONYM
   ========================================================= */

.page-biografiko .biografiko-credential__meta {
    flex: 0 0 170px;
    min-width: 0;
    padding-left: 26px;
    border-left: 1px solid var(--bio-line);
}

.page-biografiko .biografiko-credential__meta-label {
    display: block;
    margin-bottom: 5px;
    color: var(--bio-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-credential__meta p {
    margin: 0;
    color: var(--bio-purple);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* =========================================================
   CERTIFICATION SEAL
   ========================================================= */

.page-biografiko .biografiko-credential__seal {
    display: flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgb(79 146 131 / 28%);
    border-radius: 50%;
    background: rgb(79 146 131 / 7%);
    color: var(--bio-accent-dark);
    transition:
        border-color .25s ease,
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.page-biografiko .biografiko-credential__seal span {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

/* =========================================================
   MEMBERSHIP / CERTIFICATION VARIATION
   ========================================================= */

.page-biografiko
.biografiko-credential--certification
.biografiko-credential__type {
    color: var(--bio-purple);
}

.page-biografiko
.biografiko-credential--certification
.biografiko-credential__content h3 {
    color: var(--bio-accent-dark);
}

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

@media (hover: hover) {
    .page-biografiko .biografiko-credential:hover {
        padding-left: 16px;
        border-bottom-color: rgb(110 79 179 / 30%);
    }

    .page-biografiko .biografiko-credential:hover::after {
        opacity: 1;
        transform: scaleY(1);
    }

    .page-biografiko
    .biografiko-credential:hover
    .biografiko-credential__number {
        color: var(--bio-purple);
        transform: translateX(3px);
    }

    .page-biografiko
    .biografiko-credential:hover
    .biografiko-credential__content h3 {
        color: var(--bio-purple);
    }

    .page-biografiko
    .biografiko-credential:hover
    .biografiko-credential__seal {
        border-color: transparent;
        background:
            linear-gradient(
                135deg,
                #4f9a82 0%,
                #347d68 100%
            );
        color: #fff;
        transform: translateY(-2px);
    }
}

/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 991px) {
    .page-biografiko .biografiko-section--credentials {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .page-biografiko .biografiko-credentials-header {
        gap: 44px;
    }

    .page-biografiko
    .biografiko-credentials-header__title {
        flex-basis: 480px;
    }

    .page-biografiko
    .biografiko-credentials-header__intro {
        flex-basis: 340px;
    }

    .page-biografiko .biografiko-credential {
        gap: 24px;
    }

    .page-biografiko .biografiko-credential__meta {
        flex-basis: 140px;
        padding-left: 20px;
    }
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 767px) {
    .page-biografiko .biografiko-section--credentials {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .page-biografiko .biografiko-credentials-header {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        margin-bottom: 38px;
        padding-bottom: 28px;
    }

    .page-biografiko
    .biografiko-credentials-header__title,
    .page-biografiko
    .biografiko-credentials-header__intro {
        flex-basis: auto;
        width: 100%;
    }

    .page-biografiko
    .biografiko-credentials-header__intro {
        max-width: 620px;
    }

    .page-biografiko
    .biografiko-credentials-header__intro p {
        max-width: none;
    }

    .page-biografiko .biografiko-credential {
        flex-wrap: wrap;
        gap: 18px;
        align-items: flex-start;
        padding: 26px 0 28px;
    }

    .page-biografiko .biografiko-credential__number {
        flex-basis: 38px;
        padding-top: 4px;
        font-size: 16px;
    }

    .page-biografiko .biografiko-credential__content {
        flex-basis: calc(100% - 56px);
    }

    .page-biografiko .biografiko-credential__content h3 {
        font-size: 21px;
    }

    .page-biografiko .biografiko-credential__meta {
        flex: 1 1 100%;
        margin-left: 56px;
        padding: 15px 0 0;
        border-top: 1px solid var(--bio-line);
        border-left: 0;
    }

    .page-biografiko .biografiko-credential__meta p {
        font-size: 18px;
    }

    .page-biografiko .biografiko-credential__seal {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
        margin-left: 56px;
    }
}

/* =========================================================
   RESPONSIVE — SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
    .page-biografiko .biografiko-credentials-header__intro {
        gap: 13px;
    }

    .page-biografiko
    .biografiko-credentials-header__line {
        flex-basis: 28px;
        width: 28px;
    }

    .page-biografiko .biografiko-credential {
        display: block;
    }

    .page-biografiko .biografiko-credential__number {
        display: block;
        margin-bottom: 13px;
        padding: 0;
    }

    .page-biografiko .biografiko-credential__content h3 {
        font-size: 20px;
        line-height: 1.42;
    }

    .page-biografiko .biografiko-credential__meta {
        margin: 20px 0 0;
    }

    .page-biografiko .biografiko-credential__seal {
        margin: 20px 0 0;
    }
}

/* =========================================================
   ETHICS / COLLABORATION FRAMEWORK
   Modern editorial statement layout
   ========================================================= */

   .page-biografiko .biografiko-ethics {
    position: relative;
    overflow: hidden;
    padding: 104px 0;
    background:
        linear-gradient(
            135deg,
            #f8f6fc 0%,
            #f3faf7 100%
        );
}

.page-biografiko .biografiko-ethics::before {
    position: absolute;
    top: -250px;
    right: -230px;
    width: 510px;
    height: 510px;
    border: 1px solid rgb(110 79 179 / 10%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.page-biografiko .biografiko-ethics::after {
    position: absolute;
    bottom: -230px;
    left: -210px;
    width: 430px;
    height: 430px;
    border: 1px solid rgb(79 146 131 / 12%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.page-biografiko .biografiko-ethics__inner {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 92px;
    align-items: stretch;
}

/* =========================================================
   LEFT HEADING
   ========================================================= */

.page-biografiko .biografiko-ethics__header {
    position: relative;
    flex: 0 0 390px;
    min-width: 0;
    padding: 8px 64px 8px 0;
    border-right: 1px solid rgb(110 79 179 / 18%);
}

.page-biografiko .biografiko-ethics__mark {
    display: block;
    width: 62px;
    height: 2px;
    margin-bottom: 28px;
    background:
        linear-gradient(
            90deg,
            var(--bio-accent) 0%,
            var(--bio-purple) 100%
        );
}

.page-biografiko
.biografiko-ethics__header
.biografiko-eyebrow {
    margin-bottom: 15px;
}

.page-biografiko
.biografiko-ethics__header
.biografiko-title {
    max-width: 370px;
    font-size: 42px;
    line-height: 1.17;
}

/* =========================================================
   RIGHT STATEMENT
   ========================================================= */

.page-biografiko .biografiko-ethics__body {
    display: flex;
    flex: 1 1 0;
    gap: 26px;
    align-items: flex-start;
    min-width: 0;
    padding: 10px 0 8px;
}

.page-biografiko .biografiko-ethics__quote {
    flex: 0 0 54px;
    width: 54px;
    margin-top: -5px;
    color: rgb(110 79 179 / 22%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 78px;
    font-weight: 400;
    line-height: .8;
    user-select: none;
}

.page-biografiko .biografiko-ethics__statement {
    flex: 1 1 0;
    min-width: 0;
}

.page-biografiko .biografiko-ethics__content {
    max-width: 650px;
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -.008em;
    line-height: 1.7;
}

.page-biografiko .biografiko-ethics__content p {
    margin: 0 0 18px;
}

.page-biografiko
.biografiko-ethics__content
p:last-child {
    margin-bottom: 0;
}

.page-biografiko .biografiko-ethics__content a {
    color: var(--bio-purple);
    text-underline-offset: 3px;
}

/* =========================================================
   LINK
   ========================================================= */

.page-biografiko .biografiko-ethics__link {
    position: relative;
    display: inline-flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    max-width: 520px;
    min-height: 52px;
    margin-top: 32px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgb(110 79 179 / 34%);
    color: var(--bio-purple);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
    text-decoration: none;
    transition:
        border-color .25s ease,
        color .25s ease;
}

.page-biografiko .biografiko-ethics__link::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            var(--bio-accent) 0%,
            var(--bio-purple) 100%
        );
    content: "";
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .25s ease;
}

.page-biografiko .biografiko-ethics__link-text {
    min-width: 0;
}

.page-biografiko .biografiko-ethics__link-arrow {
    flex: 0 0 auto;
    font-size: 21px;
    line-height: 1;
    transition: transform .25s ease;
}

@media (hover: hover) {
    .page-biografiko .biografiko-ethics__link:hover {
        border-color: transparent;
        color: var(--bio-accent-dark);
    }

    .page-biografiko
    .biografiko-ethics__link:hover::after {
        transform: scaleX(1);
    }

    .page-biografiko
    .biografiko-ethics__link:hover
    .biografiko-ethics__link-arrow {
        transform: translateX(5px);
    }
}

/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 991px) {
    .page-biografiko .biografiko-ethics {
        padding: 78px 0;
    }

    .page-biografiko .biografiko-ethics__inner {
        gap: 58px;
    }

    .page-biografiko .biografiko-ethics__header {
        flex-basis: 330px;
        padding-right: 42px;
    }

    .page-biografiko
    .biografiko-ethics__header
    .biografiko-title {
        font-size: 36px;
    }

    .page-biografiko .biografiko-ethics__body {
        gap: 20px;
    }

    .page-biografiko .biografiko-ethics__quote {
        flex-basis: 42px;
        width: 42px;
        font-size: 64px;
    }

    .page-biografiko .biografiko-ethics__content {
        font-size: 19px;
    }
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 767px) {
    .page-biografiko .biografiko-ethics {
        padding: 60px 0;
    }

    .page-biografiko .biografiko-ethics__inner {
        flex-direction: column;
        gap: 38px;
    }

    .page-biografiko .biografiko-ethics__header {
        flex-basis: auto;
        width: 100%;
        padding: 0 0 34px;
        border-right: 0;
        border-bottom: 1px solid rgb(110 79 179 / 18%);
    }

    .page-biografiko
    .biografiko-ethics__header
    .biografiko-title {
        max-width: 620px;
        font-size: 31px;
    }

    .page-biografiko .biografiko-ethics__mark {
        margin-bottom: 22px;
    }

    .page-biografiko .biografiko-ethics__body {
        width: 100%;
        padding: 0;
    }

    .page-biografiko .biografiko-ethics__content {
        max-width: 620px;
        font-size: 18px;
        line-height: 1.72;
    }
}

/* =========================================================
   RESPONSIVE — SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
    .page-biografiko .biografiko-ethics {
        padding: 52px 0;
    }

    .page-biografiko .biografiko-ethics__inner {
        gap: 30px;
    }

    .page-biografiko .biografiko-ethics__header {
        padding-bottom: 28px;
    }

    .page-biografiko .biografiko-ethics__body {
        gap: 13px;
    }

    .page-biografiko .biografiko-ethics__quote {
        flex-basis: 32px;
        width: 32px;
        margin-top: 0;
        font-size: 48px;
    }

    .page-biografiko .biografiko-ethics__content {
        font-size: 17px;
        line-height: 1.7;
    }

    .page-biografiko .biografiko-ethics__link {
        gap: 12px;
        width: 100%;
        max-width: none;
        margin-top: 26px;
        font-size: 13px;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .page-biografiko .biografiko-ethics__link,
    .page-biografiko .biografiko-ethics__link::after,
    .page-biografiko .biografiko-ethics__link-arrow {
        transition: none;
    }
}

/* =========================================================
   CLOSING CTA
   ========================================================= */

.page-biografiko .biografiko-closing {
    padding: 94px 0;
    text-align: center;
}

.page-biografiko .biografiko-closing__inner {
    max-width: 740px;
}

.page-biografiko .biografiko-closing .biografiko-title,
.page-biografiko .biografiko-closing__content {
    margin-right: auto;
    margin-left: auto;
}

.page-biografiko .biografiko-closing__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-top: 30px;
}

.page-biografiko .biografiko-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border: 1px solid var(--bio-purple);
    color: var(--bio-purple);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.page-biografiko .biografiko-action--primary {
    border-color: var(--bio-purple);
    background: var(--bio-purple);
    color: #fff;
}

.page-biografiko .biografiko-action--primary:hover {
    border-color: var(--bio-accent-dark);
    background: var(--bio-accent-dark);
}

.page-biografiko .biografiko-action--secondary:hover {
    border-color: var(--bio-accent-dark);
    color: var(--bio-accent-dark);
}

/* =========================================================
   FOCUS STATES
   ========================================================= */

.page-biografiko a:focus-visible,
.page-biografiko summary:focus-visible {
    outline: 3px solid var(--bio-purple);
    outline-offset: 4px;
}

/* =========================================================
   CLINICAL SUPPORT AREAS
   Modern editorial split layout
   ========================================================= */

.page-biografiko .biografiko-section--clinical {
    position: relative;
    overflow: visible;
    background:
        linear-gradient(
            180deg,
            #f5faf8 0%,
            #ffffff 100%
        );
}

.page-biografiko .biografiko-section--clinical::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 36%;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            rgb(79 146 131 / 40%) 0%,
            transparent 100%
        );
    content: "";
    pointer-events: none;
}

/*
 * Κεντρικό layout:
 * εισαγωγή αριστερά και θεραπευτικές ενότητες δεξιά.
 */
.page-biografiko
.biografiko-section--clinical
> .biografiko-container {
    display: flex;
    gap: 88px;
    align-items: flex-start;
}

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

.page-biografiko
.biografiko-section--clinical
.biografiko-section__header {
    position: sticky;
    top: 120px;
    flex: 0 0 350px;
    min-width: 0;
    margin: 0;
}

.page-biografiko
.biografiko-section--clinical
.biografiko-title {
    max-width: 350px;
    font-size: 42px;
    line-height: 1.16;
}

.page-biografiko
.biografiko-section--clinical
.biografiko-section__intro {
    position: relative;
    max-width: 345px;
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid var(--bio-line);
}

.page-biografiko
.biografiko-section--clinical
.biografiko-section__intro::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 68px;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            var(--bio-accent) 0%,
            var(--bio-purple) 100%
        );
    content: "";
}

.page-biografiko
.biografiko-section--clinical
.biografiko-section__intro p {
    margin: 0;
    color: var(--bio-muted);
    font-size: 16px;
    line-height: 1.82;
}

/* =========================================================
   CLINICAL LIST
   ========================================================= */

.page-biografiko .biografiko-clinical {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--bio-line);
    counter-reset: clinical-area;
}

/*
 * Κάθε θεραπευτικό πεδίο είναι μία ενιαία editorial σειρά.
 * Δεν χρησιμοποιούνται cards ή boxed panels.
 */
.page-biografiko .biografiko-clinical__area {
    position: relative;
    display: flex;
    gap: 32px;
    align-items: flex-start;
    min-width: 0;
    padding: 38px 0 40px;
    border-bottom: 1px solid var(--bio-line);
    counter-increment: clinical-area;
    transition:
        border-color .25s ease,
        transform .25s ease;
}

/* Αυτόματη αρίθμηση 01, 02, 03... */
.page-biografiko .biografiko-clinical__area::before {
    flex: 0 0 46px;
    padding-top: 4px;
    color: rgb(110 79 179 / 50%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1;
    content: counter(clinical-area, decimal-leading-zero);
    transition:
        color .25s ease,
        transform .25s ease;
}

/* =========================================================
   MAIN HEADING AND DESCRIPTION
   ========================================================= */

.page-biografiko .biografiko-clinical__heading {
    flex: 1 1 410px;
    min-width: 0;
}

.page-biografiko .biografiko-clinical__audience {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    margin: 0 0 12px;
    color: var(--bio-accent-dark);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-clinical__audience::before {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bio-accent);
    box-shadow: 0 0 0 4px rgb(79 146 131 / 10%);
    content: "";
}

.page-biografiko .biografiko-clinical__heading h3 {
    max-width: 570px;
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -.012em;
    line-height: 1.32;
    transition: color .25s ease;
}

.page-biografiko .biografiko-clinical__description {
    max-width: 590px;
    margin: 16px 0 0;
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.78;
}

/* =========================================================
   SUPPORT ITEMS
   ========================================================= */

.page-biografiko .biografiko-clinical__items {
    display: flex;
    flex: 0 1 320px;
    flex-wrap: wrap;
    gap: 10px 22px;
    align-content: flex-start;
    min-width: 250px;
    margin: 3px 0 0;
    padding: 0;
    list-style: none;
}

.page-biografiko .biografiko-clinical__items li {
    position: relative;
    flex: 1 1 135px;
    min-width: 0;
    margin: 0;
    padding: 0 0 0 18px;
    color: var(--bio-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.page-biografiko .biografiko-clinical__items li::before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 2px;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            var(--bio-accent) 0%,
            var(--bio-purple) 100%
        );
    content: "";
}

/*
 * Όταν υπάρχει μεγάλο πλήθος στοιχείων,
 * διατηρούνται ομοιόμορφες στήλες μέσω Flexbox.
 */
.page-biografiko
.biografiko-clinical__area:nth-child(3)
.biografiko-clinical__items,
.page-biografiko
.biografiko-clinical__area:nth-child(4)
.biografiko-clinical__items,
.page-biografiko
.biografiko-clinical__area:nth-child(6)
.biografiko-clinical__items {
    flex-basis: 350px;
}

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

@media (hover: hover) {
    .page-biografiko .biografiko-clinical__area:hover {
        border-bottom-color: rgb(110 79 179 / 30%);
    }

    .page-biografiko
    .biografiko-clinical__area:hover::before {
        color: var(--bio-purple);
        transform: translateX(4px);
    }

    .page-biografiko
    .biografiko-clinical__area:hover
    .biografiko-clinical__heading h3 {
        color: var(--bio-purple);
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .page-biografiko
    .biografiko-section--clinical
    > .biografiko-container {
        gap: 58px;
    }

    .page-biografiko
    .biografiko-section--clinical
    .biografiko-section__header {
        flex-basis: 300px;
    }

    .page-biografiko
    .biografiko-section--clinical
    .biografiko-title {
        font-size: 36px;
    }

    .page-biografiko .biografiko-clinical__area {
        flex-wrap: wrap;
    }

    .page-biografiko .biografiko-clinical__heading {
        flex: 1 1 0;
    }

    .page-biografiko .biografiko-clinical__items {
        flex: 1 1 100%;
        margin-left: 78px;
        padding-top: 2px;
    }

    .page-biografiko
    .biografiko-clinical__area:nth-child(3)
    .biografiko-clinical__items,
    .page-biografiko
    .biografiko-clinical__area:nth-child(4)
    .biografiko-clinical__items,
    .page-biografiko
    .biografiko-clinical__area:nth-child(6)
    .biografiko-clinical__items {
        flex-basis: 100%;
    }
}

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

@media (max-width: 767px) {
    .page-biografiko
    .biografiko-section--clinical
    > .biografiko-container {
        flex-direction: column;
        gap: 44px;
    }

    .page-biografiko
    .biografiko-section--clinical
    .biografiko-section__header {
        position: static;
        flex-basis: auto;
        width: 100%;
    }

    .page-biografiko
    .biografiko-section--clinical
    .biografiko-title {
        max-width: 600px;
        font-size: 31px;
    }

    .page-biografiko
    .biografiko-section--clinical
    .biografiko-section__intro {
        max-width: 620px;
    }

    .page-biografiko .biografiko-clinical {
        width: 100%;
    }

    .page-biografiko .biografiko-clinical__area {
        gap: 22px;
        padding: 30px 0 32px;
    }

    .page-biografiko .biografiko-clinical__area::before {
        flex-basis: 38px;
        font-size: 16px;
    }

    .page-biografiko .biografiko-clinical__heading h3 {
        font-size: 23px;
    }

    .page-biografiko .biografiko-clinical__items {
        margin-left: 60px;
    }
}

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

@media (max-width: 480px) {
    .page-biografiko .biografiko-clinical__area {
        display: block;
        padding: 28px 0 30px;
    }

    .page-biografiko .biografiko-clinical__area::before {
        display: block;
        margin-bottom: 14px;
        padding: 0;
    }

    .page-biografiko .biografiko-clinical__heading h3 {
        font-size: 21px;
        line-height: 1.38;
    }

    .page-biografiko .biografiko-clinical__audience {
        font-size: 10px;
    }

    .page-biografiko .biografiko-clinical__description {
        font-size: 14px;
        line-height: 1.75;
    }

    .page-biografiko .biografiko-clinical__items {
        display: block;
        min-width: 0;
        margin: 22px 0 0;
        padding-top: 20px;
        border-top: 1px solid var(--bio-line);
    }

    .page-biografiko .biografiko-clinical__items li {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .page-biografiko
    .biografiko-clinical__items
    li:last-child {
        margin-bottom: 0;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .page-biografiko .biografiko-clinical__area,
    .page-biografiko .biografiko-clinical__area::before,
    .page-biografiko .biografiko-clinical__heading h3 {
        transition: none;
    }
}

/* =========================================================
   1. ACADEMIC JOURNEY
   ========================================================= */

.page-biografiko .biografiko-section--academic {
    position: relative;
    background:
        linear-gradient(
            180deg,
            #f7fbf9 0%,
            #ffffff 100%
        );
}

.page-biografiko .biografiko-section--academic::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 34%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgb(110 79 179 / 32%) 100%
    );
    content: "";
    pointer-events: none;
}

.page-biografiko .biografiko-academic {
    display: flex;
    gap: 92px;
    align-items: flex-start;
}

.page-biografiko .biografiko-academic__intro {
    position: sticky;
    top: 120px;
    flex: 0 0 340px;
    min-width: 0;
}

.page-biografiko
.biografiko-academic__intro
.biografiko-title {
    max-width: 340px;
    font-size: 42px;
    line-height: 1.16;
}

.page-biografiko .biografiko-academic__lead {
    max-width: 330px;
    margin: 24px 0 0;
    color: var(--bio-muted);
    font-size: 16px;
    line-height: 1.8;
}

.page-biografiko .biografiko-academic__summary {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid var(--bio-line);
}

.page-biografiko .biografiko-academic__summary-line {
    flex: 0 0 34px;
    width: 34px;
    height: 2px;
    margin-top: 9px;
    background: linear-gradient(
        90deg,
        var(--bio-accent) 0%,
        var(--bio-purple) 100%
    );
}

.page-biografiko .biografiko-academic__summary p {
    max-width: 210px;
    margin: 0;
    color: var(--bio-accent-dark);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.65;
}

.page-biografiko .biografiko-academic__body {
    flex: 1 1 0;
    min-width: 0;
}

.page-biografiko .biografiko-academic__list {
    max-width: 720px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-biografiko .biografiko-academic__item {
    position: relative;
    display: flex;
    gap: 28px;
    align-items: stretch;
    min-width: 0;
}

.page-biografiko .biografiko-academic__rail {
    position: relative;
    flex: 0 0 52px;
    width: 52px;
}

.page-biografiko
.biografiko-academic__item:not(:last-child)
.biografiko-academic__rail::after {
    position: absolute;
    top: 52px;
    bottom: -1px;
    left: 25px;
    width: 1px;
    background: linear-gradient(
        180deg,
        rgb(79 146 131 / 42%) 0%,
        rgb(110 79 179 / 18%) 100%
    );
    content: "";
}

.page-biografiko .biografiko-academic__number {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgb(79 146 131 / 36%);
    border-radius: 50%;
    background: #fff;
    color: var(--bio-accent-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1;
    transition:
        border-color .25s ease,
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.page-biografiko .biografiko-academic__content {
    flex: 1 1 0;
    min-width: 0;
    padding: 4px 0 40px;
    border-bottom: 1px solid var(--bio-line);
}

.page-biografiko
.biografiko-academic__item:not(:first-child)
.biografiko-academic__content {
    padding-top: 34px;
}

.page-biografiko
.biografiko-academic__item:not(:first-child)
.biografiko-academic__number {
    margin-top: 30px;
}

.page-biografiko
.biografiko-academic__item:not(:first-child)
.biografiko-academic__rail::after {
    top: 82px;
}

.page-biografiko
.biografiko-academic__item:last-child
.biografiko-academic__content {
    padding-bottom: 4px;
    border-bottom: 0;
}

.page-biografiko .biografiko-academic__title {
    max-width: 620px;
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -.015em;
    line-height: 1.32;
    transition: color .25s ease;
}

.page-biografiko .biografiko-academic__institution {
    margin-top: 18px;
}

.page-biografiko .biografiko-academic__meta-label {
    display: block;
    margin-bottom: 6px;
    color: var(--bio-purple);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-academic__institution p {
    max-width: 580px;
    margin: 0;
    color: var(--bio-accent-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.65;
}

.page-biografiko .biografiko-academic__description {
    position: relative;
    max-width: 620px;
    margin-top: 18px;
    padding-left: 20px;
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.78;
}

.page-biografiko .biografiko-academic__description::before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 2px;
    background: linear-gradient(
        180deg,
        var(--bio-purple) 0%,
        var(--bio-accent) 100%
    );
    content: "";
}

.page-biografiko .biografiko-academic__status {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-height: 28px;
    margin: 0 0 12px;
    padding: 5px 11px;
    border: 1px solid rgb(79 146 131 / 24%);
    border-radius: 999px;
    background: rgb(79 146 131 / 8%);
    color: var(--bio-accent-dark);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-biografiko .biografiko-academic__status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bio-accent);
    box-shadow: 0 0 0 4px rgb(79 146 131 / 12%);
}

.page-biografiko
.biografiko-academic__item--current
.biografiko-academic__number {
    border-color: transparent;
    background: linear-gradient(
        135deg,
        #4f9a82 0%,
        #347d68 100%
    );
    color: #fff;
}

.page-biografiko
.biografiko-academic__item--current
.biografiko-academic__title {
    color: var(--bio-purple);
}

@media (hover: hover) {
    .page-biografiko
    .biografiko-academic__item:hover
    .biografiko-academic__number {
        border-color: var(--bio-purple);
        color: var(--bio-purple);
        transform: translateY(-2px);
    }

    .page-biografiko
    .biografiko-academic__item--current:hover
    .biografiko-academic__number {
        border-color: transparent;
        color: #fff;
    }

    .page-biografiko
    .biografiko-academic__item:hover
    .biografiko-academic__title {
        color: var(--bio-purple);
    }
}

/* =========================================================
   2. SPECIALIZATIONS
   ========================================================= */

.page-biografiko .biografiko-section--specializations {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #4f9a82 0%,
        #347d68 100%
    );
}

.page-biografiko
.biografiko-section--specializations::after {
    position: absolute;
    right: -110px;
    bottom: -190px;
    width: 420px;
    height: 420px;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.page-biografiko
.biografiko-section__header--specializations {
    position: relative;
    z-index: 1;
    max-width: 720px;
}

.page-biografiko
.biografiko-section--specializations
.biografiko-eyebrow {
    color: rgb(255 255 255 / 76%);
}

.page-biografiko
.biografiko-section--specializations
.biografiko-title {
    color: #fff;
}

.page-biografiko .biografiko-specializations {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0 52px;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgb(255 255 255 / 24%);
    list-style: none;
}

.page-biografiko .biografiko-specializations__item {
    display: flex;
    flex: 1 1 440px;
    gap: 22px;
    align-items: flex-start;
    min-width: 0;
    padding: 28px 0 30px;
    border-bottom: 1px solid rgb(255 255 255 / 24%);
}

.page-biografiko .biografiko-specializations__number {
    flex: 0 0 36px;
    padding-top: 5px;
    color: rgb(255 255 255 / 58%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1;
}

.page-biografiko .biografiko-specializations__content {
    min-width: 0;
}

.page-biografiko .biografiko-specializations__period {
    margin: 0 0 7px;
    color: rgb(255 255 255 / 72%);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-specializations h3 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.38;
}

.page-biografiko
.biografiko-specializations__institution {
    margin: 8px 0 0;
    color: rgb(255 255 255 / 86%);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
}

.page-biografiko
.biografiko-specializations__description {
    margin: 9px 0 0;
    color: rgb(255 255 255 / 74%);
    font-size: 14px;
    line-height: 1.72;
}

/* =========================================================
   3. PROFESSIONAL EXPERIENCE
   ========================================================= */

.page-biografiko .biografiko-section--career {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7faf9 100%
        );
}

.page-biografiko .biografiko-section--career::before {
    position: absolute;
    top: -220px;
    left: -260px;
    width: 520px;
    height: 520px;
    border: 1px solid rgb(79 146 131 / 10%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.page-biografiko .biografiko-section--career::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgb(110 79 179 / 32%) 100%
    );
    content: "";
    pointer-events: none;
}

.page-biografiko .biografiko-career-header {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 80px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 58px;
    padding-bottom: 36px;
    border-bottom: 1px solid var(--bio-line);
}

.page-biografiko .biografiko-career-header__title {
    flex: 1 1 520px;
    min-width: 0;
}

.page-biografiko
.biografiko-career-header__title
.biografiko-title {
    max-width: 620px;
    margin-bottom: 0;
}

.page-biografiko .biografiko-career-header__intro {
    display: flex;
    flex: 0 1 430px;
    gap: 18px;
    align-items: flex-start;
    min-width: 0;
    padding-bottom: 5px;
}

.page-biografiko .biografiko-career-header__line {
    flex: 0 0 42px;
    width: 42px;
    height: 2px;
    margin-top: 11px;
    background: linear-gradient(
        90deg,
        var(--bio-accent) 0%,
        var(--bio-purple) 100%
    );
}

.page-biografiko .biografiko-career-header__intro p {
    max-width: 360px;
    margin: 0;
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.78;
}

.page-biografiko .biografiko-career__body {
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin-left: auto;
}

.page-biografiko .biografiko-career {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-biografiko .biografiko-career__item {
    position: relative;
    display: flex;
    gap: 34px;
    align-items: stretch;
    min-width: 0;
}

.page-biografiko .biografiko-career__timeline {
    position: relative;
    flex: 0 0 72px;
    width: 72px;
}

.page-biografiko
.biografiko-career__item:not(:last-child)
.biografiko-career__timeline::after {
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 35px;
    width: 1px;
    background: linear-gradient(
        180deg,
        rgb(79 146 131 / 44%) 0%,
        rgb(110 79 179 / 18%) 100%
    );
    content: "";
}

.page-biografiko .biografiko-career__number {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid rgb(79 146 131 / 28%);
    border-radius: 50%;
    background: #fff;
    color: var(--bio-accent-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1;
    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.page-biografiko .biografiko-career__content {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    gap: 54px;
    align-items: flex-start;
    min-width: 0;
    padding: 4px 0 44px;
    border-bottom: 1px solid var(--bio-line);
}

.page-biografiko
.biografiko-career__item:not(:first-child)
.biografiko-career__content {
    padding-top: 36px;
}

.page-biografiko
.biografiko-career__item:not(:first-child)
.biografiko-career__number {
    margin-top: 32px;
}

.page-biografiko
.biografiko-career__item:not(:first-child)
.biografiko-career__timeline::after {
    top: 102px;
}

.page-biografiko
.biografiko-career__item:last-child
.biografiko-career__content {
    padding-bottom: 0;
    border-bottom: 0;
}

.page-biografiko .biografiko-career__role {
    flex: 1 1 420px;
    min-width: 0;
}

.page-biografiko .biografiko-career__institution {
    display: flex;
    flex: 0 1 330px;
    gap: 15px;
    align-items: flex-start;
    min-width: 0;
}

.page-biografiko .biografiko-career__institution-mark {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    border: 2px solid var(--bio-purple);
    border-radius: 50%;
    background: #fff;
    transition:
        border-color .25s ease,
        background-color .25s ease;
}

.page-biografiko
.biografiko-career__institution-content {
    min-width: 0;
}

.page-biografiko .biografiko-career__label {
    display: block;
    margin-bottom: 8px;
    color: var(--bio-purple);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-career__period {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin: 0 0 13px;
    padding: 5px 11px;
    border: 1px solid rgb(79 146 131 / 22%);
    border-radius: 999px;
    background: rgb(79 146 131 / 8%);
    color: var(--bio-accent-dark);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-biografiko .biografiko-career__title {
    max-width: 500px;
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -.012em;
    line-height: 1.35;
    transition: color .25s ease;
}

.page-biografiko
.biografiko-career__institution-content
p {
    margin: 0;
    color: var(--bio-accent-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

.page-biografiko .biografiko-career__description {
    flex: 1 1 100%;
    width: 100%;
    margin-top: 18px;
    padding-left: 18px;
    border-left: 2px solid rgb(110 79 179 / 32%);
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.78;
}

@media (hover: hover) {
    .page-biografiko
    .biografiko-career__item:hover
    .biografiko-career__number {
        border-color: transparent;
        background: linear-gradient(
            135deg,
            #4f9a82 0%,
            #347d68 100%
        );
        color: #fff;
        transform: translateY(-3px);
    }

    .page-biografiko
    .biografiko-career__item:hover
    .biografiko-career__title {
        color: var(--bio-purple);
    }

    .page-biografiko
    .biografiko-career__item:hover
    .biografiko-career__institution-mark {
        border-color: var(--bio-accent);
        background: var(--bio-accent);
    }
}

/* =========================================================
   4. RESEARCH
   ========================================================= */

.page-biografiko .biografiko-section--research {
    background: #f8f5fc;
}

.page-biografiko .biografiko-section__header--research {
    max-width: 820px;
    margin-bottom: 30px;
}

.page-biografiko .biografiko-research {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgb(110 79 179 / 22%);
    list-style: none;
}

.page-biografiko .biografiko-research__item {
    display: flex;
    gap: 34px;
    align-items: flex-start;
    padding: 38px 0 40px;
    border-bottom: 1px solid rgb(110 79 179 / 22%);
}

.page-biografiko
.biografiko-research__item:nth-child(even) {
    padding-left: 12%;
}

.page-biografiko .biografiko-research__number {
    flex: 0 0 68px;
    color: rgb(110 79 179 / 38%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    line-height: 1;
}

.page-biografiko .biografiko-research__article {
    max-width: 800px;
    min-width: 0;
}

.page-biografiko .biografiko-research__period {
    margin: 0 0 8px;
    color: var(--bio-purple);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.5;
    text-transform: uppercase;
}

.page-biografiko .biografiko-research h3 {
    margin: 0;
    color: var(--bio-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.34;
}

.page-biografiko .biografiko-research__institution {
    margin: 9px 0 0;
    color: var(--bio-purple);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.65;
}

.page-biografiko .biografiko-research__description {
    max-width: 760px;
    margin: 11px 0 0;
    color: var(--bio-muted);
    font-size: 15px;
    line-height: 1.78;
}

/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 991px) {
    .page-biografiko .biografiko-intro,
    .page-biografiko .biografiko-section,
    .page-biografiko .biografiko-ethics,
    .page-biografiko .biografiko-closing {
        padding: 72px 0;
    }

    .page-biografiko .biografiko-title {
        font-size: 34px;
    }

    .page-biografiko .biografiko-intro__inner {
        gap: 52px;
    }

    .page-biografiko .biografiko-academic {
        gap: 58px;
    }

    .page-biografiko .biografiko-academic__intro {
        flex-basis: 280px;
    }

    .page-biografiko
    .biografiko-academic__intro
    .biografiko-title {
        font-size: 36px;
    }

    .page-biografiko .biografiko-academic__title {
        font-size: 24px;
    }

    .page-biografiko .biografiko-career-header {
        gap: 48px;
    }

    .page-biografiko .biografiko-career__body {
        max-width: none;
    }

    .page-biografiko .biografiko-career__content {
        gap: 36px;
    }

    .page-biografiko .biografiko-career__role {
        flex-basis: 360px;
    }

    .page-biografiko .biografiko-career__institution {
        flex-basis: 280px;
    }

    .page-biografiko .biografiko-career__title {
        font-size: 23px;
    }

    .page-biografiko
    .biografiko-research__item:nth-child(even) {
        padding-left: 7%;
    }
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 767px) {
    .page-biografiko .biografiko-container {
        width: calc(100% - 2.5rem);
    }

    .page-biografiko .biografiko-intro,
    .page-biografiko .biografiko-section,
    .page-biografiko .biografiko-ethics,
    .page-biografiko .biografiko-closing {
        padding: 56px 0;
    }

    .page-biografiko .biografiko-intro__inner {
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
    }

    .page-biografiko .biografiko-intro__media {
        width: 100%;
        max-width: 430px;
    }

    .page-biografiko .biografiko-title {
        font-size: 30px;
    }

    .page-biografiko .biografiko-section__header {
        margin-bottom: 34px;
    }

    .page-biografiko .biografiko-academic {
        flex-direction: column;
        gap: 44px;
    }

    .page-biografiko .biografiko-academic__intro {
        position: static;
        flex-basis: auto;
        width: 100%;
    }

    .page-biografiko
    .biografiko-academic__intro
    .biografiko-title {
        max-width: 580px;
        font-size: 31px;
    }

    .page-biografiko .biografiko-academic__lead {
        max-width: 620px;
    }

    .page-biografiko .biografiko-academic__summary {
        max-width: 420px;
    }

    .page-biografiko .biografiko-academic__body,
    .page-biografiko .biografiko-academic__list {
        width: 100%;
        max-width: none;
    }

    .page-biografiko .biografiko-specializations {
        gap: 0;
    }

    .page-biografiko
    .biografiko-specializations__item {
        flex-basis: 100%;
    }

    .page-biografiko .biografiko-career-header {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        margin-bottom: 44px;
    }

    .page-biografiko .biografiko-career-header__title,
    .page-biografiko .biografiko-career-header__intro {
        flex-basis: auto;
        width: 100%;
    }

    .page-biografiko .biografiko-career-header__intro {
        max-width: 620px;
    }

    .page-biografiko .biografiko-career-header__intro p {
        max-width: none;
    }

    .page-biografiko .biografiko-career__item {
        gap: 22px;
    }

    .page-biografiko .biografiko-career__timeline {
        flex-basis: 54px;
        width: 54px;
    }

    .page-biografiko .biografiko-career__number {
        width: 54px;
        height: 54px;
        font-size: 15px;
    }

    .page-biografiko
    .biografiko-career__item:not(:last-child)
    .biografiko-career__timeline::after {
        top: 54px;
        left: 26px;
    }

    .page-biografiko .biografiko-career__content {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        padding-bottom: 34px;
    }

    .page-biografiko
    .biografiko-career__item:not(:first-child)
    .biografiko-career__content {
        padding-top: 30px;
    }

    .page-biografiko
    .biografiko-career__item:not(:first-child)
    .biografiko-career__number {
        margin-top: 26px;
    }

    .page-biografiko
    .biografiko-career__item:not(:first-child)
    .biografiko-career__timeline::after {
        top: 80px;
    }

    .page-biografiko .biografiko-career__role,
    .page-biografiko .biografiko-career__institution {
        flex-basis: auto;
        width: 100%;
    }

    .page-biografiko .biografiko-career__title {
        max-width: none;
    }

    .page-biografiko .biografiko-research__item,
    .page-biografiko
    .biografiko-research__item:nth-child(even) {
        gap: 22px;
        padding: 30px 0 32px;
    }

    .page-biografiko .biografiko-research__number {
        flex-basis: 48px;
        font-size: 30px;
    }
}

/* =========================================================
   RESPONSIVE — SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
    .page-biografiko .biografiko-container {
        width: calc(100% - 2rem);
    }

    .page-biografiko .biografiko-title {
        font-size: 27px;
    }

    .page-biografiko .biografiko-timeline-item {
        gap: 20px;
        padding-bottom: 28px;
    }

    .page-biografiko .biografiko-timeline h3,
    .page-biografiko .biografiko-credentials h3 {
        font-size: 21px;
    }

    .page-biografiko
    .biografiko-continuing__group
    summary {
        gap: 16px;
        font-size: 16px;
    }

    .page-biografiko .biografiko-action {
        width: 100%;
    }

    .page-biografiko .biografiko-academic__item {
        gap: 18px;
    }

    .page-biografiko .biografiko-academic__rail {
        flex-basis: 42px;
        width: 42px;
    }

    .page-biografiko .biografiko-academic__number {
        width: 42px;
        height: 42px;
        font-size: 13px;
    }

    .page-biografiko
    .biografiko-academic__item:not(:last-child)
    .biografiko-academic__rail::after {
        top: 42px;
        left: 20px;
    }

    .page-biografiko
    .biografiko-academic__item:not(:first-child)
    .biografiko-academic__number {
        margin-top: 26px;
    }

    .page-biografiko
    .biografiko-academic__item:not(:first-child)
    .biografiko-academic__rail::after {
        top: 68px;
    }

    .page-biografiko .biografiko-academic__content {
        padding-bottom: 32px;
    }

    .page-biografiko
    .biografiko-academic__item:not(:first-child)
    .biografiko-academic__content {
        padding-top: 28px;
    }

    .page-biografiko .biografiko-academic__title {
        font-size: 21px;
        line-height: 1.38;
    }

    .page-biografiko .biografiko-academic__institution p,
    .page-biografiko .biografiko-academic__description {
        font-size: 14px;
    }

    .page-biografiko .biografiko-academic__description {
        padding-left: 16px;
    }

    .page-biografiko .biografiko-specializations h3,
    .page-biografiko .biografiko-research h3 {
        font-size: 20px;
    }

    .page-biografiko .biografiko-career-header__intro {
        gap: 13px;
    }

    .page-biografiko .biografiko-career-header__line {
        flex-basis: 28px;
        width: 28px;
    }

    .page-biografiko .biografiko-career__item {
        gap: 16px;
    }

    .page-biografiko .biografiko-career__timeline {
        flex-basis: 44px;
        width: 44px;
    }

    .page-biografiko .biografiko-career__number {
        width: 44px;
        height: 44px;
        font-size: 13px;
    }

    .page-biografiko
    .biografiko-career__item:not(:last-child)
    .biografiko-career__timeline::after {
        top: 44px;
        left: 21px;
    }

    .page-biografiko
    .biografiko-career__item:not(:first-child)
    .biografiko-career__number {
        margin-top: 24px;
    }

    .page-biografiko
    .biografiko-career__item:not(:first-child)
    .biografiko-career__timeline::after {
        top: 68px;
    }

    .page-biografiko .biografiko-career__title {
        font-size: 21px;
        line-height: 1.4;
    }

    .page-biografiko
    .biografiko-career__institution-content
    p {
        font-size: 14px;
    }

    .page-biografiko .biografiko-career__description {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    .page-biografiko .biografiko-title {
        font-size: 25px;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .page-biografiko *,
    .page-biografiko *::before,
    .page-biografiko *::after {
        scroll-behavior: auto;
        transition-duration: .01ms;
        animation-duration: .01ms;
        animation-iteration-count: 1;
    }
}