#article-index h1 span { text-decoration: underline; }

#article-index .article-index__types { display: flex; flex-wrap: wrap; gap: 4px; }

#article-index .article-index__type { font-size: var(--font-xs); border: 1px solid var(--divider-color); padding: 0 var(--size-4-2) 0 calc(1.75 * 1em); border-radius: var(--radius-m); display: block; --icon-before-color: var(--color-primary); }

#article-index .article-index__type[active] { background-color: var(--color-important-alt); border: var(--border-width) var(--border-alt-style) var(--color-important); color: var(--color-important); border-style: var(--border-alt-style); --icon-before-color: var(--color-important); }

#article-index .article-index__articles { display: flex; flex-direction: column; gap: var(--size-4-2); }

#article-index .article-index__no-match { text-align: center; }

#article-index .article-index__no-match .sadge { font-size: 20vmin; color: var(--color-thin); font-weight: bolder; line-height: 1.25; margin-bottom: 3rem; }