.detail-hero[data-astro-cid-5jk4wdxu] {
  padding: 155px 0 80px;
  position: relative;
  overflow: hidden;
}

.detail-hero[data-astro-cid-5jk4wdxu] .container[data-astro-cid-5jk4wdxu] {
  position: relative;
  z-index: 1;
}

.detail-art[data-astro-cid-5jk4wdxu] {
  position: absolute;
  right: -280px;
  top: -50px;
  width: 1000px;
  opacity: .24;
  pointer-events: none;
}

.detail-breadcrumb[data-astro-cid-5jk4wdxu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #b6acc9;
  margin-bottom: 40px;
}

.detail-breadcrumb[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.detail-breadcrumb[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu]:hover {
  text-decoration: underline;
}

.detail-hero[data-astro-cid-5jk4wdxu] > .container[data-astro-cid-5jk4wdxu] > .eyebrow[data-astro-cid-5jk4wdxu] {
  color: #b8acdc;
}

.detail-hero[data-astro-cid-5jk4wdxu] h1[data-astro-cid-5jk4wdxu] {
  font-size: clamp(42px, 5.2vw, 77px);
  line-height: 1.12;
  max-width: 870px;
  margin: 24px 0;
}

.detail-hero[data-astro-cid-5jk4wdxu] p[data-astro-cid-5jk4wdxu] {
  max-width: 620px;
  color: #bbb2ce;
  font-size: 18px;
}

.detail-actions[data-astro-cid-5jk4wdxu] {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-top: 30px;
}

.detail-actions[data-astro-cid-5jk4wdxu] .text-link[data-astro-cid-5jk4wdxu] {
  color: #c8bce2;
}

.detail-columns[data-astro-cid-5jk4wdxu] {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 100px;
}

.detail-aside[data-astro-cid-5jk4wdxu] {
  align-self: start;
  position: sticky;
  top: 125px;
}

.detail-aside[data-astro-cid-5jk4wdxu] > .eyebrow[data-astro-cid-5jk4wdxu] {
  color: #706284;
}

.detail-aside[data-astro-cid-5jk4wdxu] nav[data-astro-cid-5jk4wdxu] {
  margin: 22px 0 35px;
}

.detail-aside[data-astro-cid-5jk4wdxu] nav[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--line);
  padding: 17px 0;
  font-size: 14px;
  line-height: 1.6;
}

.detail-aside[data-astro-cid-5jk4wdxu] nav[data-astro-cid-5jk4wdxu] svg[data-astro-cid-5jk4wdxu] {
  width: 17px;
  height: 17px;
  color: #706284;
}

.detail-aside[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu]:hover {
  color: #5849bf;
}

.detail-maker[data-astro-cid-5jk4wdxu] {
  font-size: 13px;
  line-height: 1.8;
}

.detail-maker[data-astro-cid-5jk4wdxu] span[data-astro-cid-5jk4wdxu] {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #675393;
  margin-top: 10px;
  min-height: 44px;
}

.detail-maker[data-astro-cid-5jk4wdxu] svg[data-astro-cid-5jk4wdxu] {
  width: 17px;
  height: 17px;
}

.detail-part[data-astro-cid-5jk4wdxu] {
  scroll-margin-top: 130px;
  margin-bottom: 55px;
}

.detail-part[data-astro-cid-5jk4wdxu]:last-child {
  margin-bottom: 0;
}

.detail-part[data-astro-cid-5jk4wdxu] h2[data-astro-cid-5jk4wdxu] {
  font-size: clamp(29px, 3vw, 42px);
  margin-bottom: 24px;
  max-width: 660px;
}

.detail-part[data-astro-cid-5jk4wdxu] p[data-astro-cid-5jk4wdxu] {
  font-size: 16px;
  color: #625b6c;
  margin: 0 0 20px;
  max-width: 740px;
}

.detail-part[data-astro-cid-5jk4wdxu] ul[data-astro-cid-5jk4wdxu] {
  padding-left: 21px;
  margin: 25px 0 0;
}

.detail-part[data-astro-cid-5jk4wdxu] li[data-astro-cid-5jk4wdxu] {
  font-size: 15px;
  line-height: 1.8;
  padding: 7px 0;
  color: #625b6c;
}

.detail-part[data-astro-cid-5jk4wdxu] li[data-astro-cid-5jk4wdxu]::marker {
  color: #6258ff;
}

.detail-faq[data-astro-cid-5jk4wdxu] {
  padding-top: 0;
}

.detail-next[data-astro-cid-5jk4wdxu] {
  padding: 80px 0;
}

.detail-related[data-astro-cid-5jk4wdxu] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  margin: 30px 0;
}

.detail-related[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu] {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-size: 25px;
  letter-spacing: -.035em;
  border-top: 1px solid #ffffff30;
  border-bottom: 1px solid #ffffff30;
}

.detail-related[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu]:hover {
  color: #b1a1ff;
}

.detail-next[data-astro-cid-5jk4wdxu] > .container[data-astro-cid-5jk4wdxu] > .inline-link[data-astro-cid-5jk4wdxu] {
  font-size: 13px;
  color: #b6acc9;
  line-height: 1.8;
}

.detail-closing[data-astro-cid-5jk4wdxu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: 70px;
}

.detail-closing[data-astro-cid-5jk4wdxu] h2[data-astro-cid-5jk4wdxu] {
  font-size: 38px;
  margin-bottom: 20px;
}

.detail-closing[data-astro-cid-5jk4wdxu] p[data-astro-cid-5jk4wdxu] {
  max-width: 520px;
  color: #b6acc9;
  font-size: 15px;
}

.detail-closing[data-astro-cid-5jk4wdxu] > .button[data-astro-cid-5jk4wdxu] {
  flex-shrink: 0;
}

@media (width <= 1100px) {
  .detail-columns[data-astro-cid-5jk4wdxu] {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 50px;
  }
}

@media (width <= 760px) {
  .detail-hero[data-astro-cid-5jk4wdxu] {
    padding: 120px 0 60px;
  }

  .detail-breadcrumb[data-astro-cid-5jk4wdxu] {
    margin-bottom: 25px;
    font-size: 11px;
    gap: 8px;
  }

  .detail-hero[data-astro-cid-5jk4wdxu] h1[data-astro-cid-5jk4wdxu] {
    font-size: 40px;
    overflow-wrap: break-word;
  }

  .detail-hero[data-astro-cid-5jk4wdxu] p[data-astro-cid-5jk4wdxu] {
    font-size: 16px;
  }

  .detail-art[data-astro-cid-5jk4wdxu] {
    width: 620px;
    right: -360px;
    top: 80px;
    opacity: .16;
  }

  .detail-actions[data-astro-cid-5jk4wdxu] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .detail-actions[data-astro-cid-5jk4wdxu] .button[data-astro-cid-5jk4wdxu] {
    width: 100%;
    min-height: 56px;
  }

  .detail-actions[data-astro-cid-5jk4wdxu] .text-link[data-astro-cid-5jk4wdxu] {
    min-height: 44px;
    font-size: 13px;
  }

  .detail-columns[data-astro-cid-5jk4wdxu] {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .detail-aside[data-astro-cid-5jk4wdxu] {
    position: static;
  }

  .detail-aside[data-astro-cid-5jk4wdxu] nav[data-astro-cid-5jk4wdxu] {
    margin: 15px 0 0;
  }

  .detail-maker[data-astro-cid-5jk4wdxu] {
    display: none;
  }

  .detail-part[data-astro-cid-5jk4wdxu] {
    margin-bottom: 40px;
    scroll-margin-top: 105px;
  }

  .detail-part[data-astro-cid-5jk4wdxu] h2[data-astro-cid-5jk4wdxu] {
    font-size: 30px;
  }

  .detail-part[data-astro-cid-5jk4wdxu] p[data-astro-cid-5jk4wdxu], .detail-part[data-astro-cid-5jk4wdxu] li[data-astro-cid-5jk4wdxu] {
    font-size: 15px;
  }

  .detail-related[data-astro-cid-5jk4wdxu] {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .detail-related[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu] {
    font-size: 25px;
  }

  .detail-related[data-astro-cid-5jk4wdxu] a[data-astro-cid-5jk4wdxu] + a[data-astro-cid-5jk4wdxu] {
    border-top: 0;
  }

  .detail-next[data-astro-cid-5jk4wdxu] {
    padding: 65px 0;
  }

  .detail-closing[data-astro-cid-5jk4wdxu] {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 45px;
    gap: 25px;
  }

  .detail-closing[data-astro-cid-5jk4wdxu] h2[data-astro-cid-5jk4wdxu] {
    font-size: 34px;
  }

  .detail-closing[data-astro-cid-5jk4wdxu] > .button[data-astro-cid-5jk4wdxu] {
    width: 100%;
  }
}