:root{--blue:#1f487c;--ink:#172d4b;--rule:#d7e1ef;--sub:#4c6178}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f6f8fb;font:16px/1.6 system-ui,Arial,sans-serif}a{color:var(--blue);text-underline-offset:4px}header,footer{padding:16px max(5%,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid var(--rule)}header img{display:block;width:136px}header nav{display:flex;gap:23px;align-items:center;font-size:14px}header nav a{text-decoration:none;font-weight:600}.lang{border:1px solid var(--rule);border-radius:24px;padding:6px 13px}main{max-width:1240px;margin:auto;padding:44px 4.5% 60px}.lead small,.tag{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:750;color:var(--blue)}.lead h1,h1{font-size:clamp(32px,4.7vw,62px);line-height:1.13;letter-spacing:-.045em;margin:18px 0}.lead p{max-width:70ch;color:var(--sub)}.tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.tools input,.tools select{padding:12px 15px;border:1px solid #b2c1d6;border-radius:6px;font:inherit;background:#fff}.tools input{width:min(400px,100%)}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:18px;padding:0;list-style:none}.card{height:100%;display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--rule);border-radius:9px;overflow:hidden;transition:box-shadow .18s}.card:hover{box-shadow:0 6px 20px #18375c19}.photo{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e3eaf2,#f6f8fb);aspect-ratio:4/3}.photo img{width:100%;height:100%;object-fit:contain;min-height:0}.initial{font:600 52px Arial,sans-serif;color:#41658c}.card .copy{padding:15px 16px 19px}.card strong{display:block;font-size:20px;line-height:1.35}.card p{font-size:14px;color:var(--sub);margin:7px 0 0}.breadcrumb{font-size:14px}.person{display:grid;grid-template-columns:minmax(180px,330px) 1fr;gap:clamp(25px,5vw,70px);background:white;border-radius:12px;padding:clamp(20px,4vw,48px);margin-top:23px;border:1px solid var(--rule)}.person .photo{aspect-ratio:4/5;border-radius:6px}.person h1{font-size:clamp(32px,4vw,52px)}.person h2{font-size:18px;margin-bottom:6px}.person p{max-width:60ch;color:var(--sub)}.caption,footer{font-size:13px;color:var(--sub)}.caption{margin:24px 0}.src{display:block;margin:14px 0}.standard{display:inline-block;border:1px solid #c3cfdf;border-radius:20px;padding:3px 10px;margin:3px 2px 3px 0;font-size:13px}[hidden]{display:none!important}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cc3333;outline-offset:3px}@media(max-width:700px){.person{grid-template-columns:1fr}.person .photo{max-height:320px;aspect-ratio:auto;min-height:160px}.person .photo img{max-height:320px}header,footer{flex-wrap:wrap}header nav{gap:11px}.catalog{grid-template-columns:repeat(auto-fill,minmax(min(100%,152px),1fr));gap:10px}.card strong{font-size:17px}}

/* Editorial member portraits — consistent with the supplied profile reference. */
:root { --ink:#20252b; --sub:#57616b; --rule:#e5e8eb; }
body { background:#fff; }
.catalog { grid-template-columns:repeat(3,minmax(0,1fr)); gap:46px 30px; margin:46px 0; }
.card { border:0; border-radius:0; overflow:visible; text-align:center; }
.card:hover { box-shadow:none; }
.photo { width:100%; border-radius:50%; aspect-ratio:1; background:#f4f5f6; isolation:isolate; }
.photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--portrait-position,50% 0%); transform:scale(var(--portrait-scale,1)); transform-origin:var(--portrait-origin,50% 35%); filter:brightness(1.025) saturate(.95); }
.card .photo { width:min(100%,224px); margin:0 auto; transition:box-shadow .2s; }
.card:hover .photo { box-shadow:0 0 0 6px #f0f3f6; }
.card .copy { padding:23px 4px 0; }
.card strong { font:700 clamp(24px,2.3vw,31px)/1.2 Arial,sans-serif; letter-spacing:-.02em; color:#171c23; }
.card .tag { display:block; font-size:12px; letter-spacing:0; margin-top:12px; color:#315779; }
.card p { font-size:14px; line-height:1.65; max-width:30ch; margin:12px auto 0; }
.initial { color:#6a7f90; font:400 60px/1 Arial,sans-serif; }
.profile-main { max-width:1050px; padding-top:26px; }
.profile-main > .breadcrumb { display:inline-block; margin:0 20px 0 0; font-size:12px; }
.person { display:flex; flex-direction:column; align-items:center; gap:0; border:0; border-radius:0; padding:42px 0 16px; margin:0; text-align:center; }
.person .photo { width:clamp(225px,30vw,320px); aspect-ratio:1; border-radius:50%; max-height:none; }
.person-copy { width:100%; max-width:760px; padding-top:32px; }
.person h1 { color:#13171c; font:700 clamp(34px,4.6vw,54px)/1.15 Arial,sans-serif; letter-spacing:-.025em; margin:0 0 18px; overflow-wrap:anywhere; }
.person .tag { color:#222a31; font-size:clamp(16px,2vw,20px); line-height:1.4; letter-spacing:0; text-transform:none; }
.person p { margin:18px auto; font-size:clamp(16px,1.8vw,20px); line-height:1.65; color:#42484f; max-width:62ch; }
.person .alternate-name { font-size:13px; color:#75808a; margin:8px auto 0; }
.profile-rule { width:72px; height:1px; background:#dce0e4; margin:22px auto; }
.person h2 { font-size:14px; font-weight:600; color:#6b7580; margin:26px 0 10px; }
.profile-contact { display:flex; flex-direction:column; align-items:center; gap:10px; margin:30px 0 12px; }
.mail-action { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#172d42; color:white; transition:background .2s; }
.mail-action:hover { background:#1f487c; }
.profile-contact > span { font-size:12px; color:#6b7580; }
.photo-source { font-size:12px; color:#6b7580; margin:26px auto 0; }
.photo-source summary { cursor:pointer; width:fit-content; margin:auto; }
.src { font-size:12px; }
.profile-main > .caption { max-width:760px; text-align:center; margin:20px auto 30px; padding-top:24px; border-top:1px solid var(--rule); line-height:1.6; }
.tools input { flex:1; min-width:min(220px,100%); }
.tools #count { white-space:nowrap; }
@media(max-width:900px) { .catalog { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; } }
@media(max-width:600px) { header { padding:16px 5%; align-items:center; } header nav { gap:12px; font-size:12px; } header img { width:112px; } main { padding:28px 6% 40px; } .catalog { gap:34px 18px; } .card .photo { width:min(100%,180px); } .card strong { font-size:23px; } .card .copy { padding-top:18px; } .card p { font-size:13px; } .card .tag { font-size:11px; } .person { padding-top:30px; } .person-copy { padding-top:28px; } .person .photo { width:min(72vw,270px); max-height:none; } .profile-main > .breadcrumb { margin-bottom:10px; } footer { flex-wrap:wrap; } }
@media(max-width:360px) { .catalog { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .photo,.mail-action { transition:none; } }

.photo img[src$="sh-enkhsaran.webp"] { --portrait-position:50% 100%; }
.photo img[src$="ts-bayarsaikhan.webp"] { --portrait-scale:2.2; --portrait-origin:50% 39%; }
.photo img[src$="p-bat-olzii.webp"] { --portrait-scale:1.45; --portrait-origin:50% 42%; }

/* Neutral page surface shared with the requested portrait presentation. */
:root { --portrait-surface:#f5f5f5; }
body,header,footer,.card,.person,.photo { background:var(--portrait-surface); }
.card:hover .photo { box-shadow:none; }
.mail-action { background:#000; }
.mail-action:hover { background:#262626; }


/* Original-photo cutouts: RGB is unchanged; only alpha removes the background. */
:root { --portrait-backdrop:#e7e7e7; }
.photo { background:var(--portrait-backdrop); }
.photo img { object-fit:contain; object-position:center bottom; transform:none; filter:none; }

/* Member names follow the main site's Arial typography. */
.card strong,.person h1 { font-family:Arial,sans-serif; font-style:normal; letter-spacing:normal; }
.card .tag--professional { color:#c62828; font-size:11px; letter-spacing:0; text-transform:none; }
.person .tag--professional { color:#c62828; font-size:16px; font-weight:600; letter-spacing:0; text-transform:none; }

/* Employment evidence stays accessible without crowding the portrait. */
.person-copy .employment-sources{max-width:660px;margin:22px auto;color:#5c6269;font-size:13px;line-height:1.6;text-align:center}.employment-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.employment-sources[open] summary{margin-bottom:12px}.employment-sources a{overflow-wrap:anywhere}.employment-sources div{padding:10px 12px;border-top:1px solid #ddd}