.collaborators-hero__grid {
    min-height: 650px;
}

.collaborators-hero h1 span {
    display: inline;
}

.collaborators-hero__duty {
    max-width: 540px;
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 13px 32px rgba(16, 38, 80, .08);
    backdrop-filter: blur(8px);
    scroll-margin-top: 120px;
}

.collaborators-hero__duty.collaborators-shell {
    position: relative;
    z-index: 5;
    width: min(900px, calc(100% - 2rem));
    max-width: 900px;
    margin: -30px auto 3rem;
    padding: 1.35rem;
}

.collaborators-hero__duty.collaborators-shell > header {
    margin-bottom: 1rem;
}

.collaborators-hero__duty.collaborators-shell > header > span {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    font-size: 1.4rem;
}

.collaborators-hero__duty.collaborators-shell > header strong {
    font-size: 1.2rem;
}

.collaborators-hero__duty.collaborators-shell > header small {
    font-size: .82rem;
}

.collaborators-hero__duty.collaborators-shell button {
    grid-template-columns: 58px minmax(0, 1fr) 28px;
    gap: .9rem;
    min-height: 82px;
    padding: .85rem;
}

.collaborators-hero__duty.collaborators-shell button img {
    width: 58px;
    height: 58px;
}

.collaborators-hero__duty.collaborators-shell button strong {
    font-size: 1.08rem;
    line-height: 1.3;
}

.collaborators-hero__duty.collaborators-shell button small {
    margin-top: .25rem;
    font-size: .88rem;
    line-height: 1.4;
}

.collaborators-hero__duty > header {
    display: flex;
    gap: .7rem;
    align-items: center;
    margin-bottom: .65rem;
}

.collaborators-hero__duty > header > span {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, var(--col-orange), var(--col-yellow));
    font-size: 1.1rem;
    place-items: center;
}

.collaborators-hero__duty strong,
.collaborators-hero__duty small {
    display: block;
}

.collaborators-hero__duty > header strong {
    font-size: .86rem;
}

.collaborators-hero__duty > header small {
    margin-top: .1rem;
    color: var(--col-muted);
    font-size: .67rem;
}

.collaborators-hero__duty > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.collaborators-hero__duty button {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: .6rem;
    min-width: 0;
    padding: .55rem;
    align-items: center;
    border: 1px solid var(--col-line);
    border-radius: .8rem;
    color: var(--col-ink);
    background: rgba(255, 255, 255, .88);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .25s, box-shadow .25s, transform .25s;
}

.collaborators-hero__duty button:hover {
    border-color: rgba(7, 134, 79, .3);
    box-shadow: 0 9px 22px rgba(16, 38, 80, .1);
    transform: translateY(-2px);
}

.collaborators-hero__duty button img {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    object-fit: cover;
}

.collaborators-hero__duty button strong {
    overflow: hidden;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collaborators-hero__duty button small {
    margin-top: .12rem;
    color: var(--col-muted);
    font-size: .62rem;
}

.collaborators-hero__duty button i {
    color: var(--col-green);
    font-size: 1rem;
    font-style: normal;
    transition: transform .25s;
}

.collaborators-hero__duty button:hover i {
    transform: translateX(3px);
}

.collaborators-hero__duty > div > p {
    grid-column: 1 / -1;
    margin: 0;
    padding: .7rem;
    color: var(--col-muted);
    font-size: .72rem;
}

@media (min-width: 901px) {
    .collaborators-hero h1 {
        font-size: clamp(2.8rem, 4.35vw, 4.15rem);
    }
}

@media (max-width: 900px) {
    .collaborators-hero__grid {
        min-height: auto;
    }

    .collaborators-hero__duty {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .collaborators-hero__duty > div {
        grid-template-columns: 1fr;
    }
}

.collaborator-modal__profile-link {
    display: flex;
    gap: 1rem;
    min-height: 64px;
    margin-top: 1rem;
    padding: .75rem .8rem .75rem 1rem;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(105deg, var(--col-green), #0a9370 48%, var(--col-blue));
    box-shadow: 0 12px 28px rgba(7, 134, 79, .2);
    text-decoration: none;
    transition: box-shadow .25s, transform .25s;
}

.collaborator-modal__profile-link strong,
.collaborator-modal__profile-link small {
    display: block;
}

.collaborator-modal__profile-link strong { color: #fff; font-size: .86rem; }
.collaborator-modal__profile-link small { margin-top: .15rem; color: rgba(255, 255, 255, .78); font-size: .68rem; }
.collaborator-modal__profile-link i { display: grid; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 13px; color: var(--col-ink); background: var(--col-yellow); font-size: 1.15rem; font-style: normal; place-items: center; transition: transform .25s, rotate .25s; }
.collaborator-modal__profile-link:hover,
.collaborator-modal__profile-link:focus-visible { color: #fff; box-shadow: 0 17px 36px rgba(16, 38, 80, .24); transform: translateY(-2px); }
.collaborator-modal__profile-link:hover i,
.collaborator-modal__profile-link:focus-visible i { transform: translateX(3px); rotate: -45deg; }

.collaborator-detail-page { min-height: 100vh; color: var(--col-ink); background: linear-gradient(145deg, #f5faf8, #f4f8ff 55%, #fff9e9); }
.collaborator-detail { display: grid; position: relative; z-index: 3; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 1.25rem; margin-top: -34px; padding-bottom: clamp(4rem, 8vw, 7rem); align-items: start; }
.collaborator-detail__biography,
.collaborator-detail__schedule { border: 1px solid rgba(16, 38, 80, .1); border-radius: 1.5rem; background: rgba(255, 255, 255, .96); box-shadow: 0 22px 60px rgba(16, 38, 80, .1); }
.collaborator-detail__biography { overflow: hidden; }
.collaborator-detail__identity { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 1.4rem; padding: 1.5rem; align-items: center; background: linear-gradient(110deg, rgba(231, 247, 239, .95), rgba(239, 247, 255, .95)); }
.collaborator-detail__identity img { display: block; width: 150px; height: 170px; border: 6px solid #fff; border-radius: 1.2rem; object-fit: cover; box-shadow: 0 14px 30px rgba(16, 38, 80, .16); }
.collaborator-detail__identity h1 { margin: .35rem 0 .55rem; color: var(--col-ink); font: 800 clamp(2rem, 4vw, 3.4rem)/1.06 'Manrope'; letter-spacing: -.045em; }
.collaborator-detail__identity div>span { display: inline-flex; padding: .5rem .8rem; border-radius: 999px; color: #087052; background: #fff; font-size: .82rem; font-weight: 800; box-shadow: 0 6px 18px rgba(16, 38, 80, .08); }
.collaborator-detail__text { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 1rem; padding: clamp(1.5rem, 4vw, 2.5rem); }
.collaborator-detail__text>span { color: var(--col-yellow); font: 800 4.8rem/1 'Manrope'; }
.collaborator-detail__text h2 { margin: 0 0 .8rem; color: var(--col-ink); font: 800 clamp(1.35rem, 2.4vw, 1.8rem) 'Manrope'; }
.collaborator-detail__text p { margin: 0; color: var(--col-muted); font-size: 1rem; line-height: 1.85; }
.collaborator-detail__schedule { position: sticky; top: 112px; padding: 1.35rem; overflow: hidden; }
.collaborator-detail__schedule::before { display: block; height: 6px; margin: -1.35rem -1.35rem 1.25rem; background: linear-gradient(90deg, var(--col-green), var(--col-yellow), var(--col-orange), var(--col-blue)); content: ""; }
.collaborator-detail__schedule header { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: .8rem; align-items: center; }
.collaborator-detail__schedule header>span { display: grid; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: linear-gradient(145deg, var(--col-green), var(--col-blue)); font-size: 1.45rem; place-items: center; }
.collaborator-detail__schedule h2 { margin: .2rem 0 0; color: var(--col-ink); font: 800 1.3rem 'Manrope'; }
.collaborator-detail__schedule ul { display: grid; gap: .65rem; margin: 1.25rem 0; padding: 0; list-style: none; }
.collaborator-detail__schedule li { display: grid; grid-template-columns: 1fr auto; gap: .8rem; padding: .9rem; align-items: center; border: 1px solid rgba(16, 38, 80, .08); border-radius: .9rem; background: #f7fafc; }
.collaborator-detail__schedule li>span:last-child { text-align: right; }
.collaborator-detail__schedule li small,
.collaborator-detail__schedule li strong { display: block; }
.collaborator-detail__schedule li small { margin-bottom: .2rem; color: #7a8798; font-size: .65rem; }
.collaborator-detail__schedule li strong { color: var(--col-ink); font-size: .82rem; }
.collaborator-detail__schedule li>span:last-child strong { color: var(--col-blue); }
.collaborator-detail__schedule .collaborator-detail__empty { display: flex; align-items: flex-start; flex-direction: column; color: var(--col-muted); }
.collaborator-detail__notice { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: .65rem; margin: 0 0 1rem; padding: .75rem; align-items: center; border-radius: .8rem; color: #5d6a7d; background: #fff8e7; font-size: .72rem; line-height: 1.5; }
.collaborator-detail__notice span { display: grid; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--col-orange); font-weight: 800; place-items: center; }
.collaborator-detail__back { display: flex; min-height: 48px; gap: .65rem; align-items: center; justify-content: center; border: 1px solid rgba(7, 134, 79, .22); border-radius: .85rem; color: var(--col-green); background: #f0faf5; font-size: .78rem; font-weight: 800; text-decoration: none; transition: background .25s, transform .25s; }
.collaborator-detail__back:hover,
.collaborator-detail__back:focus-visible { color: #fff; background: var(--col-green); transform: translateY(-2px); }

@media (max-width: 900px) {
    .collaborator-detail { grid-template-columns: 1fr; margin-top: -20px; }
    .collaborator-detail__schedule { position: static; }
}

@media (max-width: 560px) {
    .collaborator-modal__profile-link { align-items: stretch; }
    .collaborator-detail { width: min(100% - 24px, 1180px); }
    .collaborator-detail__identity { grid-template-columns: 92px minmax(0, 1fr); gap: 1rem; padding: 1rem; }
    .collaborator-detail__identity img { width: 92px; height: 112px; border-width: 4px; }
    .collaborator-detail__identity h1 { font-size: clamp(1.55rem, 8vw, 2.15rem); }
    .collaborator-detail__identity div>span { padding: .4rem .6rem; font-size: .68rem; }
    .collaborator-detail__text { grid-template-columns: 1fr; padding: 1.25rem; }
    .collaborator-detail__text>span { height: 38px; font-size: 3.5rem; }
    .collaborator-detail__text p { font-size: .9rem; line-height: 1.72; }
    .collaborator-detail__schedule { padding: 1rem; }
    .collaborator-detail__schedule::before { margin: -1rem -1rem 1rem; }
    .collaborator-detail__schedule li { grid-template-columns: 1fr; }
    .collaborator-detail__schedule li>span:last-child { text-align: left; }
}