.pwtag-index__title {
margin-bottom: 1rem;
}
.pwtag-index__nav {
display: flex;
flex-wrap: wrap;
gap: .5rem;
margin: 0 0 1.25rem;
padding-bottom: .75rem;
border-bottom: 1px solid #ddd;
}
.pwtag-index__nav a {
text-decoration: none;
font-weight: 600;
}
.pwtag-index__search-wrap {
margin-bottom: 1.25rem;
}
.pwtag-index__search {
width: 100%;
max-width: 28rem;
padding: .7rem .85rem;
}
.pwtag-index__group {
margin-bottom: 2rem;
}
.pwtag-index__letter {
margin-bottom: .75rem;
padding-bottom: .25rem;
border-bottom: 1px solid #eee;
}
.pwtag-index__list {
list-style: none;
padding: 0;
margin: 0;
columns: 3;
column-gap: 2rem;
}
.pwtag-index__item {
break-inside: avoid;
margin-bottom: .45rem;
}
.pwtag-index__link {
text-decoration: none;
}
.pwtag-index__count {
color: #777;
font-size: .95em;
}
@media (max-width: 900px) {
.pwtag-index__list { columns: 2; }
}
@media (max-width: 600px) {
.pwtag-index__list { columns: 1; }
}