@font-face{font-family:KM;src:url('/fonts/DejaVuSans.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:KM;src:url('/fonts/DejaVuSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f8fc;color:#102d56;font-family:KM,Tahoma,Arial,sans-serif;line-height:1.7;font-size:1rem}a{color:#075dc0;text-underline-offset:.2em}button,input,select{font:inherit}button,a,input,summary,select{touch-action:manipulation}button,summary{cursor:pointer}button,a.primary{min-height:44px}button{border:1px solid #b6cce7;border-radius:7px;padding:8px 12px;background:#fff;color:#102d56}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #d49629;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.45;margin-bottom:12px}h2{font-size:1.375rem}h3{font-size:1.125rem;overflow-wrap:anywhere}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#fff;padding:12px;z-index:10}.development{padding:8px 20px;background:#fff4db;color:#513a12;font-size:0.875rem}.site-header,.site-footer{background:#062950;color:#fff}.header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;gap:24px;padding:18px}.logo{max-width:220px;height:auto;display:block}.search-jump{background:white;border-radius:7px;padding:14px;flex:1}.account-status{max-width:240px;color:#fff;background:#0b4a86;border:1px solid #8eb4dc;border-radius:6px;padding:10px 12px;text-align:center;font-weight:bold}.account-status p{font-size:0.875rem}.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;padding:14px;background:white;border-bottom:1px solid #d6e1ef}.site-nav a{text-decoration:none;font-weight:bold}main{max-width:1400px;margin:auto;padding:20px}.hero{display:flex;align-items:center;justify-content:space-between;background:#e9f1fa;border:1px solid #d7e4f3;border-radius:9px;margin-bottom:20px;overflow:hidden}.hero>div:first-child{padding:24px;flex:1}.hero p{font-size:1.0625rem;font-weight:400;line-height:1.7}.hero-people{flex:0 0 42%;height:190px;background-image:url('/design-assets/jobseeker-reference-v4.jpeg');background-size:1024px 1536px;background-position:left -135px;background-repeat:no-repeat}.featured,.tv{background:white;border:1px solid #d7e4f3;border-radius:9px;padding:20px;margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.carousel-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.carousel-controls[hidden]{display:none}.featured-track{display:flex;overflow:auto;gap:16px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.featured-slide{flex:0 0 calc((100% - 48px)/4);min-width:230px;scroll-snap-align:start}.directory-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;margin-bottom:24px}.filters{align-self:start;background:white;border:1px solid #d7e4f3;border-radius:8px;overflow:hidden}.filters summary{background:#0752a2;color:white;padding:14px;font-weight:bold}.filters form{padding:18px;display:grid;gap:9px}.filters label{font-weight:bold;font-size:0.9375rem}.filters input,.filters select,.search input{width:100%;min-width:0;border:1px solid #b3c9e3;border-radius:6px;background:#fff;padding:10px;min-height:44px;color:#17395f}.filters fieldset{min-width:0;border:1px solid #d4dfec;border-radius:6px;display:grid;gap:8px;padding:12px;margin:0}.filters legend{font-weight:bold}.primary{display:inline-flex;justify-content:center;align-items:center;background:#075dc0;color:white!important;border:1px solid #075dc0;border-radius:6px;text-decoration:none;padding:8px 12px;font-weight:bold}.reset{display:block;text-align:center;padding:8px}.search{display:flex;gap:10px;margin-bottom:12px}.search input{flex:1}.privacy-note{font-size:0.875rem}.active-filters{display:flex;gap:8px;flex-wrap:wrap}.active-filters a{padding:4px 10px;border:1px solid #bbcee5;background:#fff;border-radius:20px;overflow-wrap:anywhere;max-width:100%}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.person-card{background:white;border:1px solid #dbe6f3;box-shadow:0 2px 5px #12365a08;border-radius:9px;padding:16px;min-width:0;overflow-wrap:anywhere}.card-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.card-top>div{min-width:0}.card-top h3{margin:0}.headline{font-size:0.9375rem;margin:4px 0}.avatar{display:grid;place-items:center;border-radius:50%;background:#e5eef9;color:#144784;font-size:1.625rem;width:64px;height:64px;flex:0 0 64px}.person-card p{margin-bottom:8px;font-size:0.875rem}.badge{display:inline-block;background:#e9f6ef;color:#17603b;padding:3px 8px;font-size:0.8125rem;border-radius:5px;margin-bottom:10px}.skills{background:#eef4fc;border-radius:5px;padding:6px}.contact-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.contact-row a{padding:7px 9px;border:1px solid #b9cde6;border-radius:5px;text-decoration:none;font-size:0.875rem;min-height:40px;display:inline-flex;align-items:center}.contact-row .whatsapp{background:#168848;color:white;border-color:#168848}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap}.pagination a{padding:8px;border:1px solid #b6cce7;border-radius:5px;background:white}.empty{text-align:center;padding:40px 20px;background:white;border:1px dashed #adbfda;border-radius:8px}.tv{margin-top:20px}.tv h2{font-size:1.25rem}.site-footer{padding:28px max(20px,calc((100% - 1360px)/2))}.footer-main{display:flex;align-items:start;gap:40px;justify-content:space-between}.site-footer h2{font-size:1.125rem}.site-footer p{font-size:0.875rem}.footer-logo{max-width:180px;height:auto}.footer-bottom{border-top:1px solid #ffffff35;padding-top:16px;display:flex;justify-content:space-between;gap:15px;font-size:0.8125rem}.profile{max-width:1000px}.profile>section{padding:22px;margin-top:18px;border:1px solid #d7e4f3;background:#fff;border-radius:8px;white-space:pre-wrap}.back-results{display:inline-block;margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1050px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-layout{grid-template-columns:250px minmax(0,1fr)}.header-inner{gap:14px;flex-wrap:wrap}.search-jump{min-width:200px}.hero-people{flex-basis:38%}.featured-slide{flex-basis:calc((100% - 16px)/2)}}@media(max-width:700px){body{font-size:1rem}main{padding:12px}.logo{width:180px}.header-inner{padding:14px}.search-jump{order:4;flex-basis:100%;padding:10px}.account-status{max-width:180px}.site-nav{gap:15px;padding:12px;font-size:0.875rem}.hero{display:block}.hero>div:first-child{padding:20px}.hero-people{height:160px;width:100%}.hero p{font-size:1rem}.directory-layout{display:flex;flex-direction:column;gap:18px}.filters{width:100%}.people-grid{grid-template-columns:1fr}.featured-slide{flex-basis:85%}.section-heading{align-items:start;flex-direction:column}.footer-main,.footer-bottom{flex-direction:column;gap:18px}.person-card{padding:18px}.card-top{align-items:start}.contact-row a{min-height:44px}.results h2{font-size:1.375rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.person-card{position:relative}.featured-track{position:relative;min-width:0}.results{min-width:0}
.hero-people{background:none;position:relative;overflow:hidden}.hero-people:before{content:"";display:block;width:min(100%,360px);height:190px;background:url("/design-assets/jobseeker-reference-v4.jpeg") left -135px / 1024px 1536px no-repeat}.featured-track{padding-bottom:8px}

.filter-errors{margin:0 0 20px;padding:20px;background:#fff2f0;border:2px solid #a52a20;border-radius:8px}.filter-errors a,.field-error{color:#9e251d}.field-error{font-size:0.875rem;margin:0;display:block}[aria-invalid="true"]{border:2px solid #a52a20!important}

.hero-people[data-hero-slider]:before{display:none}.hero-people[data-hero-slider]{height:auto;min-height:200px}.hero-people [data-hero-frame][hidden]{display:none}.hero-people [data-hero-frame]{overflow:hidden}.hero-people [data-hero-count]{font-size:0.75rem}

.people-icon{display:inline-block;vertical-align:middle;flex-shrink:0;margin-inline-end:5px}.contact-row a{gap:4px}

.favorite-heart{position:absolute;top:8px;left:8px;min-width:44px;min-height:44px;display:grid;place-items:center;font-size:1.625rem;line-height:1;padding:5px;text-decoration:none;background:#fff;border:1px solid #b6cce7;border-radius:7px}.favorite-heart[aria-pressed="true"]{color:#a71e3b}[data-people-directory] .person-card .card-top{padding-top:36px}.favorite-tools{margin:12px 0}.favorite-tools p{margin-bottom:8px}.favorite-tools button{margin:4px}.favorite-tools [hidden]{display:none}[data-favorite-items]{padding-inline-start:24px;white-space:normal}[data-favorite-items] li{margin-block:12px;overflow-wrap:anywhere}[data-favorite-items] button{margin-inline-start:12px}.favorite-heart:disabled{opacity:.6}

.person-visibility{max-width:1000px;margin:10px auto;background:#fff;border:1px solid #b6cce7;border-radius:7px;color:#102d56;overflow-wrap:anywhere}.person-visibility[hidden],.person-visibility [hidden]{display:none!important}.person-visibility>summary{min-height:44px;padding:10px 16px;font-weight:bold}.person-visibility-body{padding:0 16px 12px;white-space:normal}.person-visibility-body p{margin-bottom:10px}.person-visibility-body button,.person-visibility-body a{max-width:100%;white-space:normal;margin:4px 0 4px 8px}.person-visibility-recovery{display:flex;flex-wrap:wrap;gap:6px}.person-visibility button:disabled{opacity:.6}.person-visibility .privacy-note{font-size:0.8125rem;margin-top:10px}@media(max-width:700px){.person-visibility{margin:10px 12px}}

.person-visibility-public-link{margin-block:12px;padding:12px;border:1px solid #d7e4f3;border-radius:6px}.person-visibility-public-link label{display:block;margin-block:8px}.person-visibility-public-link input{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:44px;padding:8px;font:inherit;text-align:left;background:#fff;color:#102d56;border:1px solid #b6cce7;border-radius:5px}

.visitor-preview-notice{background:#f2f6fa;border:1px solid #b7cce3;border-inline-start:4px solid #b18d48;padding:16px;margin-block:0 20px;border-radius:6px;overflow-wrap:anywhere}.visitor-preview-notice h2{margin-block-start:0}.visitor-preview-notice a{display:inline-block;padding-block:8px}

.person-visibility [data-visibility-reminder-controls]{min-inline-size:0;max-inline-size:100%;margin-block:12px;padding:12px;box-sizing:border-box;border:1px solid #b6cce7;border-radius:6px}
.person-visibility [data-visibility-reminder-controls] label{display:block;margin-block:10px}
.person-visibility [data-visibility-reminder-controls] input,.person-visibility [data-visibility-reminder-controls] select{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:8px;font:inherit;color:inherit;background:#fff;border:1px solid #b6cce7;border-radius:5px}
.person-visibility [data-visibility-reminder-controls] input:disabled{opacity:.6}
.person-visibility [data-visibility-reminder-preview]{overflow-wrap:anywhere}
.person-visibility [data-visibility-reminder-date][aria-invalid="true"]{border:2px solid #b42318}

/* Keep the reference portrait crop clear of embedded banner lettering. */
.hero-people [data-hero-frame]:first-child{max-inline-size:480px;margin-inline:auto}
@media(min-width:701px){.filters form{padding:14px;gap:7px}.filters label{line-height:1.4}.filters input,.filters select{padding:7px 10px}}

.header-inner{flex-wrap:wrap}.header-inner .search-jump{min-width:200px}

.header-language{display:flex;align-items:center;gap:8px}.header-language select{min-height:44px;border-radius:6px;padding:6px;color:#102d56;background:#fff}.header-language-note{max-width:1400px;margin:0 auto;padding:0 18px 8px;font-size:0.8125rem}

.site-header .logo { transform: translateX(6px); }

.profile-section-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.profile-section-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #b9cde6;border-radius:5px;color:#062950;text-decoration:none}
.profile-section-navigation a:focus-visible{outline:3px solid #ad7600;outline-offset:2px}

.profile-section-navigation a[aria-current="location"]{background:#062950;color:#fff;border-color:#062950}

.featured-empty{padding:12px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.featured-empty h2,.featured-empty p{margin:0}.featured-empty .section-heading{flex:0 1 auto}

.sample-contacts{border-top:1px solid #dbe6f3;margin-top:12px;padding-top:10px}.sample-contacts p{font-size:0.75rem;color:#52657c;margin:0 0 8px}.sample-contacts div{display:flex;flex-wrap:wrap;gap:6px}.sample-contacts span{border:1px dashed #9bb4ce;border-radius:5px;color:#354f68;background:#f6f9fc;font-size:0.75rem;padding:5px 7px;overflow-wrap:anywhere}

.profile>h1,.profile>section{overflow-wrap:anywhere}

.person-card:has(.sample-contacts){display:flex;flex-direction:column}.person-card:has(.sample-contacts) .contact-row{margin-top:auto;align-items:center}.sample-contact-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:6px}.sample-whatsapp{background:#168848;border:1px solid #168848}.sample-whatsapp img{display:block;filter:brightness(0) invert(1)}.sample-message{color:#b3223b;background:#fff;border:1px solid #b3223b}.sample-message .people-icon{margin:0}.sample-contacts{border:0;margin-top:6px;padding-top:0}.sample-contacts p{margin:0;color:#52657c}

.person-card:has(.sample-contacts) .contact-row{justify-content:center}

.sample-phone{color:#075dc0;background:#fff;border:1px solid #b6cce7}

/* Keep the favorite control beside the card heading instead of reserving an empty row. */
[data-people-directory] .person-card .card-top{padding-top:0;padding-left:42px}

.people-view-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.people-view-controls[hidden]{display:none}
.people-view-controls button[aria-pressed="true"]{background:#062950;border-color:#062950;color:#fff}
.people-grid[data-view="list"]{grid-template-columns:minmax(0,1fr)}

/* Readable filter controls scale with the user's preferred text size. */
.filters label,.filters legend{font-size:1rem;line-height:1.6;overflow-wrap:normal}
.filters input,.filters select{font-size:1rem;line-height:1.5;min-block-size:2.75rem}
.filters .privacy-note,.filters .field-error{font-size:.9375rem;line-height:1.6}
.filters fieldset{max-inline-size:100%}
.filters #currency{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}

/* Keep profile details compact while preserving the approved card structure. */
[data-people-directory] .person-card{border-radius:5px;padding:12px;box-shadow:0 1px 4px #12365a08}
[data-people-directory] .person-card .card-top{gap:10px;margin-bottom:10px}
[data-people-directory] .person-card .card-top h3{font-size:1.125rem;line-height:1.55;margin:0}
[data-people-directory] .person-card .headline{font-size:1rem;line-height:1.55;margin-block:3px 0;font-weight:600}
[data-people-directory] .person-card>p{font-size:.9375rem;line-height:1.65;margin-bottom:6px}
[data-people-directory] .person-card .contact-row{gap:6px;padding-top:8px}
[data-people-directory] .person-card .sample-contacts p{font-size:.8125rem;line-height:1.6}

/* Promotional illustration previews keep the existing hero frame dimensions. */
.hero-people .hero-promo{height:150px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#062950;color:#fff}
.hero-people .hero-promo[hidden]{display:none}
.hero-promo>svg{inline-size:96px;block-size:108px;flex:0 0 96px}
.hero-promo>div{min-inline-size:0}
.hero-promo strong{display:block;font-size:1.125rem;line-height:1.5;color:#fff}
.hero-promo p{font-size:.9375rem;line-height:1.5;font-weight:normal;margin:4px 0 7px}
.hero-promo-status{display:inline-block;font-size:.8125rem;line-height:1.5;border:1px solid #d6a94a;border-radius:4px;padding:2px 7px;color:#f6d58c}
.hero-promo-skills{background:linear-gradient(120deg,#062950,#0c4956)!important}
@media(max-width:700px){.hero-people .hero-promo{padding:10px 12px;gap:10px}.hero-promo>svg{inline-size:80px;block-size:96px;flex-basis:80px}.hero-promo strong{font-size:1rem}.hero-promo p{font-size:.875rem}}

@media(min-width:701px) and (max-width:1050px){.hero-people .hero-promo{padding:10px;gap:8px}.hero-promo>svg{inline-size:64px;block-size:84px;flex-basis:64px}.hero-promo strong{font-size:1rem}.hero-promo p{font-size:.8125rem;margin-block:3px 5px}.hero-promo-status{font-size:.75rem;padding:2px 5px}}

/* Compact public facts and actions retain every available privacy-approved detail. */
[data-people-directory] .person-card .card-location,[data-people-directory] .person-card .card-experience{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;margin-block:6px;font-size:.9375rem}
[data-people-directory] .person-card .card-location .people-icon,[data-people-directory] .person-card .card-experience .people-icon{align-self:center;margin-inline-end:0}
[data-people-directory] .person-card .card-location bdi{overflow-wrap:anywhere}
[data-people-directory] .person-card .contact-row{justify-content:flex-start;align-items:center;gap:5px;flex-wrap:wrap}
[data-people-directory] .person-card .profile-link{order:0;margin-inline-start:0;font-size:.875rem;min-block-size:44px;padding:6px 9px;gap:4px}
[data-people-directory] .person-card .person-share{order:3;min-inline-size:0;margin:0}
[data-people-directory] .person-card .person-share>summary{display:flex;align-items:center;justify-content:center;gap:4px;min-block-size:44px;border:1px solid #b9cde6;border-radius:5px;padding:6px 8px;font-size:.875rem;list-style:none}
[data-people-directory] .person-card .person-share>summary::-webkit-details-marker{display:none}
[data-people-directory] .person-card .person-share[open]{flex:1 0 100%;order:20;border:1px solid #b9cde6;border-radius:5px;padding:8px}
[data-people-directory] .person-card .person-share[open]>summary{inline-size:fit-content}
[data-people-directory] .person-card .person-share-options{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:8px;min-inline-size:0}
[data-people-directory] .person-card .person-share-options p{flex-basis:100%;font-size:.8125rem;margin-block:4px}
[data-people-directory] .person-card .person-share-options :is(button,a){font-size:.875rem;min-block-size:44px;max-inline-size:100%}
[data-people-directory] .person-card .person-share-options input{inline-size:100%;min-inline-size:0;font-size:.875rem}

/* Owner-approved accents distinguish skills and the selected display mode. */
[data-people-directory] .person-card .skills{background:#f1eafa;color:#59319a;border-inline-start:3px solid #7950b4;padding:6px 9px}
[data-people-directory] .people-view-controls button[aria-pressed="true"]{background:#fff3c4;color:#503b08;border-color:#b18a25}
html[data-km-theme="dark"] [data-people-directory] .person-card .skills{background:#302044;color:#e3d0ff;border-inline-start-color:#b992ed}
html[data-km-theme="dark"] [data-people-directory] .people-view-controls button[aria-pressed="true"]{background:#4a3916;color:#ffe6a0;border-color:#d0ad54}

[data-people-directory] .person-card .contact-row{gap:4px}
[data-people-directory] .person-card .profile-link{font-size:.8125rem;padding-inline:6px}
[data-people-directory] .person-card .person-share>summary{inline-size:fit-content;padding:6px 8px;position:relative}

/* Distinct contact channels: telephone blue, WhatsApp green. */
[data-people-directory] .person-card .contact-row a[href^="tel:"],[data-people-directory] .person-card .sample-phone{background:#075dc0;color:#fff;border-color:#075dc0}
html[data-km-theme="dark"] [data-people-directory] .person-card .contact-row a[href^="tel:"],html[data-km-theme="dark"] [data-people-directory] .person-card .sample-phone{background:#075dc0;color:#fff;border-color:#83b8f5}
[data-people-directory] .person-card .contact-row .whatsapp,[data-people-directory] .person-card .sample-whatsapp{background:#168848;color:#fff;border-color:#168848}

[data-people-directory] .person-card .card-email-icon{inline-size:20px;block-size:20px;flex:none;display:block}
[data-people-directory] .person-card .contact-row a[href^="mailto:"],[data-people-directory] .person-card .sample-message{background:#fff;color:#b3223b;border-color:#b3223b}
html[data-km-theme="dark"] [data-people-directory] .person-card .contact-row a[href^="mailto:"],html[data-km-theme="dark"] [data-people-directory] .person-card .sample-message{background:#fff;color:#b3223b;border-color:#f1b7bf}

/* Keep profile actions together; the share menu opens over the card instead of creating another row. */
[data-people-directory] .person-card{container-type:inline-size}
[data-people-directory] .person-card .contact-row{position:relative;flex-wrap:nowrap;gap:4px;align-items:center}
[data-people-directory] .person-card .contact-row>a:not(.profile-link),[data-people-directory] .person-card .contact-row>.sample-contact-icon{flex:0 0 44px;inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px;padding:0;justify-content:center}
[data-people-directory] .person-card .contact-row .people-icon{margin-inline-end:0}
[data-people-directory] .person-card .profile-link{order:0;flex:1 1 auto;min-inline-size:44px;white-space:nowrap;justify-content:center}
[data-people-directory] .person-card .contact-row>.whatsapp,[data-people-directory] .person-card .sample-whatsapp{order:2}
[data-people-directory] .person-card .contact-row>.phone,[data-people-directory] .person-card .sample-phone{order:1}
[data-people-directory] .person-card .contact-row>a[href^="mailto:"],[data-people-directory] .person-card .sample-message{order:3}
[data-people-directory] .person-card .person-share,[data-people-directory] .person-card .person-share[open]{order:4;flex:0 0 44px;inline-size:44px;min-inline-size:44px;margin:0;padding:0;border:0;position:static}
[data-people-directory] .person-card .person-share>summary,[data-people-directory] .person-card .person-share[open]>summary{inline-size:44px;block-size:44px;min-block-size:44px;padding:0;display:flex;align-items:center;justify-content:center}
[data-people-directory] .person-card .person-share>summary>span,[data-people-directory] .person-card .contact-row>a:not(.profile-link)>.action-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-people-directory] .person-card .person-share-options{position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);z-index:20;margin:0;padding:12px;border:1px solid #9eb9d9;border-radius:9px;background:#fff;color:#102d56;box-shadow:0 10px 24px #06295026;max-block-size:360px;overflow:auto;overscroll-behavior:contain}
[data-people-directory] .person-card .person-share:not([open])>.person-share-options{display:none}
[data-people-directory] .person-card:has(.person-share[open]){z-index:25}
html[data-km-theme="dark"] [data-people-directory] .person-card .person-share-options{background:#10283f;color:#edf3fc;border-color:#7895b7}
@container(max-width:300px){[data-people-directory] .person-card .profile-link>.action-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}

/* Preserve the five 44px actions when the filter sidebar narrows the results area. */
[data-people-directory] [data-people-results][data-view="grid"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

/* Clear hierarchy for public location facts; values retain their privacy guard. */
.person-card .card-place-values{display:grid;min-inline-size:0;gap:2px;line-height:1.5}
.person-card .card-place-city{font-weight:700}
.person-card .card-place-country{font-size:.875rem;font-weight:400;color:#52657c}
[data-people-directory] .person-card .card-location{align-items:start;column-gap:8px;padding-block:8px;border-block-start:1px solid #dbe6f3}
[data-people-directory] .person-card .card-residence-label{font-size:.8125rem;font-weight:400;color:#52657c}
[data-people-directory] .person-card .headline{font-weight:400;color:#52657c}
html[data-km-theme="dark"] .person-card .card-place-country,html[data-km-theme="dark"] [data-people-directory] .person-card .card-residence-label,html[data-km-theme="dark"] [data-people-directory] .person-card .headline{color:#c1d1e5}
@media(max-width:600px){
[data-people-directory] .person-card{padding:16px;border-radius:10px}
[data-people-directory] .person-card .card-top{gap:12px;margin-block-end:12px;padding-inline:0;padding-left:44px}
[data-people-directory] .person-card .avatar{inline-size:56px;block-size:56px;flex-basis:56px}
[data-people-directory] .person-card .card-top h3{font-size:1.0625rem;line-height:1.5}
[data-people-directory] .person-card .contact-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-block-start:12px}
[data-people-directory] .person-card .profile-link{grid-column:1/-1;inline-size:100%;font-size:.9375rem;min-block-size:44px;padding:8px 12px}
[data-people-directory] .person-card .profile-link>.action-label{position:static;inline-size:auto;block-size:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
[data-people-directory] .person-card .contact-row>a:not(.profile-link),[data-people-directory] .person-card .contact-row>.sample-contact-icon,[data-people-directory] .person-card .person-share,[data-people-directory] .person-card .person-share[open],[data-people-directory] .person-card .person-share>summary,[data-people-directory] .person-card .person-share[open]>summary{inline-size:100%;min-inline-size:44px}
}


/* Use the paginator's bounded number window without changing its query filters. */
.pagination{gap:8px}
.pagination a,.pagination .pagination-current{display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;padding:6px 12px;border:1px solid #b6cce7;border-radius:6px;line-height:1.5;text-decoration:none}
.pagination .pagination-current{color:#fff;background:#075dc0;border-color:#075dc0;font-weight:700}
.pagination .pagination-gap{padding-inline:2px}
.pagination .pagination-position{flex-basis:100%;text-align:center;font-size:.875rem}

html[data-km-theme="dark"] .pagination a{background:#10283f;color:#edf3fc;border-color:#7895b7}


/* Public-profile controls stay readable outside the directory root. */
.profile-share>summary,.profile .back-results,.profile .visitor-preview-notice a{min-block-size:44px;padding-block:8px;overflow-wrap:anywhere}
.profile-share [data-profile-qr]{max-inline-size:100%;block-size:auto}
html[data-km-theme="dark"] .profile .skills{background:#302044;color:#e3d0ff}
html[data-km-theme="dark"] .profile .visitor-preview-notice{background:#143527;color:#eefaf4;border-color:#65c998}