.credential-row{position:relative;display:block;width:100%;max-width:100%;min-width:0;margin:clamp(26px,4vh,36px) 0 0;padding:25px 18px 14px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.72);animation:credential-enter .3s ease-out both}
.credential-row>h2{position:absolute;top:-10px;left:16px;margin:0;padding:0 9px;background:var(--white);color:var(--muted);font-family:var(--sans);font-size:.68rem;font-weight:500;letter-spacing:.02em}
.credential-groups{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.credential-trigger{display:grid;width:100%;min-width:0;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:8px 14px;border:0;border-right:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .2s,transform .2s}
.credential-trigger>span:last-child{min-width:0}
.credential-trigger:last-child{border-right:0}
.credential-trigger:hover,.credential-trigger:focus-visible{background:var(--soft);transform:translateY(-2px)}
.credential-trigger:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.credential-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid #aeb8b4;border-radius:50%;color:var(--teal);font-size:1rem}
.credential-trigger strong,.credential-trigger small{display:block;overflow-wrap:anywhere}
.credential-trigger strong{font-size:.74rem;line-height:1.35}
.credential-trigger small{margin-top:3px;color:var(--muted);font-size:.58rem;line-height:1.45}
.credential-affiliations{display:flex;min-width:0;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.61rem}
.credential-affiliations span{min-width:0;overflow-wrap:anywhere}
.credential-affiliations span+span{padding-left:18px;border-left:1px solid var(--line)}
.credential-dialog{width:min(1120px,calc(100vw - 48px));height:min(700px,calc(100vh - 48px));max-width:none;max-height:none;overflow:hidden;border:1px solid #bec9c5;border-radius:14px;padding:0;background:var(--paper);box-shadow:0 32px 100px rgba(8,30,31,.34)}
.credential-dialog[open]{animation:credential-dialog-enter .22s ease-out}
.credential-dialog::backdrop{background:rgba(8,30,31,.48);backdrop-filter:blur(5px);animation:credential-backdrop-enter .2s ease-out}
.credential-dialog-inner{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr)}
.credential-dialog-inner>header{z-index:2;display:flex;justify-content:space-between;align-items:center;padding:25px 32px;border-bottom:1px solid var(--line);background:rgba(251,251,248,.96)}
.credential-dialog-inner>header .eyebrow{margin-bottom:4px}
.credential-dialog-inner>header h2{margin:0;font-family:var(--serif);font-size:1.72rem;font-weight:500}
[data-credential-close]{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--teal);font-size:1.45rem;cursor:pointer}
.credential-dialog-body{min-height:0;padding:34px;overflow:auto}
.credential-panel{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.credential-panel:not([hidden]){display:grid}
.credential-panel-single{grid-template-columns:minmax(330px,410px);justify-content:center}
.credential-card{position:relative;display:grid;min-width:0;min-height:490px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:center;box-shadow:0 6px 24px rgba(18,42,40,.05);animation:credential-card-enter .22s both;transition:transform .18s,border-color .18s,box-shadow .18s}
.credential-card:nth-child(2){animation-delay:.05s}.credential-card:nth-child(3){animation-delay:.1s}
.credential-card:hover{transform:translateY(-4px);border-color:#9baea8;box-shadow:0 18px 45px rgba(18,42,40,.12)}
.credential-card-arrow{position:absolute;z-index:1;top:16px;right:16px;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--teal);font-size:.75rem}
.credential-card-content{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:54px 28px 40px}
.credential-badge-frame{position:relative;width:170px;height:170px;overflow:hidden}
.credential-badge-frame img{position:absolute;top:50%;left:50%;display:block;width:auto;height:170px;max-width:none;object-fit:initial;transform:translate(-50%,-50%)}
.credential-card h3{max-width:275px;min-height:96px;margin:26px 0 0;font-family:var(--serif);font-size:1.08rem;font-weight:600;line-height:1.48;text-wrap:balance}
.credential-card p{margin:17px 0 0;color:var(--muted);font-size:.68rem}
.credential-cfp-logo{width:150px!important;height:110px!important;max-width:150px!important;object-fit:contain!important}
.credential-card-link{position:absolute;z-index:2;inset:-1px;border-radius:inherit}
.credential-card-link:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}
@keyframes credential-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes credential-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes credential-dialog-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes credential-card-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.credential-trigger{grid-template-columns:1fr;gap:6px}.credential-icon{width:32px;height:32px}.credential-affiliations{gap:10px}.credential-affiliations span+span{padding-left:10px}.credential-dialog{width:calc(100vw - 32px);height:calc(100vh - 32px)}.credential-dialog-body{padding:24px}.credential-panel{gap:16px}.credential-card-content{padding-inline:18px}.credential-card h3{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){.credential-row,.credential-dialog[open],.credential-dialog::backdrop,.credential-card{animation:none}.credential-trigger,.credential-card{transition:none}.credential-trigger:hover,.credential-trigger:focus-visible,.credential-card:hover{transform:none}}