.u-report-layout {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
}

.u-report-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.u-report-list__item {
  font-size: var(--FONT_SIZE);
  line-height: 1.5;
  list-style: none;
  position: relative;
}
.u-report-list__item :where(.m-link) {
  --local-color: var(--KIRIN_GRAY_900);
  display: block;
  padding-left: 1.25em;
  width: fit-content;
}
.u-report-list__item :where(.m-link) :where(.m-link__text) {
  background-size: 0 1px;
}
.u-report-list__item :where(.m-link)::before {
  border-bottom: 1px solid var(--KIRIN_RED_900);
  border-right: 1px solid var(--KIRIN_RED_900);
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  margin-inline: auto;
  position: absolute;
  top: 0.54em;
  transform: rotate(-45deg);
  width: 6px;
}

[class=u-report-list__item]:not(.m-link) :where(.m-link__text) {
  transition: background-size var(--TRANSITION);
}

.u-report-list-item {
  margin-top: 24px;
}

.m-list .u-report-list-item {
  grid-column: 1/-1;
  margin-top: 16px;
}

.u-report-nest-list {
  padding-inline-start: 1.2rem;
}

@media only screen and (any-hover: hover) {
  .u-report-list__item :where(.m-link):hover, .u-report-list__item :where(.m-link):focus-visible {
    --local-color: var(--KIRIN_RED_900);
  }
  .u-report-list__item :where(.m-link):hover .m-link__text, .u-report-list__item :where(.m-link):focus-visible .m-link__text {
    background-size: 100% 1px;
  }
}
@media print, screen and (width > 768px) {
  .u-report-layout {
    gap: 36px;
    grid-template-columns: 1fr 2fr;
    margin-top: 64px;
  }
  .u-report-list {
    row-gap: 32px;
  }
  .u-report-list-item {
    margin-top: 32px;
  }
  .m-list .u-report-list-item {
    margin-top: 24px;
  }
}