/* Approved: original underlined links, without pill shapes or icon circles. */
@media(max-width:850px){
  .mobile-toggle{width:44px;min-width:44px;height:44px;justify-content:center;padding:0;gap:0}
  .menu-lines{width:22px;border-top-width:2px;border-bottom-width:2px}
  .menu-lines:after{border-top-width:2px;top:4px}
}
@media(max-width:700px){
  .text-link{font-size:15px;font-weight:650;line-height:1.5;min-height:44px;padding-block:10px;border-bottom:2px solid var(--fg);color:var(--fg);gap:20px;max-width:100%}
  .text-link span{flex-shrink:0}
  .project-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:650;color:var(--fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
  .footer .email{font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;line-height:1.7}
  .footer-social{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:650;color:var(--fg);text-decoration:underline;text-underline-offset:5px}
}
.text-link span,.email span,.footer-social span{display:inline-block;transition:transform .22s ease-out}
.email,.footer-social{transition:color .2s ease-out}
.footer .email:focus-visible,.footer .footer-social:focus-visible{color:var(--accent);outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
  .footer .email:hover,.footer .footer-social:hover{color:var(--accent)}
  .text-link:hover span,.email:hover span,.footer-social:hover span{transform:translate(3px,-3px)}
}
@media(prefers-reduced-motion:reduce){
  .text-link span,.email span,.footer-social span,.email,.footer-social{transition:none}
  .text-link:hover span,.email:hover span,.footer-social:hover span{transform:none}
}