/* Keep the existing card design; change only the team layout. */
:is(#team,.company-team) .md-team-track{display:flex!important;gap:24px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:12px 2px 18px;max-width:100%;box-sizing:border-box}
:is(#team,.company-team) .md-team-track>.company-team-card{flex:0 0 calc((100% - 72px)/4);min-width:0;box-sizing:border-box;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center}
:is(#team,.company-team) .md-team-track>.company-team-card .team-instagram{margin-top:auto}
.md-team-slider-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px;color:#204b38}
.md-team-slider-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #204b38;border-radius:50%;background:transparent;color:#204b38;cursor:pointer;transition:background .2s,color .2s}
.md-team-slider-arrow svg{width:22px;height:22px}
.md-team-slider-arrow:not(:disabled):hover,.md-team-slider-arrow:not(:disabled):active{background:#204b38;color:#f7eadd}
.md-team-slider-arrow:disabled{opacity:.35;cursor:default}
.md-team-slider-arrow:focus-visible,.md-team-track:focus-visible{outline:2px solid #204b38;outline-offset:4px}
.md-team-slider-status{min-width:90px;text-align:center;font-size:14px;font-weight:500}
.company-team-card.md-team-new{background:#fff9f5;border:1px solid #e5d3c9;border-radius:22px;padding:32px 24px;color:#633620}
.md-team-new-avatar{display:grid;place-items:center;width:clamp(80px,6vw,108px);height:clamp(80px,6vw,108px);border-radius:50%;background:#204b38;color:#f7eadd;font-size:32px;font-weight:600;margin:0 auto 26px;flex-shrink:0}
.company-team-card.md-team-new h3{font-size:clamp(20px,1.6vw,26px);line-height:1.4;color:#321b12;margin:0 0 18px;font-weight:600}
.md-team-new-role{color:#204b38;font-weight:600;margin:0 0 24px;line-height:1.7}
.md-team-new-bio{margin:0 0 24px;line-height:1.8}
.company-team-card.md-team-new .team-instagram{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid #204b38;border-radius:999px;color:#204b38;background:transparent;text-decoration:none;font-weight:600}
.company-team-card.md-team-new .team-instagram svg{width:22px;height:22px;flex-shrink:0}
.company-team-card.md-team-new .team-instagram:hover{background:#204b38;color:#f7eadd}
@media(max-width:1100px){:is(#team,.company-team) .md-team-track>.company-team-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:640px){:is(#team,.company-team) .md-team-track>.company-team-card{flex-basis:100%}.md-team-slider-controls{gap:16px}}
@media(prefers-reduced-motion:reduce){.md-team-slider-arrow{transition:none}}

/* Side arrows; no bottom controls or scrollbar. */
.md-team-slider-frame{
 display:grid;
 grid-template-columns:48px minmax(0,1fr) 48px;
 align-items:center;
 gap:14px;
}
.md-team-slider-frame>.md-team-track{
 width:100%;
 min-width:0;
 scrollbar-width:none!important;
 -ms-overflow-style:none!important;
}
.md-team-slider-frame>.md-team-track::-webkit-scrollbar{
 display:none!important;
 width:0!important;
 height:0!important;
}
.md-team-slider-controls,.md-team-slider-status{
 display:none!important;
}
@media(max-width:640px){
 .md-team-slider-frame{
  grid-template-columns:36px minmax(0,1fr) 36px;
  gap:6px;
 }
 .md-team-slider-frame>.md-team-slider-arrow{
  width:36px;
  height:44px;
 }
}

/* Consistent team card text colours. */
:is(#team,.company-team) .company-team-card h3{
 color:#321b12!important;
}
:is(#team,.company-team) .company-team-card p{
 color:#633620!important;
}
:is(#team,.company-team) .company-team-card p:first-of-type{
 color:#204b38!important;
}
:is(#team,.company-team) .company-team-card .team-instagram{
 color:#204b38;
}
:is(#team,.company-team) .company-team-card .team-instagram:hover{
 color:#f7eadd;
}
