/* Native popovers work across navigation, keyboard, touch and no-script presentations. */
.person-name{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.credential-badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem;vertical-align:middle;margin-inline:0;max-inline-size:100%}
.credential-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;max-inline-size:100%;min-block-size:2.75rem;min-inline-size:2.75rem;padding:.4rem;border:1px solid var(--color-border,#868686);border-radius:var(--shape-radius,.5rem);color:inherit;background:transparent;cursor:pointer}
.credential-badge .icon{display:block;flex-shrink:0}
.credential-badge:hover{background:var(--color-surface-raised,#ececec)}
.credential-badge:focus-visible,.credential-more summary:focus-visible{outline:2px solid var(--color-focus,currentColor);outline-offset:3px}
.credential-badge[data-badge-status="expired"],.credential-badge[data-badge-status="revoked"]{border-style:dashed;opacity:.7}
.credential-more{display:inline-block}.credential-more summary{cursor:pointer;padding:.25rem;list-style:none}.credential-more>div{display:flex;flex-wrap:wrap;gap:.25rem;max-inline-size:15rem;padding:.4rem}
.credential-popover{box-sizing:border-box;inline-size:min(30rem,calc(100vw - 2rem));max-block-size:80dvh;overflow:auto;padding:1.25rem;border:1px solid var(--color-border,#868686);border-radius:var(--shape-radius, .75rem);background:var(--color-surface,#fff);color:var(--color-text,#181818);font:inherit;box-shadow:0 1rem 3rem #0003;overflow-wrap:anywhere}
.credential-popover::backdrop{background:#0003}.credential-popover header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.credential-popover h2{font-size:1.2rem;margin:0}.credential-popover header button{display:grid;place-items:center;min-inline-size:2.75rem;min-block-size:2.75rem;background:transparent;color:inherit;border:0;cursor:pointer}.credential-popover dl>div{display:flex;justify-content:space-between;gap:1rem}.credential-popover dd{margin:0}.credential-popover p{line-height:1.7}.credential-status{font-size:.85em}
.page-symbol{display:block;padding:.25rem;color:var(--color-text-muted,currentColor)}

.credential-popover iframe{inline-size:100%;block-size:24rem;max-block-size:50dvh;border:1px solid var(--color-border,#868686)}

.credential-badge .visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.professional-card_copy .person-name h3 a{color:inherit;text-decoration:none}

.credential-popover{position:fixed;inset:0;margin:auto;block-size:fit-content}

.credential-badge[data-badge-category="grade"]{font-weight:600;border-width:2px}
.credential-issuer{display:flex;align-items:center;gap:.75rem;margin-block:1rem}.credential-issuer-logo{object-fit:contain;flex-shrink:0}.credential-issuer .icon{flex-shrink:0}
@media(prefers-reduced-motion:no-preference){
 .credential-popover:popover-open{animation:credential-reveal 160ms ease-out}
 @keyframes credential-reveal{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}
}