@layer app.components{.legends-people{margin:24px 0 28px}.legends-people__h{color:var(--color-text-secondary);letter-spacing:.02em;text-transform:uppercase;margin:0 0 12px;font-size:1.05rem;font-weight:600}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.legend-grid--first{grid-template-columns:minmax(0,420px);justify-content:center;margin-bottom:14px}.legend-card{border:1px dashed var(--mx-bbox-strong);background:var(--color-bg-surface);height:100%;color:inherit;grid-template-columns:56px 1fr;align-items:start;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.legend-card:hover{border-style:solid}.legend-card__body{gap:4px;display:grid}.legend-card__name{font-weight:600}.legend-card__aka{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.78rem}.legend-card__summary{color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.legend-portrait{background:var(--color-bg-sunken);width:56px;height:56px;font-family:var(--font-mono);object-fit:cover;border:2px solid;border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:grid}.legend-portrait[data-size=lg]{width:160px;height:160px;font-size:2.4rem}.legend-portrait--photo{border-color:var(--mx-bbox-strong)}.legend__years{color:var(--color-text-muted)}.legend__links{margin:18px 0 0;padding-left:1.1em;font-size:.9rem}.legend__links li{margin:4px 0}.legend-card__thumb{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--mx-bbox-dim);order:-1;grid-column:1/-1;width:100%;margin:0 0 12px;display:block}.legend-card__summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.legend__own{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.legend-editor{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-text) 3%, var(--color-bg));border-radius:6px;flex-direction:column;gap:12px;margin:12px 0 20px;padding:14px;display:flex}.legend-editor__field{color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.legend-editor__field input,.legend-editor__field textarea{font:inherit;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);resize:vertical;border-radius:4px;padding:8px 10px;font-size:.95rem;line-height:1.5}.legend-editor__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.legend-grid{flex-wrap:wrap;justify-content:center;display:flex}.legend-grid>li{flex:280px;min-width:250px;max-width:380px}.legend-grid--first>li{flex:0 420px;max-width:420px}}