.explore-index{padding:0;border:none;box-shadow:rgba(0,0,0,.1) 0px 8px 24px;border-radius:1rem;max-width:960px;width:95%;color:var(--neutral-800)}.explore-index header{display:flex;justify-content:space-between;align-items:center;margin-block-end:1rem}.explore-index header h2{margin:0;font-size:1.5rem;color:var(--neutral-600);font-weight:300}.explore-index__content{padding-block:min(2rem,5%);padding-inline:min(3rem,5%);background-color:var(--neutral-10)}.explore-index__filter{margin-block-end:1rem}.explore-index__filter input{width:100%;color:var(--neutral-600);background-color:var(--neutral-0)}.explore-index__filter-note{font-size:.8rem}.explore-index__filter-note a{color:var(--accent-400)}.explore-index__list{overflow:auto;height:clamp(250px,50vh,800px);overscroll-behavior:contain}.explore-index__list .explore-index__category{margin-block-end:1rem}.explore-index__list .explore-index__category hgroup{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--neutral-400)}.explore-index__list .explore-index__category hgroup img{width:20px;height:20px}.explore-index__list .explore-index__category ul{list-style:none;padding:0;margin:0}.explore-index__index{position:relative;padding-block:.5rem;display:grid;justify-content:space-between;flex-direction:column;grid-template-rows:1fr auto;grid-template-columns:auto;gap:1rem;border-bottom:solid 1px var(--neutral-100)}@media screen and (min-width: 968px){.explore-index__index{grid-template-columns:1fr auto;grid-template-rows:auto;gap:1rem}}.explore-index__index:hover{border-bottom-color:var(--accent-400)}.explore-index__index--locked{color:var(--neutral-300)}.explore-index__index--locked svg{color:var(--neutral-500)}.explore-index .index__text{overflow:hidden}.explore-index .index__text .index-title{font-size:1rem}.explore-index .index__text p{color:var(--neutral-400);text-overflow:ellipsis;overflow:hidden}.explore-index .index__text p :empty{display:none}.explore-index .index__button{display:flex;align-items:center;gap:1rem;padding-right:1rem}.explore-index .index__button button[title]{position:relative}.explore-index .index__button button[title]::after{content:attr(title);position:absolute;right:110%;top:50%;transform:translateY(-50%);background:var(--neutral-800);color:#fff;padding:.3em .7em;border-radius:.3em;font-size:.85em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.12)}.explore-index .index__button button[title]:hover::after,.explore-index .index__button button[title]:focus::after{opacity:1}.explore-index .index__button button{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;color:var(--accent-400)}.explore-index .index__button button svg{flex-shrink:0}.explore-index .index__button button:hover{color:var(--neutral-600)}