/* Homepage v2 — task-led knowledge portal inspired by NCBI and EMBL-EBI. */
.homepage-v2{background:#dde1e4!important}
.homepage-v2 .wrap{width:min(100%,1280px);margin:0 auto;background:#fff!important;box-shadow:0 0 9px rgba(20,45,65,.16)!important}
.homepage-v2 .topbar{min-height:82px;padding:13px 30px;background:#173f66!important}
.homepage-v2 .architecture-nav{display:flex!important;border-color:#bcc9d3;background:#eef2f5}
.homepage-v2 .architecture-nav a{padding:12px 10px;color:#254f6e;font-size:12px}
.homepage-v2 .architecture-nav{scrollbar-width:none}.homepage-v2 .architecture-nav::-webkit-scrollbar{display:none}

.homepage-v2 .search-hero{position:relative;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(480px,1.45fr);gap:34px;align-items:end;padding:30px 34px 26px!important;border:0!important;border-bottom:1px solid #8eacc0!important;color:#fff;background:linear-gradient(118deg,#123b61 0,#1c5886 62%,#2e78a4 100%)!important}
.homepage-v2 .search-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.12) 0 4px,transparent 5px),radial-gradient(circle at 76% 70%,rgba(255,255,255,.08) 0 7px,transparent 8px);background-size:115px 92px,170px 130px;opacity:.55}
.homepage-v2 .hero-copy{position:relative;z-index:1;display:block!important;clip:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important}
.homepage-v2 .hero-copy .intro-kicker{display:block;color:#bad8e9;font-size:9px;font-weight:900;letter-spacing:.15em}
.homepage-v2 .hero-copy h1{margin:7px 0 7px;color:#fff;font-size:27px;line-height:1.25;letter-spacing:-.02em}
.homepage-v2 .hero-copy p{max-width:470px;margin:0;color:#dbe8f0;font-size:12px;line-height:1.7}
.homepage-v2 .search-card{position:relative;z-index:1;width:100%!important;margin:0!important;padding:3px!important;border:1px solid rgba(255,255,255,.68)!important;background:#fff!important}
.homepage-v2 .searchbox{min-height:45px!important}
.homepage-v2 .scope-select select{width:118px!important;font-size:12px!important}
.homepage-v2 .searchbox input{min-height:43px!important;font-size:14px!important}
.homepage-v2 .searchbox button{min-width:84px!important;background:#23729e!important;font-size:13px!important}
.homepage-v2 .hero-tools{position:relative;z-index:1;grid-column:2;width:100%!important;margin:7px 0 0!important;color:#dbe8f0}
.homepage-v2 .examples{color:#dbe8f0}.homepage-v2 .examples button{border-color:rgba(255,255,255,.52);color:#fff}.homepage-v2 .search-guide{color:#fff}

.homepage-v2 .home-dashboard{padding:28px 34px 58px!important}
.homepage-v2 .home-portal-grid{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;grid-template-areas:"services services" "directory highlights";gap:30px 32px!important;align-items:start}
.homepage-v2 .home-center{grid-area:services;display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start;padding-bottom:28px;border-bottom:1px solid #b8c7d1}
.homepage-v2 .home-welcome{min-height:0;padding:7px 0 0;border:0}
.homepage-v2 .home-welcome>small{display:block;color:#276895;font-size:9px;font-weight:900;letter-spacing:.14em}
.homepage-v2 .home-welcome h2{margin:6px 0 9px;color:#173f66;font-size:23px;line-height:1.25}
.homepage-v2 .home-welcome p{color:#536876;font-size:12px;line-height:1.72}
.homepage-v2 .home-intro-links{margin-top:14px}.homepage-v2 .home-intro-links a{font-size:11px}
.homepage-v2 .home-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:0!important}
.homepage-v2 .home-task-grid a{display:flex;min-width:0;min-height:132px;flex-direction:column;justify-content:flex-start;gap:8px;padding:15px 11px;border:0!important;border-left:1px solid #c8d3db!important;color:#214f72;background:#fff;text-align:center}
.homepage-v2 .home-task-grid a:nth-child(4n+1){border-left:0!important}.homepage-v2 .home-task-grid a:hover{background:#f3f7f9}
.homepage-v2 .home-task-icon,.homepage-v2 .home-task-icon svg{width:48px;height:48px}.homepage-v2 .home-task-icon{margin:0 auto;border:0;color:#3077a0;background:transparent}
.homepage-v2 .home-task-grid b{color:#24475f;font-size:13px}.homepage-v2 .home-task-grid small{max-width:150px;margin:0 auto;color:#60717d;font-size:10px;line-height:1.5}

.homepage-v2 .home-directory{grid-area:directory;border:0;background:#eef3f7}
.homepage-v2 .home-directory-current{position:relative;padding:11px 15px!important;color:#fff!important;background:#256a97!important;font-size:12px!important;font-weight:800;text-decoration:none!important}
.homepage-v2 .home-directory-current:after{display:none!important}
.homepage-v2 .home-directory header{padding:13px 15px 11px;border:0;border-bottom:3px solid #91aabd;background:#f7f9fa}
.homepage-v2 .home-directory header small{display:block;color:#276895;font-size:8px;font-weight:900;letter-spacing:.14em}.homepage-v2 .home-directory header h2{margin:3px 0 0;color:#263f51;font-size:16px}
.homepage-v2 .home-tree{border:0}.homepage-v2 .home-tree details{border-bottom:1px solid #c3d0da;background:#edf3f7}.homepage-v2 .home-tree summary{padding:10px 29px 10px 14px;color:#244f6d;font-size:11px}.homepage-v2 .home-directory .home-tree details a{padding:6px 12px 6px 24px;font-size:10px}

.homepage-v2 .home-sidebar{grid-area:highlights;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(235px,.72fr);grid-template-rows:auto auto;gap:20px 24px}
.homepage-v2 .home-sidebar>.featured-carousel{grid-column:1;grid-row:1/3;width:100%;min-height:390px;aspect-ratio:auto;border:1px solid #91a7b7;background:#174a73}
.homepage-v2 .home-sidebar .featured-copy{width:min(88%,650px);padding:30px 30px 50px}.homepage-v2 .home-sidebar .featured-copy h2{font-size:24px}.homepage-v2 .home-sidebar .featured-copy p{display:-webkit-box;font-size:12px;-webkit-line-clamp:2}.homepage-v2 .home-sidebar .featured-controls{left:30px;bottom:16px}
.homepage-v2 .home-popular,.homepage-v2 .home-latest{border:0;background:#fff}
.homepage-v2 .home-popular{grid-column:2;grid-row:1}.homepage-v2 .home-latest{grid-column:2;grid-row:2}
.homepage-v2 .home-popular header,.homepage-v2 .home-latest header{padding:9px 0;border-top:4px solid #86a5b9;border-bottom:1px solid #aebdc8;background:#fff}
.homepage-v2 .home-popular header small,.homepage-v2 .home-latest header small{display:block;color:#256a97;font-size:8px;font-weight:900;letter-spacing:.14em}.homepage-v2 .home-popular h2,.homepage-v2 .home-latest h2{margin:3px 0 0;color:#714d34;font-size:15px}
.homepage-v2 .home-popular nav,.homepage-v2 .home-latest ul{padding:4px 0 0}.homepage-v2 .home-popular a{padding:7px 1px;font-size:10px}.homepage-v2 .home-latest li a{padding:7px 1px}.homepage-v2 .home-latest li b{font-size:10px}.homepage-v2 .home-latest li time{font-size:9px}

.homepage-v2 .home-portal-grid+.home-streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;padding-top:30px;border-top:1px solid #b8c7d1}
.homepage-v2 .home-stream{min-height:0;border-top:4px solid #86a5b9;background:#fff}.homepage-v2 .home-stream>header{min-height:58px;padding:9px 0}.homepage-v2 .home-stream h3{color:#714d34;font-size:16px}.homepage-v2 .home-stream li a{padding:11px 1px}.homepage-v2 .home-stream li b{font-size:12px}

@media(max-width:1020px){
  .homepage-v2 .search-hero{grid-template-columns:1fr}.homepage-v2 .hero-tools{grid-column:1}.homepage-v2 .home-center{grid-template-columns:1fr}.homepage-v2 .home-task-grid{grid-template-columns:repeat(4,1fr)}
  .homepage-v2 .home-sidebar{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr)}
}
@media(max-width:820px){
  .homepage-v2 .home-portal-grid{grid-template-columns:1fr!important;grid-template-areas:"services" "highlights" "directory"}
  .homepage-v2 .home-task-grid{grid-template-columns:repeat(2,1fr)}.homepage-v2 .home-task-grid a:nth-child(odd){border-left:0!important}.homepage-v2 .home-task-grid a:nth-child(even){border-left:1px solid #c8d3db!important}
  .homepage-v2 .home-sidebar{grid-template-columns:1fr 1fr}.homepage-v2 .home-sidebar>.featured-carousel{grid-column:1/-1;grid-row:1;min-height:340px}.homepage-v2 .home-popular{grid-column:1;grid-row:2}.homepage-v2 .home-latest{grid-column:2;grid-row:2}
  .homepage-v2 .home-portal-grid+.home-streams{grid-template-columns:1fr 1fr}.homepage-v2 .home-stream:last-child{grid-column:1/-1}
}
@media(max-width:620px){
  .homepage-v2 .wrap{box-shadow:none!important}.homepage-v2 .topbar{min-height:66px;padding:9px 14px}.homepage-v2 .architecture-nav a{padding:10px 12px}
  .homepage-v2 .search-hero{gap:18px;padding:23px 14px 15px!important}.homepage-v2 .hero-copy h1{font-size:23px}.homepage-v2 .hero-copy p{font-size:11px}.homepage-v2 .searchbox{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important}.homepage-v2 .scope-select select{width:100px!important}.homepage-v2 .search-icon{display:none}.homepage-v2 .searchbox button{grid-column:1/-1;width:100%;min-width:0!important}.homepage-v2 .hero-tools{display:block}.homepage-v2 .search-guide{display:none}
  .homepage-v2 .home-dashboard{padding:22px 14px 42px!important}.homepage-v2 .home-center{gap:18px}.homepage-v2 .home-task-grid a{min-height:118px;padding:13px 6px}.homepage-v2 .home-task-icon,.homepage-v2 .home-task-icon svg{width:42px;height:42px}
  .homepage-v2 .home-sidebar{grid-template-columns:1fr}.homepage-v2 .home-sidebar>.featured-carousel{grid-column:1;min-height:310px;aspect-ratio:4/3}.homepage-v2 .home-popular,.homepage-v2 .home-latest{grid-column:1;grid-row:auto}.homepage-v2 .home-sidebar .featured-copy{padding:25px 21px 48px}.homepage-v2 .home-sidebar .featured-copy h2{font-size:21px}.homepage-v2 .home-sidebar .featured-controls{left:21px}
  .homepage-v2 .home-portal-grid+.home-streams{grid-template-columns:1fr;gap:24px}.homepage-v2 .home-stream:last-child{grid-column:1}
}