.ename-letters { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }
.ename-letters .btn[aria-pressed="true"] { background: var(--primary, #176b50); color: #fff; border-color: var(--primary, #176b50); }
.ename-guide input { width: 100%; max-width: 28rem; box-sizing: border-box; }
.ename-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ename-card { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.ename-card h2 { margin-top: 0; }
.ename-ranks { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; }
.ename-ranks dt { font-size: .85rem; }
.ename-ranks dd { margin: .2rem 0 0; font-weight: 700; }
.ename-card[hidden], #ename-controls[hidden] { display: none; }
@media (max-width: 600px) { .ename-cards { grid-template-columns: minmax(0, 1fr); } }