/* Yearly Publications – front-end styles */

/* Expose a CSS variable for link color (set via inline style on the wrapper). */
.ypl { --ypl-link: #065d89; }

/* Year heading */
.ypl .ypl-year{
  font-weight: 400;
  letter-spacing: -0.5px;
  font-size: clamp(2rem, 3.5vw, 3.25rem);
  margin: 1.25rem 0 .25rem;
}

/* Each item: smaller font, comfortable line-height, robust wrapping for long DOIs/URLs */
.ypl .ypl-item{
  font-size: 1rem;           /* ~16px base */
  line-height: 1.6;
  margin: .35rem 0 1rem;
  overflow-wrap: anywhere;   /* modern browsers */
  word-break: break-word;    /* fallback for older engines */
  word-wrap: break-word;     /* legacy fallback */
  hyphens: auto;             /* better word breaks where available */
}

/* Links: brand color + bold, underline by default */
.ypl .ypl-item a{
  color: var(--ypl-link);
  font-weight: 700;
  text-decoration: underline;
}
.ypl .ypl-item a:hover{
  text-decoration: none;
}

/* Strong: slightly heavier than default bold (variable-font friendly) */
.ypl .ypl-item strong{
  font-weight: 750;                   /* works with variable fonts */
  font-variation-settings: "wght" 750;
  letter-spacing: -0.1px;
}
.ypl .ypl-item strong a{
  font-weight: 750;
  font-variation-settings: "wght" 750;
}