/* Shared UW unit-page layout for Research, Publications, News, People and Join.
   References: washington.edu/brand/brand-elements/fonts/ and UW unit content pages.
   Page-specific content grids remain in uw-lab.css. */
:root {
  --uw-page-width: 1170px;
  --uw-page-gutter: 15px;
  --uw-section-gap: 48px;
  --uw-copy-size: 17px;
}
body.uw-unit-page main#main .subpage-landing {
  padding: 28px 0 32px;
  border: 0;
  background: #fff;
}
body.uw-unit-page main#main .subpage-landing > .content-container {
  width: 100%; max-width: var(--uw-page-width);
  margin: 0 auto; padding: 0 var(--uw-page-gutter); border: 0;
}
body.uw-unit-page main#main .uw-breadcrumbs {
  margin: 0 0 28px; gap: 9px;
  font: 400 13px/1.6 var(--font-body); color: #666;
}
body.uw-unit-page main#main .subpage-hero {
  display: block; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: #fff; box-shadow: none;
}
body.uw-unit-page main#main .subpage-hero-copy { max-width: none; }
body.uw-unit-page main#main .subpage-hero-copy h1 {
  font: 800 54px/1.15 var(--font-heading);
  color: #4b2e83; margin: 0 0 20px; text-align: left; text-wrap: balance;
}
body.uw-unit-page main#main .subpage-hero-copy .subpage-hero-lede {
  max-width: 940px; margin: 0;
  font: 400 20px/1.75 var(--font-body); color: #666; text-wrap: pretty;
}
body.uw-unit-page main#main .subpage-content-section {
  padding: 8px 0 60px; background: #fff; border: 0;
}
body.uw-unit-page main#main .uw-page-layout {
  display: grid; grid-template-columns: minmax(0,850px) 230px;
  gap: 60px; width: 100%; max-width: var(--uw-page-width);
  padding: 0 var(--uw-page-gutter); margin: 0 auto;
}
body.uw-unit-page main#main .uw-page-content { min-width: 0; }
body.uw-unit-page main#main .uw-page-content > .content-container {
  width: 100%; max-width: none; padding: 0; margin: 0; border: 0;
}
body.uw-unit-page main#main .uw-page-content :is(p,li) { text-wrap: pretty; }
body.uw-unit-page main#main .uw-page-content :is(p,li) a:not(.lab-uw-button) {
  color: #4b2e83; text-underline-offset: 3px; text-decoration: underline;
}
body.uw-unit-page main#main .uw-page-content :is(.lab-research-topic,.people-block) {
  padding: 0; border: 0; margin: 0 0 var(--uw-section-gap);
  background: #fff; box-shadow: none;
}
body.uw-unit-page main#main .uw-page-content :is(.lab-research-topic,.people-block):last-child { margin-bottom: 0; }
body.uw-unit-page main#main .uw-page-content :is(.lab-research-topic,.people-section-heading) > h2,
body.uw-unit-page main#main .uw-page-content .high-school-block > h2,
body.uw-unit-page main#main .uw-page-content .pub-year-title,
body.uw-unit-page main#main .uw-page-content .news-year-group > h2 {
  font: 800 36px/1.2 var(--font-heading); color: #4b2e83;
  padding: 0; margin: 0 0 20px; border: 0; text-align: left; text-wrap: balance;
}
body.uw-unit-page main#main .people-section-heading { padding: 0; margin: 0 0 24px; border: 0; }
body.uw-unit-page main#main .people-section-heading > h2 { margin-bottom: 0; }
body.uw-unit-page main#main .people-section-heading > p { margin: 14px 0 0; }
body.uw-unit-page main#main .uw-page-content .lab-research-topic :is(p,li),
body.uw-unit-page main#main .uw-page-content .news-timeline p,
body.uw-unit-page main#main .uw-page-content :is(.people-section-heading p,.high-school-intro) {
  font: 400 var(--uw-copy-size)/1.8 var(--font-body); color: #3d3d3d;
}
body.uw-unit-page main#main .uw-page-content .lab-research-topic p { margin: 0 0 18px; }
body.uw-unit-page main#main .uw-page-content :is(.people-subgroup,.alumni-card) > h3,
body.uw-unit-page main#main .uw-page-content .join-degree-routes h3,
body.uw-unit-page main#main .uw-page-content .join-success-grid h3 {
  font: 800 27px/1.25 var(--font-heading); color: #3d3d3d;
  padding: 0; border: 0; text-wrap: balance;
}
body.uw-unit-page main#main .uw-page-content :is(.news-timeline h3,.pub-content h3) {
  font: 800 25px/1.3 var(--font-heading); margin: 0 0 8px;
  text-wrap: pretty;
}
body.uw-unit-page main#main .uw-page-content .news-timeline h3 { color: #3d3d3d; }
body.uw-unit-page main#main .uw-page-content .pub-content h3 { color: #4b2e83; }
body.uw-unit-page main#main .uw-page-content :is(.publication-years .pub-year,.news-year-group) {
  padding: 0; border: 0; background: transparent; box-shadow: none;
}
body.uw-unit-page main#main .publication-years .pub-year { margin-bottom: var(--uw-section-gap); }
body.uw-unit-page main#main .pub-list-container { gap: 32px; }
body.uw-unit-page main#main .news-archive { gap: var(--uw-section-gap); }
body.uw-unit-page main#main .uw-page-content :is(.pub-item,.person-card,.alumni-card) {
  border: 0; border-radius: 0; box-shadow: none;
}
body.uw-unit-page main#main .uw-page-content :is(.pub-item,.person-card):hover { transform: none; box-shadow: none; }
body.uw-unit-page main#main .uw-page-content :is(.pub-authors,.venue,.person-note,.person-recognition,figcaption) {
  font-size: 14px; line-height: 1.7; text-wrap: pretty;
}
body.uw-unit-page main#main .uw-page-sidebar {
  display: block; align-self: start; padding: 18px 0 0;
  border: 0; border-top: 4px solid #b7a57a; background: transparent;
}
body.uw-unit-page main#main .uw-page-sidebar :is(nav,section) { border: 0; padding: 0; }
body.uw-unit-page main#main .uw-page-sidebar section { margin: 32px 0 0; }
body.uw-unit-page main#main .uw-page-sidebar h2 {
  font: 800 25px/1.2 var(--font-heading); color: #4b2e83;
  padding: 0; border: 0; margin: 0 0 16px;
}
body.uw-unit-page main#main .uw-page-sidebar li { border: 0; margin: 0; padding: 0; }
body.uw-unit-page main#main .uw-page-sidebar li a { padding: 8px 0; }
body.uw-unit-page main#main .uw-page-sidebar a {
  font: 400 15px/1.6 var(--font-body); color: #4b2e83; text-decoration: none;
}
body.uw-unit-page main#main .uw-page-sidebar a:hover { text-decoration: underline; }
body.uw-unit-page main#main .uw-page-sidebar p { font: 400 15px/1.75 var(--font-body); color: #666; }
body.uw-unit-page main#main :is(.people-jump-links,.pub-filter-controls) {
  display: flex; flex-wrap: wrap; gap: 6px 26px;
  padding: 0; border: 0; margin: 24px 0 0;
}
body.uw-unit-page main#main .people-jump-links a { font-size: 16px; font-weight: 400; }
body.uw-unit-page main#main .pub-filter-controls .filter-chip { font-size: 15px; padding: 8px 0; }
body.uw-unit-page main#main .lab-uw-button {
  display: inline-flex; align-items: center; min-height: 48px;
  padding: 12px 20px; border: 0; border-radius: 0; box-shadow: none;
  background: #4b2e83; color: #fff; font: 800 20px/1.3 var(--font-heading);
  text-decoration: none; text-transform: uppercase;
}
body.uw-unit-page main#main .lab-uw-button:hover { background: #32006e; color: #fff; }
body.uw-unit-page main#main .join-contact-panel {
  padding: 28px 30px; background: #f6f6f4; border: 0;
}
body.uw-unit-page main#main .join-contact-panel > h2 { margin-bottom: 20px; }
body.uw-unit-page main#main a:focus-visible,
body.uw-unit-page main#main button:focus-visible { outline: 2px solid #4b2e83; outline-offset: 4px; }
@media(max-width:850px) {
  :root { --uw-page-gutter: 22px; --uw-section-gap: 40px; }
  body.uw-unit-page main#main .subpage-landing { padding: 28px 0; }
  body.uw-unit-page main#main .subpage-hero-copy h1 { font-size: 44px; }
  body.uw-unit-page main#main .subpage-hero-copy .subpage-hero-lede { font-size: 18px; line-height: 1.75; }
  body.uw-unit-page main#main .uw-page-layout { grid-template-columns: minmax(0,1fr); gap: 0; }
  body.uw-unit-page main#main .uw-page-content { grid-row: auto; order: 0; }
  body.uw-unit-page main#main .uw-page-sidebar { display: block; grid-row: auto; order: 1; margin-top: 40px; }
  body.uw-unit-page main#main .uw-page-sidebar > nav { display: none; }
  body.uw-unit-page main#main .uw-page-sidebar > section { display: block; margin: 0 0 24px; }
  body.uw-unit-page main#main .uw-page-sidebar > section:last-child { margin-bottom: 0; }
  body.uw-unit-page main#main .subpage-content-section { padding: 8px 0 48px; }
  body.uw-unit-page main#main .uw-page-content :is(.lab-research-topic,.people-section-heading) > h2,
  body.uw-unit-page main#main .uw-page-content .high-school-block > h2,
  body.uw-unit-page main#main .uw-page-content .pub-year-title,
  body.uw-unit-page main#main .uw-page-content .news-year-group > h2 { font-size: 31px; }
  body.uw-unit-page main#main .uw-page-content :is(.news-timeline h3,.pub-content h3) { font-size: 24px; }
}
@media(max-width:600px) {
  body.uw-unit-page main#main .uw-page-content :is(.people-subgroup,.alumni-card) > h3,
  body.uw-unit-page main#main .uw-page-content .join-degree-routes h3,
  body.uw-unit-page main#main .uw-page-content .join-success-grid h3 { font-size: 25px; }
  body.uw-unit-page main#main .join-contact-panel { padding: 24px 20px; }
}
@media(max-width:360px) {
  body.uw-unit-page main#main .uw-page-content :is(.lab-research-topic,.people-section-heading) > h2,
  body.uw-unit-page main#main .uw-page-content .high-school-block > h2 { font-size: 26px; }
  body.uw-unit-page main#main .join-contact-panel { padding: 24px 16px; }
}

/* One shared editorial hierarchy for the complete UW lab site. */
body.uw-unit-page main#main .subpage-resource-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 18px 0 0; font-size: 16px; }
body.uw-unit-page main#main .subpage-resource-links a { color: #4b2e83; text-decoration: underline; text-underline-offset: 4px; }
body.uw-unit-page main#main .pub-results-summary { margin: 16px 0 0; color: #666; font: 400 14px/1.6 var(--font-body); }
body.uw-unit-page main#main .uw-page-sidebar { position: sticky; top: 28px; max-height: calc(100vh - 56px); overflow-y: auto; }
body.uw-unit-page main#main .uw-mobile-contents { display: none; }
body.uw-unit-page main#main .subpage-hero-copy .subpage-hero-lede { text-wrap: balance; }
body.uw-unit-page main#main .pub-filter-controls .filter-chip { min-height: 44px; }
body.uw-unit-page main#main .uw-page-content .pub-item { padding-bottom: 28px; border-bottom: 1px solid #e7e4ea; }
body.uw-unit-page main#main .uw-page-content .pub-item:last-child { border-bottom: 0; padding-bottom: 0; }
body.uw-unit-page main#main .uw-page-content .people-card-grid { row-gap: 26px; }
body.uw-unit-page main#main .uw-page-content .person-card { padding-bottom: 22px; border-bottom: 1px solid #e7e4ea; }
@media(max-width:1000px) and (min-width:851px) {
 body.uw-unit-page main#main .uw-page-layout { grid-template-columns: minmax(0,1fr) 200px; gap: 32px; }
}
@media(max-width:850px) {
 body.uw-unit-page main#main .uw-page-sidebar { position: static; max-height: none; overflow: visible; }
 body.uw-unit-page main#main .uw-mobile-contents { display: block; border-top: 3px solid #b7a57a; border-bottom: 1px solid #dedbe2; margin: 0 0 30px; }
 body.uw-unit-page main#main .uw-mobile-contents summary { padding: 12px 0; color: #4b2e83; font: 800 23px/1.3 var(--font-heading); cursor: pointer; }
 body.uw-unit-page main#main .uw-mobile-contents nav { padding: 0 0 12px; }
 body.uw-unit-page main#main .uw-mobile-contents ul { list-style: none; padding: 0; margin: 0; }
 body.uw-unit-page main#main .uw-mobile-contents li a { display: block; padding: 10px 0; min-height: 44px; color: #4b2e83; font: 400 16px/1.5 var(--font-body); text-decoration: none; }
 body.uw-unit-page main#main .uw-mobile-contents summary:focus-visible { outline: 2px solid #4b2e83; outline-offset: 4px; }
 body.uw-unit-page main#main .uw-mobile-contents nav a:hover { text-decoration: underline; }
 body.uw-unit-page main#main .subpage-resource-links { font-size: 15px; }
}