/* Developers directory and the projects-index link to it. */
.hz-project-index__developers {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding-inline: 4px;
    color: var(--project-blue, #0745D9);
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.hz-project-index__developers:hover { color: var(--hagzi-primary-dark, #0638B0); }

.hz-developers { --hz-dev-ink: #12141a; --hz-dev-muted: #3c414c; --hz-dev-line: #e7e9ee; color: var(--hz-dev-ink); }
.hz-developers * { box-sizing: border-box; }
.hz-developers h1, .hz-developers h2, .hz-developers p { margin: 0; }
.hz-developers a:focus-visible { outline: 3px solid #0745D9; outline-offset: 3px; }

.hz-developer-monogram {
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    flex: none;
    border-radius: 8px;
    background: #0745D9;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
}

.hz-developer-identity, .hz-developers-list__identity { display: flex; align-items: flex-start; gap: 16px; }
.hz-developer-about, .hz-developers-list__about { margin-top: 8px; color: var(--hz-dev-muted); font-size: 16px; line-height: 1.6; }
.hz-developer-website, .hz-developers-list__website { display: inline-block; margin-top: 10px; color: #0745D9; font-weight: 600; }
.hz-developers-list { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 16px; }
.hz-developers-list__item { border: 1px solid var(--hz-dev-line); border-radius: 12px; background: #fff; padding: 16px; }
.hz-developers-list__name { font-size: 20px; line-height: 1.4; font-weight: 650; }
.hz-developers-list__name a { color: inherit; text-decoration: none; }
.hz-developers-list__name a:hover { color: #0745D9; }
.hz-developers-empty { margin-top: 16px; font-size: 16px; line-height: 1.6; }