.cn-team-browser { display: grid; gap: 1rem; }
.cn-team-toolbar { display: grid; grid-template-columns: minmax(16rem, 1.5fr) repeat(4, minmax(8.25rem, 1fr)) auto; gap: .65rem; align-items: center; }
.cn-team-toolbar input,
.cn-team-toolbar select,
.cn-team-reset { width: 100%; min-height: 2.75rem; border: 1px solid var(--line); border-radius: .3rem; background: rgba(255,255,255,.68); color: #34423e; font: inherit; font-size: .74rem; }
.cn-team-toolbar input { padding: 0 .85rem; }
.cn-team-toolbar select { padding: 0 .65rem; }
.cn-team-reset { width: auto; padding: 0 .9rem; cursor: pointer; font-weight: 800; }
.cn-team-reset:hover { border-color: var(--red); color: var(--red); }
.cn-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.cn-team-card { display: flex; min-width: 0; min-height: 12.6rem; flex-direction: column; gap: .65rem; padding: 1rem; border: 1px solid var(--line); border-top: 3px solid #7f6c4b; border-radius: .35rem; background: rgba(255,253,247,.66); box-shadow: 0 8px 24px rgba(55,52,43,.04); cursor: pointer; }
.cn-team-card[hidden] { display: none !important; }
.cn-team-card:hover { border-color: rgba(148,53,47,.45); transform: translateY(-1px); }
.cn-team-card-top { display: flex; align-items: center; justify-content: space-between; color: #8a7861; font-size: .68rem; }
.cn-team-tier { display: inline-flex; align-items: center; justify-content: center; min-width: 2.8rem; padding: .22rem .5rem; border-radius: 999px; background: #8e332e; color: #fff; font-weight: 900; letter-spacing: .02em; }
.cn-team-card[data-tier="T0.5"] .cn-team-tier { background: #b35c38; }
.cn-team-card[data-tier="T1"] .cn-team-tier { background: #756843; }
.cn-team-card[data-tier="T1.5"] .cn-team-tier { background: #69714c; }
.cn-team-card[data-tier="T2"] .cn-team-tier,
.cn-team-card[data-tier="T3"] .cn-team-tier { background: #66716d; }
.cn-team-card-title { color: #293c37; font-family: var(--serif); font-size: 1.05rem; font-weight: 900; line-height: 1.35; text-decoration: none; }
.cn-team-card-title:hover { color: var(--red); }
.cn-team-card-meta { margin: 0; color: #776f61; font-size: .7rem; line-height: 1.75; }
.cn-team-members { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; }
.cn-team-card-avatar { display: grid; overflow: hidden; width: 2.35rem; height: 2.35rem; flex: 0 0 2.35rem; place-items: center; border: 1px solid rgba(96,105,97,.22); border-radius: 50%; background: rgba(255,255,255,.7); color: #8e332e; font-family: var(--serif); font-size: .82rem; font-weight: 900; text-decoration: none; }
.cn-team-card-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cn-team-card-avatar.is-placeholder { background: linear-gradient(135deg, rgba(142,51,46,.14), rgba(127,108,75,.12)); }
.cn-team-card-avatar:hover { border-color: rgba(142,51,46,.58); transform: translateY(-1px); }
.cn-team-detail { display: grid; gap: 1rem; }
.cn-team-detail-head { padding: 1.4rem; border-top: 4px solid #8e332e; background: linear-gradient(135deg, rgba(255,252,244,.9), rgba(239,233,217,.72)); }
.cn-team-detail-head > div { display: flex; align-items: center; gap: .6rem; color: #806f57; font-size: .72rem; }
.cn-team-detail-head h1 { margin: .7rem 0 .35rem; color: #293c37; font-family: var(--serif); font-size: clamp(1.75rem, 4vw, 2.7rem); }
.cn-team-detail-head p { max-width: 62rem; margin: 0; color: #5d6864; font-size: .82rem; line-height: 1.85; }
.cn-team-facts { display: grid; grid-template-columns: 2fr 1fr 1fr; border-block: 1px solid var(--line); }
.cn-team-facts div { display: grid; gap: .25rem; padding: .85rem 1rem; border-left: 1px solid var(--line); }
.cn-team-facts div:first-child { border-left: 0; }
.cn-team-facts span { color: #887d6b; font-size: .62rem; }
.cn-team-facts strong { color: #34423e; font-size: .8rem; }
.cn-team-member-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.cn-team-member-card { overflow: hidden; border: 1px solid var(--line); border-radius: .35rem; background: rgba(255,253,247,.62); }
.cn-team-member-card header { display: flex; align-items: center; gap: .8rem; padding: .9rem 1rem; border-bottom: 1px solid var(--line); background: rgba(233,228,214,.42); }
.cn-team-member-portrait { display: grid; overflow: hidden; width: 4rem; height: 4rem; flex: 0 0 4rem; place-items: center; border: 1px solid rgba(111,99,79,.2); border-radius: .45rem; background: rgba(255,253,247,.8); color: #8e332e; font-family: var(--serif); font-size: 1.35rem; font-weight: 900; text-decoration: none; }
.cn-team-member-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cn-team-member-portrait.is-placeholder { background: linear-gradient(135deg, rgba(142,51,46,.14), rgba(127,108,75,.12)); }
.cn-team-member-identity { min-width: 0; }
.cn-team-member-role { color: #887d6b; font-size: .62rem; }
.cn-team-member-card h2 { margin: .25rem 0 0; font-family: var(--serif); font-size: 1.15rem; }
.cn-team-member-card h2 a { color: #334943; text-decoration: none; }
.cn-team-member-card h2 a:hover { color: var(--red); }
.cn-team-member-card dl { margin: 0; }
.cn-team-member-row { display: grid; grid-template-columns: 4rem 1fr; padding: .72rem .85rem; border-top: 1px solid rgba(151,143,126,.16); }
.cn-team-member-row:first-child { border-top: 0; }
.cn-team-member-row dt { color: #8a806f; font-size: .64rem; }
.cn-team-member-row dd { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; color: #3e4e49; font-size: .72rem; font-weight: 700; }
.cn-team-member-row dd > a,
.cn-team-member-row dd > span { color: inherit; text-decoration: none; }
.cn-team-member-row dd > a:hover { color: var(--red); }
.cn-team-member-row small { margin-left: .25rem; color: #9a3c35; font-size: .55rem; }
.cn-team-missing { color: #998f7d !important; font-weight: 500; }
.cn-team-notes { padding: 1rem 1.1rem; border: 1px solid var(--line); background: rgba(255,253,247,.58); }
.cn-team-notes h2 { margin: 0 0 .8rem; color: #34423e; font-family: var(--serif); font-size: 1rem; }
.cn-team-notes div + div { margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--line); }
.cn-team-notes h3 { margin: 0; color: #6f634f; font-size: .72rem; }
.cn-team-notes p { margin: .35rem 0 0; color: #5d6864; font-size: .75rem; line-height: 1.8; }

@media (max-width: 1080px) {
    .cn-team-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cn-team-search { grid-column: span 2; }
    .cn-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .cn-team-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cn-team-search { grid-column: 1 / -1; }
    .cn-team-reset { width: 100%; }
    .cn-team-grid,
    .cn-team-member-grid { grid-template-columns: 1fr; }
    .cn-team-facts { grid-template-columns: 1fr; }
    .cn-team-facts div { border-top: 1px solid var(--line); border-left: 0; }
    .cn-team-facts div:first-child { border-top: 0; }
}