.ohso-directory { padding-block-end: var(--section-padding); }
.ohso-directory, .ohso-directory * { box-sizing: border-box; }
.ohso-directory__hero { position: relative; overflow: hidden; isolation: isolate; padding: var(--space-l) var(--space-m) var(--space-s); border-radius: var(--radius-l); background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
.ohso-directory__gradient { position: absolute; top: 0; left: 0; z-index: -1; max-width: none; pointer-events: none; }
.ohso-directory__heading { display: grid; gap: var(--space-xxs); margin-bottom: var(--space-s); }
.ohso-directory__heading p { margin: 0; color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); font-size: var(--text-xs); line-height: 1; text-transform: uppercase; }
.ohso-directory__heading h1 { margin: 0; color: var(--directory-accent, var(--law-accent)); font-family: var(--font-heading); font-size: var(--text-xxl); font-weight: 500; line-height: 1.075; }
.ohso-directory__filters { display: flex; flex-wrap: wrap; gap: var(--space-s); padding-top: var(--space-xs); border-top: 1px solid var(--directory-accent-light, var(--law-accent-light)); }
.ohso-directory__filter { display: grid; gap: 10px; width: 320px; max-width: 100%; }
.ohso-directory__filter label { font-size: var(--text-xs); font-weight: 700; color: var(--directory-accent, var(--law-accent)); }
.ohso-directory__select, .ohso-directory__search { position: relative; display: flex; height: 40px; overflow: hidden; border: 1px solid var(--directory-accent-light, var(--law-accent-light)); border-radius: var(--radius-s); background: var(--white); }
.ohso-directory__select select, .ohso-directory__search input { width: 100%; min-width: 0; height: 100%; padding: 0 var(--space-xs); margin: 0; border: 0; border-radius: 0; background: transparent; color: var(--black); font: inherit; font-size: var(--text-xs); }
.ohso-directory__select select { appearance: none; padding-right: 54px; }
.ohso-directory__select span { position: absolute; inset: 0 0 0 auto; display: flex; align-items: center; padding-inline: var(--space-xs); background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); pointer-events: none; }
.ohso-directory__search button { display: flex; align-items: center; padding: 0 0 0 var(--space-xs); border: 0; background: transparent; border-radius: 0; cursor: pointer; }
.ohso-directory__search input { padding-left: var(--space-xxs); }
.ohso-directory__select:focus-within, .ohso-directory__search:focus-within { outline: 2px solid var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); outline-offset: 3px; }
.ohso-directory__filter :is(select, input):focus { outline: none; }
.ohso-directory__results { margin-top: var(--space-l); padding-inline: var(--space-m); color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); }
.ohso-directory__list { padding: 0; margin: 0; list-style: none; }
.ohso-directory__row { display: grid; grid-template-columns: var(--directory-columns, minmax(0,350fr) minmax(0,320fr) minmax(0,320fr) auto); align-items: center; gap: var(--space-s); padding-block: var(--space-xs); border-bottom: 1px solid var(--directory-accent-light, var(--law-accent-light)); }
.ohso-directory__row :is(h2,p) { margin: 0; font-size: var(--text-s); line-height: normal; overflow-wrap: anywhere; }
.ohso-directory__row h2 { font-family: var(--font-heading); font-weight: 700; }
.ohso-directory__column-headings { border-bottom-color: var(--accent-light); font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; line-height: normal; text-transform: uppercase; }
@supports (grid-template-columns: subgrid) {
	.ohso-directory__list { display: grid; grid-template-columns: var(--directory-columns, minmax(0,350fr) minmax(0,320fr) minmax(0,320fr) auto); column-gap: var(--space-s); }
	.ohso-directory__row { grid-column: 1 / -1; grid-template-columns: subgrid; }
}
.ohso-directory__actions { display: flex; align-items: center; gap: var(--space-xxs); }
.ohso-directory__heart, .ohso-directory__profile { display: inline-flex; height: 40px; align-items: center; justify-content: center; gap: var(--space-xs); padding-inline: var(--space-xs); border-radius: var(--radius-s); background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
.ohso-directory__profile { color: var(--black); font-size: var(--text-xs); text-decoration: none; white-space: nowrap; }
.ohso-directory__profile:hover { color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); background: var(--directory-accent-light, var(--law-accent-light)); }
.ohso-directory__pagination { display: flex; gap: 4px; padding-top: var(--space-s); }
.ohso-directory__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; padding: 4px; border-radius: 4px; color: var(--directory-accent, var(--law-accent)); background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); text-decoration: none; font-size: var(--text-m); line-height: 1.6; }
.ohso-directory__pagination .current { background: var(--directory-accent, var(--law-accent)); color: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
.ohso-directory__filter-summary { font-size: var(--text-xs); }
@media (max-width: 1100px) {
	.ohso-directory__filter { width: auto; flex: 1 1 220px; }
	.ohso-directory__row { gap: var(--space-xs); }
}
@media (max-width: 767px) {
	.ohso-directory__hero { padding: var(--space-l) var(--space-m); }
	.ohso-directory__filters { gap: var(--space-s); padding-top: var(--space-s); }
	.ohso-directory__filter { flex-basis: 100%; }
	.ohso-directory__results { padding-inline: var(--space-xs); margin-top: var(--space-s); }
	.ohso-directory__row { grid-template-columns: minmax(0,1fr) minmax(0, auto); gap: var(--space-xxs) var(--space-xs); }
	.ohso-directory__row h2 { font-size: var(--text-m); }
	.ohso-directory__column-headings { display: none; }
	.ohso-directory__list { grid-template-columns: minmax(0,1fr); }
	.ohso-directory__row > :is(h2,p) { grid-column: 1; }
	.ohso-directory__actions { grid-column: 2; grid-row: 1 / 4; flex-wrap: wrap; justify-content: flex-end; justify-self: end; max-width: 100%; }
}
@media (max-width: 359px) {
	.ohso-directory__row { grid-template-columns: minmax(0, 1fr) minmax(0, 8rem); }
	.ohso-directory__actions { max-width: min(100%, 8rem); }
}

.ohso-directory__profile[type="button"] { border: 0; font-family: var(--font-body); font-weight: 400; cursor: pointer; }
html.ohso-profile-open { overflow: hidden; }
.ohso-profile { box-sizing: border-box; width: min(1280px, calc(100% - var(--space-l) * 2)); max-width: none; max-height: calc(100dvh - var(--space-l) * 2); margin: auto; padding: var(--space-l) var(--space-xs); border: 0; border-radius: var(--radius-l); color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); background: var(--white); overflow: hidden; }
.ohso-profile::backdrop { background: color-mix(in srgb, var(--directory-accent-semi-dark, var(--law-accent-semi-dark)) 80%, transparent); }
.ohso-profile * { box-sizing: border-box; }
.ohso-profile__scroll { position: relative; max-height: calc(100dvh - var(--space-l) * 4); overflow-y: scroll; scrollbar-gutter: stable; overscroll-behavior: contain; }
.ohso-profile__scroll::-webkit-scrollbar { width: 14px; }
.ohso-profile__scroll::-webkit-scrollbar-track { background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); border-radius: var(--radius-s); }
.ohso-profile__scroll::-webkit-scrollbar-thumb { background: var(--directory-accent, var(--law-accent)); border: 3px solid var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); border-radius: var(--radius-s); min-height: 48px; }
.ohso-profile__scroll::-webkit-scrollbar-thumb:hover { background: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); }
@supports not selector(::-webkit-scrollbar) {
	.ohso-profile__scroll { scrollbar-width: auto; scrollbar-color: var(--directory-accent, var(--law-accent)) var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
}
.ohso-profile__content { padding: calc(var(--space-xxl) - var(--space-l)) calc(var(--space-l) - var(--space-xs)) 0; display: grid; gap: var(--space-s); font-family: var(--font-body); font-size: var(--text-s); line-height: 1.5; overflow-wrap: anywhere; }
.ohso-profile__close { position: absolute; top: 26px; right: calc(var(--space-l) - 10px); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--radius-s); background: var(--white); cursor: pointer; z-index: 1; }
.ohso-profile__close:hover { background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
.ohso-profile__header { display: grid; gap: var(--space-s); }
.ohso-profile__identity { display: grid; gap: var(--space-s); padding-bottom: var(--space-s); border-bottom: 1px solid var(--directory-accent-light, var(--law-accent-light)); }
.ohso-profile__name { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-xs); }
.ohso-profile__name :is(h1,h2) { margin: 0; color: var(--directory-accent, var(--law-accent)); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 600; line-height: 1; }
.ohso-profile__name :is(h1,h2):focus { outline: none; }
.ohso-profile__name .ohso-directory__heart { flex-shrink: 0; }
.ohso-profile :is(dl,dd) { margin: 0; }
.ohso-profile__contact { display: flex; flex-wrap: wrap; gap: var(--space-s) var(--space-m); }
.ohso-profile__contact > div { flex: 0 0 auto; max-width: 100%; }
.ohso-profile__contact a[href^="mailto:"] { display: block; white-space: nowrap; }
.ohso-profile__contact > div, .ohso-profile__cards > div { display: grid; align-content: start; gap: var(--space-xxs); min-width: 0; }
.ohso-profile__contact dt, .ohso-profile__cards dt { font-size: 12px; font-weight: 700; line-height: 1; text-transform: uppercase; }
.ohso-profile__contact dd { font-size: var(--text-m); line-height: 1.2; }
.ohso-profile a { color: var(--accent-semi-dark); text-decoration: none; }
.ohso-profile a:hover { text-decoration: underline; }
.ohso-profile__cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-xs); }
.ohso-profile__cards > div { min-height: 144px; padding: var(--space-s); border-radius: var(--radius-s); background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
.ohso-profile__body { display: grid; grid-template-columns: minmax(0,640fr) minmax(0,448fr); gap: var(--space-l); align-items: start; }
.ohso-profile__sections { display: grid; gap: var(--space-s); }
.ohso-profile__sections section { display: grid; gap: var(--space-xs); }
.ohso-profile__sections :is(h2,h3) { margin: 0; padding-bottom: var(--space-xxs); border-bottom: 1px solid var(--directory-accent-light, var(--law-accent-light)); color: var(--directory-accent, var(--law-accent)); font-family: var(--font-heading); font-size: var(--text-l); font-weight: 600; line-height: 1; }
.ohso-profile__sections p { margin: 0 0 var(--space-xs); }
.ohso-profile__sections p:last-child { margin-bottom: 0; }
.ohso-profile__facts { padding: var(--space-s); border-radius: var(--radius-s); background: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); }
.ohso-profile__facts > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(48px,auto); gap: var(--space-xs); padding-block: var(--space-xs); border-bottom: 1px solid var(--directory-accent, var(--law-accent)); }
.ohso-profile__facts dt { color: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); }
.ohso-profile__facts dd { color: var(--white); max-width: 110px; }
@media (max-width: 1100px) {
	.ohso-profile__contact { gap: var(--space-s); }
	.ohso-profile__cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
	.ohso-profile { width: calc(100% - var(--space-xs) * 2); max-height: calc(100dvh - var(--space-xs) * 2); }
	.ohso-profile__scroll { max-height: calc(100dvh - var(--space-xs) * 2 - var(--space-l) * 2); }
	.ohso-profile__content { padding: 0 calc(var(--space-m) - var(--space-xs)); }
	.ohso-profile__close { top: var(--space-xxs); right: var(--space-xs); }
	.ohso-profile__name { margin-top: var(--space-s); }
	.ohso-profile__contact > div { flex-basis: 100%; }
	.ohso-profile__contact a[href^="mailto:"] { max-width: 100%; overflow-x: auto; }
	.ohso-profile__cards, .ohso-profile__body { grid-template-columns: minmax(0,1fr); }
	.ohso-profile__cards > div { min-height: 0; padding: var(--space-s); }
	.ohso-profile__body { gap: var(--space-s); }
	.ohso-profile__facts { padding: var(--space-xs); }
}

.ohso-directory__views { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-bottom: var(--space-s); }
.ohso-directory__views a { padding: var(--space-xxs) var(--space-xs); border-radius: var(--radius-s); color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); background: var(--white); text-decoration: none; font-size: var(--text-s); }
.ohso-directory__views a[aria-current="page"] { color: var(--white); background: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); }
.ohso-directory__heart[type="button"] { border: 0; cursor: pointer; flex-shrink: 0; }
.ohso-directory__heart:hover { background: var(--directory-accent-light, var(--law-accent-light)); }
.ohso-directory__heart-icon { display: block; flex-shrink: 0; width: 14px; height: 12px; background: var(--directory-accent, var(--law-accent)); mask: url('../images/expert-directory/heart.svg') center / contain no-repeat; }
.ohso-directory__heart[aria-pressed="true"] .ohso-directory__heart-icon { mask-image: url('../images/expert-directory/heart-solid.svg'); }
.ohso-directory__heart:disabled { opacity: .6; cursor: wait; }
.ohso-directory__heart:focus-visible, .ohso-directory__views a:focus-visible { outline: 2px solid var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); outline-offset: 3px; }
.ohso-directory__shortlist-status { font-size: var(--text-xs); color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); }
.ohso-directory__shortlist-status:empty { display: none; }
.ohso-profile__shortlist, .ohso-directory__shortlist { position: relative; flex-shrink: 0; }
:is(.ohso-profile__shortlist, .ohso-directory__shortlist) .ohso-directory__shortlist-status { position: absolute; z-index: 2; top: 0; right: calc(100% + var(--space-xxs)); width: max-content; max-width: min(220px, calc(100vw - var(--space-l) * 2 - 60px)); margin: 0; padding: var(--space-xxs) var(--space-xs); border: 1px solid var(--directory-accent-light, var(--law-accent-light)); border-radius: var(--radius-s); background: var(--white); line-height: 1.4; }
@media (max-width: 767px) {
	:is(.ohso-profile__shortlist, .ohso-directory__shortlist) .ohso-directory__shortlist-status { top: calc(100% + var(--space-xxs)); right: 0; }
}

.ohso-profile__shortlist { display: flex; align-items: center; gap: var(--space-xxs); }
.ohso-profile__copy { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 var(--space-xs); border: 0; border-radius: var(--radius-s); color: var(--directory-accent, var(--law-accent)); background: var(--directory-accent-ultra-light, var(--law-accent-ultra-light)); cursor: pointer; flex-shrink: 0; }
.ohso-profile__copy:hover { background: var(--directory-accent-light, var(--law-accent-light)); }
.ohso-profile__copy:focus-visible { outline: 2px solid var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); outline-offset: 3px; }
.ohso-profile__copy:disabled { opacity: .6; cursor: wait; }
.ohso-profile--page { width: min(1280px, calc(100% - var(--space-m) * 2)); max-height: none; margin: var(--space-l) auto; padding: 0; border-radius: 0; overflow: visible; }
.ohso-profile--page .ohso-profile__content { padding: var(--space-l); }
.ohso-profile--page .ohso-profile__navigation { padding: var(--space-l) var(--space-l) 0; }
.ohso-profile--page .ohso-profile__navigation + .ohso-profile__content { padding-block-start: var(--space-s); }
:is(.ohso-profile__navigation, .ohso-change-request__action) .ohso-directory__profile { color: var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); transition: background-color var(--transition), color var(--transition); }
:is(.ohso-profile__navigation, .ohso-change-request__action) a:hover { text-decoration: none; }
:is(.ohso-profile__navigation, .ohso-change-request__action) a:focus-visible { outline: 2px solid var(--directory-accent-semi-dark, var(--law-accent-semi-dark)); outline-offset: 3px; }
.ohso-profile__copy-fallback { width: 100%; margin-top: var(--space-xxs); font: inherit; }
@media (max-width: 767px) {
	.ohso-profile--page { width: calc(100% - var(--space-xs) * 2); max-height: none; margin-block: var(--space-s); }
	.ohso-profile--page .ohso-profile__content { padding: var(--space-m) var(--space-xs); }
	.ohso-profile--page .ohso-profile__navigation { padding: var(--space-m) var(--space-xs) 0; }
	.ohso-profile--page .ohso-profile__name { margin-top: 0; }
}

/* Expert dates share the listing columns and profile credential row. */
.ohso-directory__list--experts { --directory-columns: minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr) auto; }
.ohso-directory__mobile-label { display: none; }
.ohso-profile__contact--credentials { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: var(--space-s); }
.ohso-profile__contact--credentials dd { overflow-wrap: anywhere; }
@media (max-width: 1100px) {
	.ohso-profile__contact--credentials { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 768px) and (max-width: 1000px) {
	.ohso-directory__list--experts { column-gap: var(--space-xs); }
	.ohso-directory__list--experts .ohso-directory__actions { flex-direction: column; align-items: flex-end; }
}
@media (max-width: 767px) {
	.ohso-directory__mobile-label { display: inline; font-weight: 700; }
	.ohso-directory__list--experts .ohso-directory__actions { grid-row: 1 / 6; }
	.ohso-profile__contact--credentials { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.ohso-profile__contact--reach { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
	.ohso-profile__contact--reach a[href^="mailto:"] { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 480px) {
	.ohso-profile__contact--credentials, .ohso-profile__contact--reach { grid-template-columns: minmax(0,1fr); }
}