.site-page .family-page__back{margin-bottom:18px;font-size:var(--ui-caption-size);font-weight:700}.family-page__back a:before{content:"← "}.family-page__picture{margin:24px 0 18px;padding:8px;border:1px solid var(--panel-border);border-radius:var(--utility-radius);background:var(--canvas);box-shadow:var(--shadow-lg)}.family-page__picture img{display:block;width:100%;height:auto;border-radius:calc(var(--utility-radius) - 8px)}.site-page .family-page__access{margin-top:10px}.site-page.family-list{max-width:72rem}.family-list .site-lead{max-width:46rem}.family-list__group{margin-top:40px}.site-page .family-list__group h2{margin:0 0 14px;font-size:var(--text-24)}.site-page .family-list__group ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:16px;margin:0;padding:0;list-style:none}.site-page .family-list__group li,.site-page .family-list__group li+li{margin:0}.family-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--panel-border);border-radius:12px;background:var(--canvas);box-shadow:var(--shadow-sm);color:var(--ink);font-weight:700;text-decoration:none}.family-card img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;padding:8px 8px 0;box-sizing:border-box}.family-card__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:auto;padding:10px 14px 12px;border-top:1px solid var(--panel-border)}a.family-card:hover{border-color:var(--teal);color:var(--teal);text-decoration:none}.family-card:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.family-list__free{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--tag);color:var(--tag-text);font-size:var(--text-13);font-weight:800}@media(max-width:560px){.site-page .family-list__group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.family-card__name{padding:8px 10px 10px;font-size:var(--text-14);overflow-wrap:anywhere}}.family-list .site-actions{margin-top:28px}
