/* v4.1 public refresh: improved header, search/programări actions, service cards with imagery,
   and cleaner reading rhythm on text-heavy public pages. */
.container{width:min(1280px,calc(100% - 52px));}
.topline{background:#143c59;color:#e6f1f6;font-size:12px}
.topline-inner{min-height:38px;gap:18px}
.topline-inner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.topline a.ux390-toplink{background:#e6f4f7;border-color:#bfdde5;color:#164e63!important;padding:5px 11px;border-radius:999px}
.mainhead{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.98);backdrop-filter:saturate(1.1) blur(8px);box-shadow:0 10px 30px rgba(11,46,66,.08)}
.headinner{display:flex;flex-wrap:wrap;align-items:center;gap:18px;min-height:auto;padding:14px 0 10px}
.brand{gap:16px;min-height:82px;padding-right:10px;flex:1 1 auto;min-width:290px}
.brand img{width:88px;height:88px;object-fit:contain;flex:0 0 88px}
.brand>div{display:flex;flex-direction:column;justify-content:center;min-width:0}
.brand-kicker{font-size:12px;letter-spacing:.11em;font-weight:800;color:#1c6a83}
.brand strong{font-size:28px;line-height:1.14;letter-spacing:-.02em;color:#153d57}
.brand-city{font-size:12px;letter-spacing:.28em;color:#1f8aa0;margin-top:5px}
.headtools{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
.headtool{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:12px;border:1px solid #cfe0e6;text-decoration:none!important;font-size:14px;font-weight:750;white-space:nowrap}
.headtool-search{background:#f4f8fa;color:#184e67}
.headtool-search:hover{background:#e7f1f5;color:#123f54}
.headtool-cta{background:#16788c;color:#fff;border-color:#16788c}
.headtool-cta:hover{background:#0f6579;color:#fff}
.mainnav{width:100%;border-top:1px solid #e3edf1;padding-top:10px}
.mainnav>ul{gap:4px;flex-wrap:wrap}
.mainnav a,.nav-link.nav-parent{font-size:14px;font-weight:700;padding:11px 14px;border-radius:10px;color:#21465a}
.mainnav a:hover,.nav-link.nav-parent:hover,.mainnav li.is-current>a,.mainnav li.is-current>.nav-entry>.nav-link{background:#eaf5f8;color:#146f89}
.submenu{top:calc(100% + 6px);border-radius:14px;box-shadow:0 16px 40px rgba(17,56,74,.14)}
.nav-toggle{margin-left:auto;border-radius:11px}
/* Homepage medical discovery cards */
.ux390-section-title{max-width:860px}
.ux390-section-title h2{font-size:clamp(28px,3.3vw,42px)}
.ux390-service-grid{gap:18px;align-items:stretch}
.ux390-service-card{padding:0;overflow:hidden;min-height:315px;background:#fff;border-radius:18px;border:1px solid #d9e7eb;box-shadow:0 10px 28px rgba(16,56,74,.05);gap:0}
.ux390-service-card:hover{transform:translateY(-4px);border-color:#85c0cb;box-shadow:0 18px 36px rgba(16,56,74,.1)}
.ux390-service-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#eaf2f4}
.ux390-service-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,46,64,.06) 0%,rgba(14,46,64,.36) 100%)}
.ux390-service-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.ux390-service-card:hover .ux390-service-media img{transform:scale(1.04)}
.ux390-service-icon{position:relative;margin:-24px 0 0 18px;height:52px;width:52px;border-radius:15px;background:#f0fafb;border:1px solid #d7edf1;box-shadow:0 8px 16px rgba(14,56,76,.08);font-size:23px;z-index:1}
.ux390-service-card strong,.ux390-service-card small,.ux390-service-arrow{padding-left:18px;padding-right:18px}
.ux390-service-card strong{display:block;margin-top:14px;font-size:18px;line-height:1.35;min-height:50px}
.ux390-service-card small{display:block;font-size:14px;line-height:1.65;color:#607787;padding-bottom:0}
.ux390-service-arrow{padding-bottom:18px;padding-top:18px;font-size:22px;color:#167b91;align-self:flex-start;margin-top:auto}
/* Reading rhythm on long public pages */
.page-body{padding:44px 0 74px}
.interior-page .container.interior-shell{gap:34px}
.interior-page .interior-content,.page-body:not(.interior-page) .content-panel,.v400-article{border-radius:18px;box-shadow:0 10px 34px rgba(14,50,67,.05)}
.interior-page .interior-content{padding:clamp(24px,3.2vw,42px)}
.interior-page .ux380-reader,.page-body:not(.interior-page) .content-panel>.article-body,.v400-reader{font-size:17px;line-height:1.82;color:#2f4f61}
.interior-page .ux380-reader :where(p,li),.page-body:not(.interior-page) .content-panel>.article-body :where(p,li),.v400-reader :where(p,li){line-height:1.82;text-align:left}
.interior-page .ux380-reader p,.page-body:not(.interior-page) .content-panel>.article-body p,.v400-reader p{margin:0 0 1.15em}
.interior-page .ux380-reader :where(h2,h3,h4),.page-body:not(.interior-page) .content-panel>.article-body :where(h2,h3,h4),.v400-reader :where(h2,h3,h4){color:#173f54;line-height:1.34;letter-spacing:-.015em;margin:1.9em 0 .8em}
.interior-page .ux380-reader h2,.v400-reader h2{font-size:clamp(25px,2.2vw,32px)}
.interior-page .ux380-reader :where(ul,ol),.page-body:not(.interior-page) .content-panel>.article-body :where(ul,ol),.v400-reader :where(ul,ol){padding-inline-start:1.45em;margin:1em 0 1.6em}
.interior-page .ux380-reader li,.page-body:not(.interior-page) .content-panel>.article-body li,.v400-reader li{margin-bottom:.52em;padding-left:3px}
.interior-page .ux380-reader table,.v400-reader table{border-radius:14px;overflow:hidden;border:1px solid #d8e5e9;background:#fff}
.interior-page .ux380-reader blockquote,.v400-reader blockquote{border-left:4px solid #8fc4ce;background:#f5fbfc;padding:14px 18px;border-radius:0 12px 12px 0;color:#476777}
.interior-page .interior-side{top:115px}
.interior-page .interior-aside-box{border-radius:16px}
/* Mobile */
@media(max-width:1100px){
  .brand strong{font-size:24px}
}
@media(max-width:900px){
  .headinner{padding:12px 0 12px}
  .brand{min-width:0;min-height:72px}
  .brand img{width:74px;height:74px;flex-basis:74px}
  .brand strong{font-size:22px}
  .headtools{order:3;width:100%;justify-content:flex-start;margin-left:0}
  .mainnav{order:4}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1280px)}
  .topline-inner>span{display:none}
  .topline-inner{justify-content:center}
  .topline a.ux390-toplink{display:none}
  .brand{flex:1 1 calc(100% - 76px)}
  .brand img{width:64px;height:64px;flex-basis:64px}
  .brand-kicker{font-size:10px}
  .brand strong{font-size:18px}
  .brand-city{letter-spacing:.16em}
  .headtools{display:none}
  .mainnav{padding-top:8px}
  .ux390-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
  .ux390-service-grid{grid-template-columns:1fr}
  .ux390-service-card{min-height:unset}
  .ux390-service-card strong{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .ux390-service-media img,.ux390-service-card{transition:none}
}