.site-languages{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding:9px clamp(16px,4vw,52px);border-bottom:1px solid rgba(130,105,75,.18);background:#fbf8f2;color:#51473b;font:13px/1.6 Arial,sans-serif;position:relative;z-index:35}
.site-languages a{color:inherit;text-decoration:none;padding:2px 4px;white-space:nowrap}.site-languages a[aria-current=page]{color:#8e3f24;border-bottom:1px solid currentColor}
html[lang=ru] body,html[lang=en] body{overflow-wrap:anywhere}html[lang=ru] .field-label,html[lang=en] .field-label{letter-spacing:0;text-transform:none}.profile-sheet-row>*{min-width:0}.profile-sheet dd,.profile-sheet-row{overflow-wrap:anywhere}
@media(max-width:680px){.logo-mark{max-width:100%;min-width:0;white-space:normal}.logo-mark span{white-space:normal;line-height:1.6}.hero h1{overflow-wrap:normal;word-break:normal}}

@media(max-width:680px){.sperm-toolbar>*{min-width:0;max-width:100%}.sperm-toolbar h2{white-space:normal}}

/* Phase 2: one responsive header, fixed two-line cards and portrait overview. */
body .topbar[data-compact-header]{display:flex;flex-wrap:nowrap;min-height:88px;padding:14px clamp(20px,4vw,64px);gap:24px;transition:min-height .2s,padding .2s;background:rgba(253,251,247,.98)}
.topbar[data-compact-header] .brand-logo-link{max-width:none;min-width:0;flex:1 1 auto}.topbar[data-compact-header] .brand-logo-img{width:min(238px,25vw);max-height:59px}.topbar[data-compact-header] .brand-page-label{max-width:24vw;white-space:normal;line-height:1.6;letter-spacing:.04em}
.topbar[data-compact-header] .topbar-center{max-width:42%;min-width:0;align-items:center;transform:none;flex:0 1 auto}.topbar[data-compact-header] .logo-mark{font-family:"Inter","Noto Serif SC",sans-serif;letter-spacing:.08em;white-space:normal}.topbar[data-compact-header] .official-site-inline{flex-wrap:wrap;gap:4px 8px}.topbar[data-compact-header] .official-site-copy{letter-spacing:.04em;white-space:normal}.header-back{font-size:12px;line-height:1.6;white-space:nowrap;border-bottom:1px solid var(--line);padding:7px 0}
body .topbar[data-compact-header].is-compact{min-height:64px;height:64px;padding-block:9px}.topbar[data-compact-header].is-compact .brand-logo-img{width:182px;max-height:44px}.topbar[data-compact-header].is-compact .topbar-center{display:none}.topbar[data-compact-header].is-compact .brand-page-label{max-width:none}
html{scroll-padding-top:80px}.donor-frame::after{border:1px solid rgba(145,113,72,.48);border-radius:10px}.donor-frame::before{background:none}.donor-meta{height:72px;padding:12px 2px 0;display:grid;grid-template-rows:22px 24px;row-gap:6px}.donor-meta .meta-row1{align-items:center;gap:8px;min-width:0}.donor-meta .meta-id{font:500 12px/1.5 "JetBrains Mono",monospace;letter-spacing:0;margin:0;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-age{flex:0 0 auto;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.5}.meta-row2{display:flex;align-items:center;gap:8px;min-width:0;font:11px/1.5 "Inter","Noto Serif SC",sans-serif;color:var(--muted)}.meta-physical{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.meta-physical>span{white-space:nowrap}.meta-hair{overflow:hidden;text-overflow:ellipsis;max-width:7ch;min-width:0}.meta-status{flex:0 1 auto;max-width:38%;min-width:0;padding:2px 6px;border:1px solid var(--line-soft);border-radius:4px;background:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.5}
body[data-page="donor-detail"] .detail-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);max-width:1380px;gap:32px;padding-top:28px}body[data-page="donor-detail"] .detail-card{display:block;padding:24px}body[data-page="donor-detail"] .detail-cover{width:100%;height:auto;max-width:none;aspect-ratio:4/5;margin:0;border-radius:10px}body[data-page="donor-detail"] .detail-heading{margin-top:18px}body[data-page="donor-detail"] .detail-key-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}body[data-page="donor-detail"] .detail-grid{grid-template-columns:minmax(105px,30%) minmax(0,1fr);gap:0 20px}body[data-page="donor-detail"] .detail-panel{scroll-margin-top:84px}.detail-in-page-nav{margin-bottom:0}.detail-footer .foot-cap{grid-column:1/-1;width:100%}
@media(max-width:1100px){.topbar[data-compact-header] .brand-page-label{display:none}.topbar[data-compact-header] .topbar-center{max-width:55%}}
@media(max-width:900px){body .topbar[data-compact-header]{gap:14px}.topbar[data-compact-header] .brand-logo-img{width:220px}.topbar[data-compact-header] .logo-mark{font-size:10px;letter-spacing:.02em}.topbar[data-compact-header] .official-site-copy{display:none}.topbar[data-compact-header] .official-site-link{padding-left:0;border:0}body[data-page="donor-detail"] .detail-layout{grid-template-columns:1fr;gap:24px}body[data-page="donor-detail"] .detail-card{display:grid;grid-template-columns:minmax(160px,32%) minmax(0,1fr);gap:18px 28px}body[data-page="donor-detail"] .detail-cover{grid-column:1;grid-row:1/4;align-self:start}body[data-page="donor-detail"] .detail-heading{grid-column:2;margin:0}body[data-page="donor-detail"] .detail-key-info{grid-column:2;margin-top:0}.detail-card .detail-actions{grid-column:2;margin:0;align-self:end}.detail-card .detail-download-form{grid-column:1/-1}}
@media(max-width:680px){body .topbar[data-compact-header]{flex-wrap:wrap;padding:12px 20px;gap:8px 16px;min-height:88px}.topbar[data-compact-header] .brand-logo-img{width:204px;height:50px}.topbar[data-compact-header] .topbar-center{flex:1 1 100%;max-width:100%;align-items:flex-start}.topbar[data-compact-header] .logo-mark{display:none}.topbar[data-compact-header] .official-site-inline{line-height:1}.topbar[data-compact-header] .official-site-link{font-size:13px;line-height:1.3}.topbar[data-compact-header].is-compact{flex-wrap:nowrap}.topbar[data-compact-header].is-compact .brand-logo-img{height:44px}.topbar[data-compact-header] .header-back{font-size:11px}.meta-age{font-size:10px}.donor-meta{height:64px;padding-top:9px;grid-template-rows:20px 23px;row-gap:4px}.donor-meta .meta-id{font-size:10px}.meta-row2{font-size:10px;gap:5px}.meta-physical{gap:5px}.meta-hair{max-width:4ch}.meta-status{font-size:9px;padding:2px 4px;max-width:34%}.mobile-sticky-cta{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding:5px;gap:6px;min-height:54px}.mobile-sticky-cta>*{min-width:0;max-width:100%;padding:7px 9px;text-align:center;white-space:normal;line-height:1.35;overflow-wrap:normal;font-family:"Inter","Noto Serif SC",sans-serif;font-size:12px}.mobile-sticky-cta a,.mobile-sticky-cta button{min-height:42px;font-size:12px}.mobile-sticky-cta button svg{flex-shrink:0}.mobile-sticky-cta .primary{letter-spacing:0}html[lang="ru"] body[data-page="catalog"] .hero h1{font-size:clamp(25px,7vw,31px);line-height:1.25;letter-spacing:-.02em}.detail-footer{grid-template-columns:1fr}.detail-footer-links{gap:14px}body[data-page="donor-detail"] .detail-layout{padding:20px 16px 40px}body[data-page="donor-detail"] .detail-card{padding:16px;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:14px 16px}body[data-page="donor-detail"] .detail-heading h1{font-size:20px}body[data-page="donor-detail"] .detail-cover{max-width:none;grid-row:1/3}body[data-page="donor-detail"] .detail-id{font-size:10px;margin-bottom:4px}body[data-page="donor-detail"] .detail-meta{display:none}body[data-page="donor-detail"] .detail-key-info{gap:10px 12px}body[data-page="donor-detail"] .detail-key-info dt{font-size:10px}body[data-page="donor-detail"] .detail-key-info dd{font-size:13px;margin-top:3px}body[data-page="donor-detail"] .detail-key-item[data-key="residence"]{grid-column:1/-1}.detail-card .detail-actions{grid-column:1/-1}.detail-card .detail-actions .primary-btn{width:100%;font-size:12px}body[data-page="donor-detail"] .detail-grid{grid-template-columns:minmax(85px,32%) minmax(0,1fr);gap:0 12px}.detail-lead-form{grid-template-columns:1fr}.detail-lead-submit{align-items:flex-start}.profile-sheet-primary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.topbar[data-compact-header]{transition:none}}
.detail-key-info .detail-value-pending{font-size:12px;font-weight:400;color:var(--muted)}
@media(max-width:680px){.topbar[data-compact-header] .brand-logo-link{order:1}.topbar[data-compact-header] .topbar-right{order:2}.topbar[data-compact-header] .topbar-center{order:3}}
/* Keep the four-value overview ahead of the longer source record on desktop. */
body[data-page="donor-detail"] .detail-layout{grid-template-columns:1fr;max-width:1240px}
@media(min-width:901px){body[data-page="donor-detail"] .detail-card{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);padding:28px;gap:22px 44px}body[data-page="donor-detail"] .detail-cover{grid-column:1;grid-row:1/4;align-self:start}body[data-page="donor-detail"] .detail-heading{grid-column:2;margin:0}body[data-page="donor-detail"] .detail-heading h1{font-size:32px}body[data-page="donor-detail"] .detail-key-info{grid-column:2;gap:24px 32px;margin-top:0}body[data-page="donor-detail"] .detail-key-info dd{font-size:20px}.detail-card .detail-actions{grid-column:2;max-width:320px;margin:0;align-self:end}.detail-card .detail-download-form{grid-column:1/-1}.detail-main .detail-in-page-nav{gap:12px}}
html[lang="ru"] body[data-page="catalog"] .hero h1 br{display:none}
@media(min-width:681px){html[lang="ru"] body[data-page="catalog"] .hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.25;letter-spacing:-.02em}}
@media(max-width:680px){html[lang="ru"] body[data-page="catalog"] .hero h1{font-size:clamp(24px,6.5vw,28px);line-height:1.25}}

/* Missing card fields remain readable in all languages. */
.donor-meta .is-empty,.sperm-card-stats .is-empty{color:#8b847b}
@media(max-width:680px){
  body{padding-bottom:0}
  .reading-top{bottom:max(16px,env(safe-area-inset-bottom))}
  .donor-meta{height:auto;min-height:92px;display:block;padding:10px 2px 4px}
  .donor-meta .meta-row1{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
  .donor-meta .meta-id{font-size:11px;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
  .donor-meta .meta-age{font-size:11px;max-width:48%;white-space:normal;text-align:right}
  .donor-meta .meta-row2{font-size:12px;margin-top:5px}
  .donor-meta .meta-physical{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:baseline}
  .donor-meta .meta-physical>span{white-space:normal;overflow-wrap:anywhere}
  .donor-meta .meta-hair{flex-basis:100%;max-width:none;overflow:visible;text-overflow:clip;line-height:1.6}
  .sperm-card-stats{flex-wrap:wrap}
}
@media(min-width:681px){.donor-meta{height:auto;min-height:72px;grid-template-rows:22px auto}.donor-meta .meta-row2,.donor-meta .meta-physical{align-items:baseline}.donor-meta .meta-hair{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}