/* Contact shortcuts on the brokerage team page. */
:is(.directory-person,.directory-office) .team-contact-icons{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;padding:8px 0}
:is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--contact-icon-color,#235545);text-decoration:none;transition:opacity .15s}
:is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon svg{display:block;flex:none;width:26px;height:26px;transition:transform .12s ease,opacity .12s ease;transform-origin:center}
:is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon:hover{background:transparent;text-decoration:none}
:is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.team-contact-icon[href^="tel:"]{--contact-icon-color:#217044}
.team-contact-icon[href^="sms:"]{--contact-icon-color:#2563eb}
.team-contact-icon[href^="https://wa.me/"]{--contact-icon-color:#128c4a}
.team-contact-icon[href^="mailto:"]{--contact-icon-color:#c43e3e}

.directory-office .team-contact-icon[href^="tel:"]{--contact-icon-color:#86d5aa}
.directory-office .team-contact-icon[href^="sms:"]{--contact-icon-color:#91c5ff}
.directory-office .team-contact-icon[href^="mailto:"]{--contact-icon-color:#ffb1ad}

@media(max-width:700px){
 html:not([data-view=full]) body[data-site=brokerage] .directory-office{padding:14px;gap:6px}
 html:not([data-view=full]) body[data-site=brokerage] .directory-office h2{font-size:20px;line-height:1.2;margin:0 0 6px}
 html:not([data-view=full]) body[data-site=brokerage] .directory-office p{font-size:13px;line-height:1.45;margin:0}
 html:not([data-view=full]) body[data-site=brokerage] .directory-office .directory-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 html:not([data-view=full]) body[data-site=brokerage] .directory-office .team-contact-icons{flex:0 0 auto;width:auto;padding:0;gap:0}
 html:not([data-view=full]) body[data-site=brokerage] .directory-office .directory-actions a.team-office-link{flex:0 0 auto;width:auto;min-height:44px;font-size:12px;white-space:nowrap}
}

/* One compact contact and listings row, with readable professional titles. */
html body[data-site=brokerage] .directory-person .directory-role{font-size:10px;line-height:1.35;letter-spacing:0;text-transform:none;margin:0;align-self:start}
html body[data-site=brokerage] .directory-person .directory-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid var(--app-line,var(--line))}
html body[data-site=brokerage] .directory-person .team-contact-icons{flex:0 0 auto;width:auto;gap:0;padding:0}
html body[data-site=brokerage] .directory-person .directory-actions a.team-streeteasy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:4px;width:auto;min-height:44px;margin:0;padding:0 3px;border:0;border-radius:0;background:transparent;color:#1767a5;font:700 12px/1.2 Arial,sans-serif;white-space:nowrap;text-decoration:none}
html body[data-site=brokerage] .directory-person .directory-actions a.team-streeteasy:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:359px){
 html body[data-site=brokerage] .directory-person .directory-actions{gap:3px}
 html body[data-site=brokerage] .directory-person .directory-actions a.team-streeteasy{font-size:10px;padding:0 2px}
 .team-streeteasy-arrow{display:none}
}

html body[data-site=brokerage] .directory-person h3{margin:0;align-self:end}

@media(max-width:700px){html:not([data-view=full]) body[data-site=brokerage] #agents{margin-top:14px}html:not([data-view=full]) body[data-site=brokerage] #agents .directory-grid{margin-top:0}}

/* Visible press feedback without adding a box around the icons. */
@media(hover:hover) and (pointer:fine){
 :is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon:hover svg{transform:scale(1.08);opacity:.85}
}
:is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon:active svg{transform:scale(.86);opacity:.6}
@media(prefers-reduced-motion:reduce){
 :is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon svg{transition:none}
 :is(.directory-person,.directory-office) .directory-actions .team-contact-icons a.team-contact-icon:is(:hover,:active) svg{transform:none}
}