.resume-download { position: relative; }
.resume-download summary { cursor: pointer; list-style: none; }
.resume-download summary::-webkit-details-marker { display: none; }
.resume-download summary::after { content: ' ▾'; }
.resume-download[open] summary::after { content: ' ▴'; }
.resume-download-options { position: absolute; z-index: 20; right: 0; width: 310px; max-width: calc(100vw - 48px); margin-top: 8px; padding: 16px; background: #fff; border: 1px solid #dce6e6; border-radius: 12px; box-shadow: 0 8px 24px #263b4026; text-align: left; }
.resume-download-options p { margin: 0 0 10px; font-size: 13px; color: #62747b; }
.resume-download-options a { display: block; padding: 12px; border-radius: 8px; color: #263b40; text-decoration: none; }
.resume-download-options a:hover, .resume-download-options a:focus-visible { background: #edf7f7; outline: 2px solid #4abac0; }
.resume-download-options span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.6; }

@media (max-width: 768px) {
  .profile-header .right-side { max-width: 100%; }
  .resume-download { max-width: 100%; }
  .resume-download-options {
    position: static;
    box-sizing: border-box;
    width: 344px;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}