/* Mobile-only reading rhythm. Desktop composition stays unchanged. */
@scope (.hf-draft) {
 @media (max-width:800px) {
  .intro {font-size:16px;line-height:1.6;margin-bottom:16px}
  .hero-intro {padding:48px 24px 30px;min-height:0}
  .agenda-copy p,.agenda-copy ul {font-size:16px;line-height:1.6;margin-bottom:18px}
  .agenda-copy li {margin:4px 0}
  .project h3 {font-size:27px;line-height:1.18;margin-bottom:18px}
  .project p {font-size:16px;line-height:1.6;margin-bottom:16px}
  .project .meta {font-size:13px!important;line-height:1.55}
  .project-copy .project-details {margin-top:20px}
  .project {padding-top:28px;padding-bottom:28px;gap:20px}
  #research-summary-title,#projects-title,#other-projects-title {font-size:23px;padding-top:14px;padding-bottom:14px}
  .publication h3 {font-size:19px;line-height:1.25;margin-bottom:8px}
  .publication p {font-size:15px;line-height:1.45}
  .publication {padding-top:18px;padding-bottom:18px}
  .closing p,.closing a {font-size:16px;line-height:1.6}
  .doi-link {overflow-wrap:anywhere}
 }
}