/* Four approved refinements. Original theme and component files stay intact. */

/* 1. Larger type in the main content; the original profile remains unchanged. */
.site-content { font-size: 18.5px; }
.site-content h2 { font-size: 1.65rem; }
.site-content h3 { font-size: 1.15rem; }
.site-content .research-intro { font-size: inherit; }
.site-content .research-pillar h3 { font-size: 1.075rem; }
.site-content .research-pillar p { font-size: 1rem; }
.site-content .publications ol.bibliography li .title { font-size: 1.1875rem; }
.site-content .publications ol.bibliography li .author,
.site-content .publications ol.bibliography li .periodical { font-size: 1.0625rem; }
.site-content .publications ol.bibliography li .links a.btn { font-size: .875rem !important; min-height: 28px; }
.site-content .publications .badge { font-size: .75rem; }
.site-content .scholar-stat-value { font-size: 1.35rem; }
.site-content .scholar-stat-label { font-size: .8125rem; }
.site-content .edu-school, .site-content .edu-notes { font-size: 1rem; }
.site-content .edu-time { font-size: 1rem; }
.site-content .adp-project-entry-description,
.site-content .adp-project-entry-action { font-size: 16px; }

/* Show complete publication figures, using a little more of the image column. */
.site-content .publications .col-sm-3.abbr { flex-basis: 210px; min-height: 0; }
.pub-figure-link { display: block; cursor: zoom-in; }
.pub-figure-link:focus-visible { outline: 2px solid var(--brand,#1f4f7a); outline-offset: 4px; border-radius: 6px; }
.site-content .publications ol.bibliography li .teaser {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  box-sizing: border-box;
  background: #fff;
}
.site-content .publications ol.bibliography li .abbr abbr {
  position: static;
  max-width: 100%;
  margin: 8px 4px 0 0;
  vertical-align: top;
}
@media (min-width: 721px) and (max-width: 900px) {
  .site-content .publications .col-sm-3.abbr { flex-basis: 180px; }
}
@media (max-width: 720px) {
  .site-content .publications .col-sm-3.abbr { flex-basis: auto; width: min(100%,420px); }
}

/* 2. A quiet underline for inline text links, without restyling action buttons. */
.site-content > p a,
.site-content > ul a,
.site-content .highlight-text a,
.site-content .edu-school a,
.site-content .edu-notes a,
.site-content .contact-card a {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(31,79,122,.18);
  text-underline-offset: .2em;
}
.site-content > p a:hover,
.site-content > ul a:hover,
.site-content .highlight-text a:hover,
.site-content .edu-school a:hover,
.site-content .contact-card a:hover { text-decoration-color: currentColor; }

/* 3. A small navigation group below the original contact and social icons. */
.detail-nav {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 4px 6px;
  width: 236px;
  max-width: 100%;
  margin: 1.15rem auto 0;
  padding: .7rem 0 0;
  border-top: 1px solid var(--line,rgba(31,79,122,.14));
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.detail-nav a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 5px;
  color: var(--brand,#1f4f7a);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease;
}
.detail-nav a[aria-current="page"] { background: rgba(31,79,122,.055); color: var(--brand-strong,#153a5f); }
.detail-nav a:hover { background: rgba(31,79,122,.085); }
.detail-nav a:focus-visible { outline: 2px solid var(--brand,#1f4f7a); outline-offset: 2px; }

/* 4. One chronological news list, with native scrolling inside a compact area. */
.news-refinement {
  max-height: 22rem;
  margin: .8rem 0 0;
  padding-right: .8rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(95,111,134,.36) transparent;
  border-bottom: 1px solid var(--line,rgba(31,79,122,.14));
}
.news-refinement:focus-visible { outline: 2px solid var(--brand,#1f4f7a); outline-offset: 4px; }
.news-refinement::-webkit-scrollbar { width: 5px; }
.news-refinement::-webkit-scrollbar-thumb { background: rgba(95,111,134,.36); border-radius: 5px; }
.news-refinement .news-list { list-style: none; margin: 0; padding: 0; }
.news-refinement .highlight-item {
  grid-template-columns: 88px minmax(0,1fr);
  column-gap: 1rem;
  margin: 0;
  padding: .85rem 0;
  border-bottom: 1px solid var(--line,rgba(31,79,122,.14));
  border-radius: 0;
}
.news-refinement .highlight-item:hover { background: transparent; }
.news-refinement .highlight-item:last-child { border-bottom: 0; }
.news-refinement .highlight-date {
  padding-top: .15rem;
  color: var(--muted,#5f6f86);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size: .875rem;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.news-refinement .highlight-text { grid-column: auto; font-size: 1.125rem; line-height: 1.5; }
.news-refinement + .highlight-footer { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin: .65rem 0 1.3rem; }
.news-scroll-hint { color: var(--muted,#5f6f86); font-size: .875rem; }
.highlight-footer a { font-size: 1rem; border: 0; text-decoration: underline; text-decoration-color: var(--line,rgba(31,79,122,.14)); text-underline-offset: .22em; }

/* Preserve the existing float layout while giving larger type room at its narrow edge. */
@media (min-width: 1101px) and (max-width: 1167px) {
  .wrapper > .site-content { width: min(810px,calc(100% - 300px)); }
}
@media (max-width: 1100px) {
  .detail-nav { grid-template-columns: repeat(4,minmax(0,1fr)); width: 390px; padding-top: .65rem; }
  .detail-nav a { justify-content: center; padding: 0 8px; }
}
@media (max-width: 720px) {
  .site-content { font-size: 18px; }
  .site-content h2 { font-size: 1.5rem; }
  .news-refinement { max-height: min(22rem,55svh); padding-right: .5rem; }
  .news-refinement .highlight-item { grid-template-columns: 72px minmax(0,1fr); column-gap: .65rem; padding: .75rem 0; }
  .news-refinement .highlight-date { font-size: .8125rem; }
  .detail-nav a { min-height: 44px; }
}
@media (max-width: 440px) {
  .detail-nav { grid-template-columns: repeat(2,minmax(0,1fr)); width: 250px; }
}
@media (prefers-color-scheme: dark) {
  .site-content > p a, .site-content > ul a, .site-content .highlight-text a,
  .site-content .edu-school a, .site-content .edu-notes a, .site-content .contact-card a { text-decoration-color: rgba(124,199,242,.3); }
  .detail-nav a[aria-current="page"] { background: rgba(124,199,242,.08); }
  .detail-nav a:hover { background: rgba(124,199,242,.13); }
  .news-refinement { scrollbar-color: rgba(164,185,207,.4) transparent; }
  .news-refinement::-webkit-scrollbar-thumb { background: rgba(164,185,207,.4); }
}
@media (prefers-reduced-motion: reduce) { .detail-nav a { transition: none; } }
@media print { .news-refinement { max-height: none; overflow: visible; padding-right: 0; } .news-scroll-hint { display: none; } }