/* Desktop Credentials — behavior-only refinement.
   LOCKED layout/content: no resting dimensions, positions, spacing, typography,
   certificate content, or record-heading placement are changed here. */
@media (min-width:761px){
  /* 1) Record-heading ornament: keep the star itself steady gold and create
     only a brief pinpoint/specular gleam near its center. */
  body.credentials-page #credentials-inline-toggle .credentials-record-heading-star{
    position:relative;
    display:inline-block;
    color:#d7a536 !important;
    -webkit-text-fill-color:#d7a536 !important;
    text-shadow:none !important;
    filter:none !important;
    animation:none !important;
  }

  body.credentials-page #credentials-inline-toggle .credentials-record-heading-star::after{
    content:"✦";
    position:absolute;
    left:51%;
    top:46%;
    color:#fff3b0;
    -webkit-text-fill-color:#fff3b0;
    font-size:.40em;
    line-height:1;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(.45) rotate(12deg);
    transform-origin:50% 50%;
    text-shadow:0 0 2px rgba(255,244,184,.92),0 0 5px rgba(255,222,105,.50);
    animation:kjtRecordHeadingCenterGlint 5.6s ease-out infinite;
  }

  @keyframes kjtRecordHeadingCenterGlint{
    0%,76%,100%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(12deg);}
    79%{opacity:.42;transform:translate(-50%,-50%) scale(.68) rotate(12deg);}
    81%{opacity:1;transform:translate(-50%,-50%) scale(1.02) rotate(12deg);}
    83%{opacity:.30;transform:translate(-50%,-50%) scale(.76) rotate(12deg);}
    85%{opacity:0;transform:translate(-50%,-50%) scale(.52) rotate(12deg);}
  }

  /* 2) Certificate hover: a clearly visible step-forward effect only while
     hovering/focusing. Resting card geometry remains unchanged. */
  body.credentials-page .credentials-desktop-certificate:not(.credentials-desktop-focus-card):hover,
  body.credentials-page .credentials-desktop-certificate:not(.credentials-desktop-focus-card):focus-visible{
    z-index:20;
  }

  body.credentials-page .credentials-desktop-certificate:not(.credentials-desktop-focus-card):hover .credentials-desktop-certificate-inner,
  body.credentials-page .credentials-desktop-certificate:not(.credentials-desktop-focus-card):focus-visible .credentials-desktop-certificate-inner{
    transform:translateY(-8px) scale(1.02) !important;
    border-color:#d7a536 !important;
    box-shadow:
      0 24px 46px rgba(5,26,48,.22),
      0 7px 14px rgba(5,26,48,.12),
      inset 0 0 0 6px rgba(215,165,54,.105),
      inset 0 0 0 9px rgba(10,39,64,.055) !important;
  }

  @media (prefers-reduced-motion:reduce){
    body.credentials-page #credentials-inline-toggle .credentials-record-heading-star::after{
      animation:none !important;
      opacity:0 !important;
    }
  }
}
