.mem { display: grid; gap: 10px 20px; grid-template-columns: 1fr; align-items: center; padding: 18px 22px; }
@media (min-width: 820px) { .mem { grid-template-columns: 220px minmax(0, 1fr) 200px auto; } }
.mem .nm { font-family: var(--font-head); font-size: 17px; letter-spacing: .08em; }
.mem .pl { font-size: 12.5px; color: var(--muted); }
.mem .cnt { font-family: var(--font-latin); font-size: 22px; }
.mem .cnt small { font-family: var(--font-body); font-size: 12px; color: var(--muted); margin-left: 4px; }
.mem .meta { font-size: 12.5px; color: var(--muted); display: grid; gap: 2px; }
.mem .flags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.mem .acts { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.pips { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 6px; }
.pips i { width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--gold); display: block; }
.pips i.used { background: var(--gold); }
.sub-tag { font-family: var(--font-latin); letter-spacing: .2em; font-size: 12px; color: var(--gold); text-transform: uppercase; }