/* 詳細ページ headerリセット */
.column-article-header {
  width: inherit;
  height: inherit;
  position: inherit;
  top: inherit;
  left: inherit;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  padding-left: inherit;
  z-index: inherit;
  background-color: inherit;
}

.column-article-contents {

  menu,
  ol,
  ul {
    list-style: initial;
    margin: initial;
    padding: initial;
    padding-left: var(--length-6);
  }

  hr {
    border-color: initial;
  }
}

/* ナビ */
.category-nav-container {
  grid-template-columns: repeat(auto-fit, minmax(var(--length-36), 1fr));
}

.segmented-button {
  background-color: var(--color-surface-80);

  &:hover {
    background-color: var(--color-surface-60);
  }

  &:focus-visible {
    outline: auto;
  }

  &.selected {
    color: var(--color-surface-100);
    background-color: var(--color-surface-0);
    cursor: auto;
  }
}

/* ページネーション */
.page-numbers {
  min-width: var(--length-10);
  height: var(--length-10);
  border-radius: var(--rounded-full);
  display: flex;
  justify-content: center;
  align-items: center;

  &:not(.dots) {
    border: var(--length-px) solid var(--color-surface-0);
  }

  &:hover {
    background-color: var(--color-surface-80);
  }

  &:focus-visible {
    outline: auto;
  }

  &.current {
    color: var(--color-surface-100);
    background-color: var(--color-surface-0);
    cursor: auto;
  }
}