/*
 * ZZXXCCVV 패밀리 링크.
 *
 * 구글은 서브도메인을 별개 호스트로 보므로, 형제 사이트가 쌓은 신뢰가 서로에게
 * 흐르지 않는다. 루트 허브만 20개를 링크하고 역방향·횡방향 링크가 없었다.
 *
 * **홈에만 둔다.** 모든 페이지에 넣으라는 요청이었지만, 이 사이트는 도감 상세만
 * 1,025개 × 8언어라 8,200개 문서에 21개 외부 링크가 붙는다 — 링크 가치가
 * 흩어지고 문서도 무거워진다(트레이너 결정).
 *
 * 게임 진입 화면에도 달아 봤다가 되돌렸다. 게임 앱들은 화면을 꽉 채우는
 * 캔버스·고정 레이아웃이라 문서 흐름에 이 목록이 붙으면 거의 모든 화면의
 * 디자인이 깨졌다. 링크를 흘려보내는 값어치보다 노는 화면이 멀쩡한 것이
 * 먼저다. 그래서 이 스타일을 읽는 곳은 도감(Next)의 홈 하나다.
 *
 * 눈에 보이는 평범한 링크여야 한다 — 숨기면 검색엔진이 세지 않는다.
 */
.zz-family {
    width: 100%;
    max-width: 50.5rem;
    margin: 1.5rem auto 0;
    padding: 0.75rem 1rem 1rem;
    text-align: center;
    font-family: var(--ddol-font-body, sans-serif);
    font-size: 0.72rem;
    line-height: 1.9;
    color: var(--ddol-text-muted, #6b7280);
}
.zz-family > a {
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
.zz-family ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 0.5rem;
    margin: 0.35rem 0 0;
    padding: 0;
    list-style: none;
}
.zz-family li::after {
    content: "·";
    margin-left: 0.5rem;
    opacity: 0.5;
}
.zz-family li:last-child::after { content: ""; margin: 0; }
.zz-family a { color: inherit; text-decoration: none; }
.zz-family a:hover { text-decoration: underline; }