.team-guide-page { overflow: hidden; }
.team-guide-page .section { padding-block: var(--section-space); }
.team-guide-page .card { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.team-guide-page .card > * { min-width: 0; }
.team-guide-page .card h3, .team-guide-page .card p, .team-guide-page .card a { margin: 0; }
.team-guide-page .eyebrow { margin: 0; }

.team-guide-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: center; }
.team-guide-hero__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.team-guide-hero__copy h1, .team-guide-hero__copy p { margin: 0; }
.team-guide-hero__copy h1 { max-width: 35rem; }
.team-guide-hero__copy h1 span { color: var(--color-emerald); }
.team-guide-hero__copy p { max-width: 35rem; color: var(--color-muted-ink); font-size: var(--text-lg); }
.team-guide-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.team-guide-hero__actions > * { min-width: 0; }
.team-guide-hero__media { width: 100%; aspect-ratio: 16 / 10; }
.team-guide-hero__media img { object-position: center; }

.team-roles__intro { display: flex; max-width: 42.5rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-bottom: var(--space-8); }
.team-roles__intro h2, .team-roles__intro p { margin: 0; }
.team-roles__intro p { color: var(--color-muted-ink); }
.team-roles__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.team-roles__grid > * { min-width: 0; width: 100%; }
.team-role-card__top { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-3); }
.team-role-card__icon { display: inline-grid; width: 2.25rem; min-width: 2.25rem; height: 2.25rem; place-items: center; border-radius: var(--radius-md); background: var(--color-emerald-wash); color: var(--color-emerald-deep); font-weight: 800; }
.team-role-card h3 { font-size: var(--text-xl); }
.team-role-card p { color: var(--color-muted-ink); }

.team-systems, .team-diagnosis { background: var(--color-emerald-wash); }
.team-systems__intro, .team-diagnosis__intro { display: flex; max-width: 43.75rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-bottom: var(--space-8); }
.team-systems__intro h2, .team-systems__intro p, .team-diagnosis__intro h2, .team-diagnosis__intro p { margin: 0; }
.team-systems__intro p, .team-diagnosis__intro p { color: var(--color-muted-ink); }
.team-systems__grid, .team-diagnosis__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.team-systems__grid > *, .team-diagnosis__grid > * { min-width: 0; width: 100%; }
.team-system-card { position: relative; }
.team-system-card p, .team-diagnosis-card p { color: var(--color-muted-ink); }
.team-system-card--clover { overflow: hidden; background: var(--color-emerald-wash); }
.team-system-card--clover > span { position: absolute; top: 0.75rem; right: 1rem; color: rgba(22, 163, 74, 0.16); font-size: 4.5rem; line-height: 1; }
.team-system-card--clover h3, .team-system-card--clover p { position: relative; }
.team-step-list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; counter-reset: team-step; }
.team-step-list li { display: flex; min-width: 0; align-items: center; gap: var(--space-2); color: var(--color-muted-ink); }
.team-step-list li::before { display: grid; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; place-items: center; border-radius: var(--radius-sm); background: var(--color-emerald); color: var(--color-on-accent); content: counter(team-step); counter-increment: team-step; font-size: var(--text-xs); font-weight: 700; }

.team-archetypes__intro { display: flex; max-width: 43.75rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-bottom: var(--space-8); }
.team-archetypes__intro h2, .team-archetypes__intro p { margin: 0; }
.team-archetypes__intro p { color: var(--color-muted-ink); }
.team-archetypes__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.team-archetypes__grid > * { min-width: 0; width: 100%; }
.team-archetype-card p { color: var(--color-muted-ink); }
.team-archetype-card > a { margin-top: auto; }
.team-role-diagram { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); margin-top: auto; padding-top: var(--space-2); }
.team-role-diagram span { min-width: 0; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-emerald-wash); padding: var(--space-2); color: var(--color-emerald-deep); font-size: var(--text-xs); font-weight: 700; line-height: var(--leading-xs); text-align: center; }

.team-selection__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); align-items: start; }
.team-selection__grid > * { min-width: 0; width: 100%; }
.team-selection__method { display: flex; max-width: 30rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.team-selection__method h2, .team-selection__method p { margin: 0; }
.team-selection__method p { color: var(--color-muted-ink); }
.team-question-list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); margin: 0; padding: 0; counter-reset: question; }
.team-question-list li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); color: var(--color-muted-ink); }
.team-question-list li::before { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: var(--radius-md); background: var(--color-emerald-wash); color: var(--color-emerald-deep); content: counter(question); counter-increment: question; font-weight: 800; }
.team-selection__resources { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.team-resource-card p { color: var(--color-muted-ink); }

.team-diagnosis-card p { color: var(--color-muted-ink); }
.team-one-change { display: flex; max-width: none; min-width: 0; flex-direction: column; gap: var(--space-3); margin-top: var(--space-6); padding: var(--space-6); }
.team-one-change h3, .team-one-change p { margin: 0; }
.team-one-change p { max-width: 47.5rem; color: var(--color-muted-ink); }

.team-story__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: center; }
.team-story__grid > * { min-width: 0; width: 100%; }
.team-story__copy { display: flex; max-width: 28.75rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.team-story__copy h2, .team-story__copy p { margin: 0; }
.team-story__copy p { color: var(--color-muted-ink); }
.team-story__media { aspect-ratio: 4 / 3; }
.team-story__media img { object-position: center; }

.team-checklist__intro { display: flex; max-width: 40.625rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin: 0 auto var(--space-8); }
.team-checklist__intro h2 { margin: 0; }
.team-checklist__card { width: 100%; max-width: 51.25rem; margin-inline: auto; }
.team-checklist__card ol { display: flex; min-width: 0; flex-direction: column; margin: 0; padding: 0; }
.team-checklist__card li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-block: var(--space-4); border-bottom: 1px solid var(--color-line); }
.team-checklist__card li:first-child { padding-top: 0; }
.team-checklist__card li:last-child { padding-bottom: 0; border-bottom: 0; }
.team-checklist__card li > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: var(--radius-sm); background: var(--color-emerald-wash); color: var(--color-emerald-deep); font-size: var(--text-sm); font-weight: 800; }
.team-checklist__card li > div { min-width: 0; }
.team-checklist__card h3, .team-checklist__card p { margin: 0; }
.team-checklist__card p { color: var(--color-muted-ink); }
.team-checklist__note { width: 100%; max-width: 51.25rem; margin: var(--space-4) auto 0; border-radius: var(--radius-lg); background: var(--color-emerald-wash); padding: var(--space-4) var(--space-6); color: var(--color-muted-ink); }
.team-checklist__note strong { color: var(--color-ink); }

.team-paths__intro { display: flex; max-width: 38.75rem; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-bottom: var(--space-8); }
.team-paths__intro h2 { margin: 0; }
.team-paths__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.team-paths__grid > * { min-width: 0; width: 100%; }
.team-path-card p { color: var(--color-muted-ink); }

.team-download { padding-top: 0 !important; }
.team-download__hub { display: flex; width: 100%; max-width: 57.5rem; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); margin-inline: auto; border: 1px solid var(--color-line); border-radius: var(--radius-xl); background: var(--color-emerald-wash); padding: var(--space-12); text-align: center; }
.team-download__hub h2, .team-download__hub p { margin: 0; }
.team-download__hub p { max-width: 37.5rem; color: var(--color-muted-ink); }
.team-download__icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: var(--radius-md); background: var(--color-emerald); color: var(--color-on-accent); font-size: var(--text-xl); }

@media (max-width: 65.625rem) { .team-roles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-archetypes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 63.75rem) { .team-archetypes__grid > :nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 58.75rem) { .team-guide-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); } .team-systems__grid, .team-diagnosis__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-systems__grid > :nth-child(3), .team-diagnosis__grid > :nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 53.75rem) { .team-selection__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); } .team-selection__method { max-width: none; } .team-selection__resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-story__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); } .team-story__copy { max-width: none; } }
@media (max-width: 55rem) { .team-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-paths__grid > :nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 43.75rem) { .team-guide-hero__grid { grid-template-columns: minmax(0, 1fr); } .team-guide-hero__copy { max-width: none; } .team-guide-hero__copy h1 { max-width: 100%; font-size: clamp(2.5rem, 11vw, 3.25rem); } .team-guide-hero__copy p { max-width: 100%; } .team-guide-hero__actions { width: 100%; flex-direction: column; } .team-guide-hero__actions > .button { width: 100%; } .team-guide-hero__media { aspect-ratio: 16 / 9; } .team-roles__grid, .team-systems__grid, .team-archetypes__grid, .team-diagnosis__grid, .team-selection__resources, .team-paths__grid { grid-template-columns: minmax(0, 1fr); } .team-systems__grid > :nth-child(3), .team-diagnosis__grid > :nth-child(3), .team-archetypes__grid > :nth-child(3), .team-paths__grid > :nth-child(3) { grid-column: auto; } .team-roles__intro, .team-systems__intro, .team-archetypes__intro, .team-diagnosis__intro { margin-bottom: var(--space-6); } .team-role-diagram { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-download__hub { padding: var(--space-6) var(--space-5, 1.25rem); } .team-download__hub .button { width: 100%; } }
@media (max-width: 20rem) { .team-role-diagram { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-checklist__card li { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); } }