/* Hybrid devices keep desktop geometry while adding real touch affordances. */
html[data-touch-capable=true].model-embedded .model-drag-handle{
 display:block;position:absolute;top:0;left:0;right:0;height:24px;z-index:3;touch-action:none;
}
html[data-touch-capable=true].model-embedded .model-drag-handle::before{
 content:"";display:block;width:36px;height:4px;margin:9px auto;border-radius:2px;background:var(--muted);opacity:.4;
}
html[data-touch-capable=true] .shared-contact-card .portrait-affiliations a{min-height:48px}
.footer>.footer-design-link{display:inline-flex;align-items:center;min-height:48px;color:inherit;text-decoration:none}
.footer>.footer-design-link:hover{color:var(--green)}
.footer>.footer-design-link:focus-visible{outline:2px solid var(--ui-focus,var(--green));outline-offset:3px;border-radius:4px}
@media(any-hover:hover) and (any-pointer:fine){
 html:not([data-input=touch]):not([data-input=pen]) .research-masonry>article:hover:not(:active,.card-press,.details-changing,.model-press,.media-activating,.pending-ack)::after{opacity:.035}
 html:not([data-input=touch]):not([data-input=pen]) main #about>.shared-contact-card:hover:not(:active)::after{opacity:.035}
 html:not([data-input=touch]):not([data-input=pen]) :is(.research-masonry>.project:has(.research-details),.cv-document .cv-publication:has(>details),.cv-document .cv-timeline-entry:has(.cv-entry-details),.cv-document .cv-skills>li:has(.cv-method)):hover:not(:active,.card-press,.details-changing):not(:has(:is(a,button,input,select,textarea,video,iframe,[data-card-interactive],.project-image,.current-figure):hover))
 :is(.research-details>summary>span,.cv-entry-details>summary>.disclosure-indicator,.cv-publication>details>summary>.disclosure-indicator,.cv-method>summary>.disclosure-indicator){
  background:var(--ui-action-hover);color:var(--green);
 }
}