@charset "utf-8";
.sc-directory { padding-top: 52px; padding-bottom: 64px; }
.sc-directory-intro { max-width: 760px; margin: 0 auto 30px; text-align: center; }
.sc-directory-intro h2 { color: #193c53; font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 900; margin: 0 0 14px; }
.sc-directory-intro > p:last-child { font-size: 1.08rem; line-height: 1.75; color: #526778; }
.sc-directory-filters { display: grid; grid-template-columns: 1.5fr 1fr 1fr auto; gap: 18px; align-items: end; padding: 25px; border: 1px solid #dae5eb; border-radius: 18px; background: #f3f8fa; }
.sc-directory-filters > div { min-width: 0; }
.sc-directory-filters label { display: block; font-size: .87rem; font-weight: 700; color: #24465b; margin-bottom: 8px; }
.sc-directory-filters input, .sc-directory-filters select { width: 100%; min-width: 0; height: 48px; border: 1px solid #becfd9; border-radius: 8px; padding: 0 12px; background: white; color: #193c53; font: inherit; }
.sc-directory button { min-height: 48px; border: 1px solid #25677c; border-radius: 8px; padding: 10px 17px; background: #fff; color: #20586b; font: inherit; font-weight: 700; cursor: pointer; }
.sc-directory button:hover { background: #e5f0f4; }
.sc-directory button:disabled { cursor: default; opacity: .5; }
.sc-directory :is(input,select,button):focus-visible { outline: 3px solid #21819a; outline-offset: 3px; }
.sc-directory-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 28px 0 18px; color: #526778; font-size: .94rem; }
.sc-directory-summary p { margin: 0; font-weight: 700; color: #193c53; }
.sc-specialist-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.sc-specialist-card { min-width: 0; padding: 25px; background: white; border: 1px solid #dae5eb; border-radius: 16px; box-shadow: 0 5px 20px #193c5308; overflow-wrap: anywhere; }
.sc-specialist-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.sc-specialist-avatar { position: relative; flex: 0 0 64px; height: 64px; border-radius: 50%; overflow: hidden; background: #e7f2f5; display: grid; place-items: center; color: #20586b; font-size: 1.25rem; font-weight: 900; }
.sc-specialist-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #e7f2f5; }
.sc-specialist-heading h3 { margin: 0; color: #193c53; font-size: 1.16rem; line-height: 1.4; font-weight: 900; text-transform: none; letter-spacing: normal; }
.sc-specialist-title { display: block; color: #637786; font-size: .82rem; margin-bottom: 3px; }
.sc-specialist-specialty { color: #20586b; font-weight: 700; margin: 0 0 14px; line-height: 1.5; }
.sc-specialist-detail { margin: 8px 0 0; color: #526778; font-size: .94rem; line-height: 1.6; }
.sc-specialist-detail i { width: 20px; color: #508497; }
.sc-specialist-region { display: inline-block; margin-top: 18px; padding: 4px 11px; border-radius: 20px; background: #f0f6f8; color: #285c70; font-size: .8rem; font-weight: 700; }
.sc-directory-message { padding: 40px 24px; text-align: center; border: 1px dashed #bdcfd8; border-radius: 16px; background: #f8fafb; }
.sc-directory-message h3 { color: #193c53; font-size: 1.2rem; }
.sc-directory [hidden] { display: none !important; }
@media (max-width: 991px) { .sc-directory-filters { grid-template-columns: 1fr 1fr; } .sc-specialist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .sc-directory { padding-top: 34px; padding-bottom: 40px; } .sc-directory-filters { grid-template-columns: minmax(0, 1fr); padding: 20px; gap: 16px; } .sc-specialist-grid { grid-template-columns: minmax(0, 1fr); } .sc-directory-summary { font-size: .88rem; } }

.sc-specialist-contact a { color: #20586b; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.sc-specialist-contact a:hover { color: #123747; }
.sc-specialist-contact a:focus-visible { outline: 3px solid #21819a; outline-offset: 3px; }