.contributors-page{--tone-blue: #2e6be6;--tone-blue-bg: #e6eefc;--tone-green: #1f9d5c;--tone-green-bg: #def3e7;--tone-amber: #dd8a0b;--tone-amber-bg: #fcecd0;--tone-purple: #7a5af0;--tone-purple-bg: #ece8fd;--tone-pink: #e75c88;--tone-pink-bg: #fde8ef}:root[data-theme=dark] .contributors-page{--tone-blue: #7ea7f9;--tone-blue-bg: #1e2c4c;--tone-green: #5fd39a;--tone-green-bg: #14352a;--tone-amber: #ecc06a;--tone-amber-bg: #382b10;--tone-purple: #ab97f7;--tone-purple-bg: #292145;--tone-pink: #f397b4;--tone-pink-bg: #3c1f2b}@media(prefers-color-scheme:dark){:root:not([data-theme]) .contributors-page{--tone-blue: #7ea7f9;--tone-blue-bg: #1e2c4c;--tone-green: #5fd39a;--tone-green-bg: #14352a;--tone-amber: #ecc06a;--tone-amber-bg: #382b10;--tone-purple: #ab97f7;--tone-purple-bg: #292145;--tone-pink: #f397b4;--tone-pink-bg: #3c1f2b}}.contributor-card--blue{--member-tone: var(--tone-blue);--member-tone-bg: var(--tone-blue-bg)}.contributor-card--green{--member-tone: var(--tone-green);--member-tone-bg: var(--tone-green-bg)}.contributor-card--amber{--member-tone: var(--tone-amber);--member-tone-bg: var(--tone-amber-bg)}.contributor-card--purple{--member-tone: var(--tone-purple);--member-tone-bg: var(--tone-purple-bg)}.contributor-card--pink{--member-tone: var(--tone-pink);--member-tone-bg: var(--tone-pink-bg)}.contributor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.contributor-card{display:flex;min-width:0;flex-direction:column;padding:1.4rem 1.5rem;border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.contributor-card__head{display:flex;align-items:center;gap:.9rem}.contributor-card__avatar{display:inline-flex;width:3rem;height:3rem;flex:none;align-items:center;justify-content:center;border-radius:50%;background:var(--member-tone-bg, var(--teal-soft));color:var(--member-tone, var(--teal));font-size:1.2rem;font-weight:800}.contributor-card__name{margin:0;color:var(--ink);font-size:1.05rem;font-weight:800}.contributor-card__name a{color:inherit;text-decoration:none}.contributor-card__name a:hover{color:var(--teal)}.contributor-card__focus{margin:.2rem 0 0;color:var(--ink-3);font-size:.78rem}.contributor-card__count{margin-left:auto;padding:.3rem .7rem;border-radius:999px;background:var(--member-tone-bg, var(--teal-soft));color:var(--member-tone, var(--teal));font-size:.72rem;font-weight:700;white-space:nowrap}.contributor-card__intro{margin:.9rem 0 0;color:var(--ink-2);font-size:.85rem;line-height:1.75}.contributor-card__works{display:grid;gap:.45rem;margin:.9rem 0 0;padding:.9rem 0 0;border-top:1px solid var(--rule);list-style:none}.contributor-card__works a{display:block;overflow:hidden;color:var(--ink-2);font-size:.8rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.contributor-card__works a:hover{color:var(--teal)}.contributor-join{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin-top:2.5rem;padding:clamp(1.4rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--teal) 22%,var(--rule));border-radius:var(--radius-card);background:color-mix(in srgb,var(--teal-soft) 40%,var(--surface))}.contributor-join h2{margin:0;color:var(--ink);font-family:var(--font-heading);font-size:1.25rem;font-weight:800}.contributor-join p{max-width:34rem;margin:.6rem 0 0;color:var(--ink-2);font-size:.9rem;line-height:1.8}.contributor-join__actions{display:flex;flex:none;flex-wrap:wrap;gap:.75rem}.contributor-join__primary,.contributor-join__secondary{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:0 1.3rem;border-radius:.75rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:filter .15s ease,background .15s ease}.contributor-join__primary{background:var(--teal);color:#fff}.contributor-join__primary:hover{filter:brightness(1.08)}.contributor-join__secondary{border:1px solid color-mix(in srgb,var(--teal) 40%,var(--rule));background:var(--surface);color:var(--teal)}.contributor-join__secondary:hover{background:var(--teal-soft)}@media(max-width:64rem){.contributor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.contributor-grid{grid-template-columns:minmax(0,1fr)}}