/* IASCL V46.483 — design polish for the home page (loaded last) */
/* panel titles never run into their "View all" link */
.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap}
.panel-head h2{flex:1 1 220px;min-width:0;margin:0;line-height:1.3;white-space:normal!important;font-size:20px}
.panel-head a{flex:none;white-space:nowrap;font-weight:700}
/* Committees heading: no side bar, same as the other section headings */
.committee-head h2{padding-inline:0}
.committee-head h2:before{display:none!important;content:none!important}
/* committee names: all start-aligned, same height */
.departments .dept h3,.departments .dept h3[class]{justify-content:center;align-items:center;text-align:center!important}
/* resource-library figures: equal tiles, tidy labels */
.home-library-stats{gap:10px}
.home-library-stat-card{min-height:92px;padding:12px 3px;justify-content:flex-start}
.home-library-stat-card span,.home-library-stat-card small,.home-library-stat-card em{font-size:11px;line-height:1.3;text-align:center;overflow-wrap:normal;word-break:normal;hyphens:none}
/* phone: slider arrows sit with the dots, not across the text */
@media(max-width:760px){
 .hero .arrow.prev,.hero .arrow.next{top:auto!important;bottom:12px!important;transform:none!important}
}
/* V46.496: nine committee cards (Medical Parasitology and Medical Mycology are separate).
   Very wide screens (1900 px and more): one row of nine. Laptops: five and four (the second row is centred). Tablets: three columns. Phones: two columns. */
.dept.wide{grid-column:span 1}
@media(min-width:1900px){.departments{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.departments .dept h3{padding:14px 6px 17px}}
@media(min-width:1201px) and (max-width:1899px){.departments{grid-template-columns:repeat(10,minmax(0,1fr));gap:14px}.departments .dept{grid-column:span 2}.departments .dept:nth-child(6):nth-last-child(4){grid-column:2/span 2}}
@media(max-width:1200px){.departments{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:760px){.departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.departments .dept:last-child:nth-child(odd){grid-column:1/-1}}
