.hkscp-biography-details > summary { cursor: pointer; list-style: none; }
.hkscp-biography-details > summary::-webkit-details-marker { display: none; }
.hkscp-biography-details > summary:focus-visible,
.hkscp-photo-grid a:focus-visible { outline: 3px solid #177ca7; outline-offset: 5px; }
.hkscp-biography-content { text-align: left; overflow-wrap: anywhere; }
.hkscp-biography-details[open] .hkscp-biography-content { padding-top: 24px; }
body.hkscp-popup-active { overflow: hidden; }
.hkscp-popup { box-sizing: border-box; width: min(1000px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 56px 0 0; border: 0; border-radius: 6px; background: #fff; color: #222; box-shadow: 0 16px 80px #0005; font-size: 17px; line-height: 1.65; overflow: auto; }
.hkscp-popup::backdrop { background: rgb(0 0 0 / 72%); }
.hkscp-popup-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 4px; background: #18598b; color: #fff; font: 32px/1 sans-serif; cursor: pointer; }
.hkscp-popup-close:focus-visible { outline: 3px solid #177ca7; outline-offset: 3px; }
.hkscp-popup-content { min-width: 0; }
.hkscp-popup-biography-layout { display: grid; grid-template-columns: 50% 43.548%; justify-content: space-between; align-items: start; min-width: 0; }
.hkscp-popup-portrait-frame { min-width: 0; }
.hkscp-popup-portrait { display: block; width: 100%; height: auto; max-height: calc(100dvh - 88px); object-fit: contain; object-position: top center; border-radius: 0; margin: 0; }
.hkscp-popup-biography-layout .hkscp-biography-content { min-width: 0; max-height: calc(100dvh - 88px); padding: 20px; overflow: auto; }
.hkscp-popup .hkscp-biography-content h2,
.hkscp-popup .hkscp-biography-content h3 { color: #18598b; margin: 0 0 18px; font-size: 23px; line-height: 1.3; }
.hkscp-popup .hkscp-biography-content p { margin: 0 0 16px; }
.hkscp-popup .hkscp-biography-content ul,
.hkscp-popup .hkscp-biography-content ol { padding-left: 24px; margin: 0 0 16px; }
.hkscp-popup-photo { width: min(1440px, calc(100% - 24px)); padding: 56px 12px 12px; background: #101010; }
.hkscp-popup-photo .hkscp-popup-content > img { display: block; width: 100%; max-height: calc(100dvh - 112px); object-fit: contain; }
.hkscp-photo-grid a { display: block; cursor: zoom-in; }
.hkscp-popup-previous, .hkscp-popup-next { position: absolute; top: 50%; width: 44px; height: 52px; padding: 0; border: 1px solid #fff; border-radius: 4px; color: #fff; background: rgb(0 0 0 / 70%); font: 40px/1 sans-serif; cursor: pointer; }
.hkscp-popup-previous { left: 16px; }
.hkscp-popup-next { right: 16px; }
.hkscp-popup-counter { position: absolute; left: 20px; top: 12px; color: #fff; }
@media (max-width: 767px) {
  .hkscp-popup { width: calc(100% - 16px); padding: 52px 0 0; font-size: 16px; }
  .hkscp-popup-biography-layout { grid-template-columns: minmax(0, 1fr); }
  .hkscp-popup-portrait { max-height: 44dvh; }
  .hkscp-popup-biography-layout .hkscp-biography-content { max-height: none; padding: 20px; overflow: visible; }
  .hkscp-popup-photo { padding: 56px 8px 8px; }
}