.staff-badges{display:inline-flex;align-items:center;gap:4px;flex:none;margin-left:0}
.staff-seal{position:relative;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid #ce929f;background:radial-gradient(ellipse at 30% 15%,#fff 0,#fff2ed 24%,#f6d7db 62%,#db9cae 100%);box-shadow:inset 0 0 0 2px #fff7f1,inset 0 -2px 4px #b8748c35,0 2px 5px #8a44551c;color:#9a4a63;vertical-align:middle}
.staff-seal svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff)}
.staff-seal-admin{border-color:#c99c78;color:#9b6547;background:radial-gradient(ellipse at 30% 15%,#fff,#fff1df 35%,#ebc0aa)}
.staff-seal-tooltip{display:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font:500 12px var(--font-body);white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);z-index:10;box-shadow:var(--shadow)}
.staff-seal:hover .staff-seal-tooltip,.staff-seal:focus-visible .staff-seal-tooltip{display:block}.staff-seal:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
body .staff-badges .staff-seal{border:0;border-radius:0;background:none;box-shadow:none}
body .staff-seal>.dh-custom-icon{width:100%;height:100%}
body .identity-name:has(.staff-badges){flex-wrap:wrap}body .mp-profile:has(.staff-badges){min-width:0}body .content:has(.staff-badges){grid-template-columns:minmax(0,1fr)}
body[data-theme=dark] .staff-seal{box-shadow:none}
body .editorial-role-emblem{border:0;border-radius:0;background:none;box-shadow:none;vertical-align:middle}
body .editorial-role-emblem>img{width:100%;height:100%;object-fit:contain}
body .staff-seal-jewel{border:0;border-radius:0;background:none;box-shadow:none;margin-inline-start:0}
body .dh-public-identity .dh-public-identity-heading{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
body .dh-public-identity-heading .identity-plan,body .dh-public-identity-heading .staff-seal{width:24px;height:24px;flex:0 0 24px}
body .dh-public-identity-heading .identity-plan img{width:100%;height:100%;object-fit:contain}
/* A brief light catch on the jewelry, only during interaction. */
body :is(.staff-seal-jewel,.editorial-role-emblem)::before,
body :is(.staff-seal-jewel,.editorial-role-emblem)::after{content:'';position:absolute;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle,#fff 0 18%,#fff8e9 38%,#ffe0ae 72%,transparent 100%);clip-path:polygon(50% 0,60% 37%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 39%);filter:drop-shadow(0 0 2px #fff4d9);transform:scale(.2) rotate(-20deg);transform-origin:center}
body :is(.staff-seal-jewel,.editorial-role-emblem)::before{width:11px;height:11px;left:57%;top:20%}
body :is(.staff-seal-jewel,.editorial-role-emblem)::after{width:7px;height:7px;left:23%;top:55%}
body :is(.staff-seal-jewel,.editorial-role-emblem)>.dh-custom-icon,
body .editorial-role-emblem>img{transition:filter .22s ease}
body :is(.staff-seal-jewel,.editorial-role-emblem):is(:hover,:focus-visible,:active)::before{animation:dh-jewel-glint .95s ease-out both}
body :is(.staff-seal-jewel,.editorial-role-emblem):is(:hover,:focus-visible,:active)::after{animation:dh-jewel-glint .8s ease-out .18s both}
body :is(.staff-seal-jewel,.editorial-role-emblem):is(:hover,:focus-visible,:active)>.dh-custom-icon,
body .editorial-role-emblem:is(:hover,:focus-visible,:active)>img{filter:brightness(1.1) saturate(1.04)}
@keyframes dh-jewel-glint{0%{opacity:0;transform:scale(.2) rotate(-20deg)}28%{opacity:.95;transform:scale(1) rotate(0)}52%{opacity:.65;transform:scale(.75) rotate(12deg)}100%{opacity:0;transform:scale(.25) rotate(24deg)}}
@media(prefers-reduced-motion:reduce){body :is(.staff-seal-jewel,.editorial-role-emblem)::before,body :is(.staff-seal-jewel,.editorial-role-emblem)::after{animation:none!important;opacity:0!important}body :is(.staff-seal-jewel,.editorial-role-emblem)>.dh-custom-icon,body .editorial-role-emblem>img{transition:none;filter:none!important}}

/* Gentle ambient jewelry reflections, requested as a moving GIF-like effect. */
body :is(.staff-seal-jewel,.editorial-role-emblem)::before{animation:dh-jewel-ambient 8s ease-in-out infinite}
body :is(.staff-seal-jewel,.editorial-role-emblem)::after{animation:dh-jewel-ambient 10s ease-in-out 2s infinite}
@keyframes dh-jewel-ambient{0%,18%,32%,68%,82%,100%{opacity:0;transform:scale(.2) rotate(-15deg)}25%{opacity:.8;transform:scale(.9) rotate(5deg)}75%{opacity:.45;transform:scale(.6) rotate(18deg)}}