:root {
  --alvnqu:#EDEFF3;
  --xay6rs:#B2B7C2;
  --hr3uv1:#7B8291;
  --l4l75z:#EDEFF3;
  --iydtoh:#EDEFF3;
  --m1bg7s:#FFFFFF;
  --bqox1a:rgba(6,7,10,.82);
  --fm66ol:rgba(0,0,0,.72);
  --c2i5bd:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r1gdhs:64px;
  --n1eiih:240px;
  --wk4whl:64px;
  --pfm5bv:14px
}

*,
::before,
::after {
  box-sizing:border-box
}

html {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--yhke7o);
  color:var(--alvnqu);
  font-family:var(--c2i5bd);
  font-size:15px;
  line-height:1.6;
  overflow-x:hidden;
  overflow-wrap:break-word;
  display:grid;
  grid-template-columns:var(--n1eiih) minmax(0,1fr);
  grid-template-rows:1fr auto;
  align-items:start;
  min-height:100vh;
  min-height:100dvh;
  padding-top:var(--r1gdhs)
}

a {
  color:inherit;
  text-decoration:none;
  cursor:pointer
}

button {
  font:inherit
}

img {
  max-width:100%
}

summary {
  list-style:none;
  cursor:pointer
}

summary::-webkit-details-marker {
  display:none
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline:2px solid var(--z8sn5i);
  outline-offset:2px
}

::selection {
  background:var(--z8sn5i);
  color:var(--b2d7u3)
}

[hidden] {
  display:none!important
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,
  ::before,
  ::after {
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important
  }
}

.detailbox-top {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  height:var(--r1gdhs);
  background:var(--yhke7o);
  border-bottom:1px solid var(--c67xf9)
}

.detailbox-top-inpart {
  display:flex;
  align-items:center;
  gap:14px;
  height:100%;
  padding:0 clamp(12px,2vw,22px)
}

.detailbox-member {
  display:none;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid var(--v2xi51);
  background:transparent;
  color:var(--alvnqu);
  cursor:pointer
}

.detailbox-member:hover {
  background:var(--alvnqu);
  color:var(--yhke7o)
}

.detailbox-badge {
  display:flex;
  align-items:center;
  flex:0 1 auto;
  min-width:0
}

.detailbox-partbit {
  font-size:19px;
  font-weight:800;
  letter-spacing:-.02em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.detailbox-partbit b {
  font-weight:800;
  color:var(--z8sn5i)
}

@media (max-width:480px) {
  .detailbox-top-inpart {
    gap:10px
  }
  .detailbox-top .detailbox-partbit {
    font-size:15px
  }
  .detailbox-top .detailbox-button {
    padding:11px 14px
  }
}

.detailbox-badge-node {
  display:block;
  height:30px;
  width:auto
}

.detailbox-top-component {
  margin-left:auto;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:clamp(8px,1.4vw,16px)
}

.detailbox-entity {
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--hr3uv1);
  white-space:nowrap
}

.detailbox-entity:hover {
  color:var(--alvnqu)
}

.detailbox-node {
  grid-column:1;
  grid-row:1/span 2;
  position:sticky;
  top:var(--r1gdhs);
  width:var(--n1eiih);
  height:calc(100vh - var(--r1gdhs));
  height:calc(100dvh - var(--r1gdhs));
  overflow-y:auto;
  scrollbar-width:none;
  padding:14px 10px 88px;
  border-right:1px solid var(--c67xf9);
  background:var(--yhke7o);
  display:flex;
  flex-direction:column;
  gap:2px
}

.detailbox-node::-webkit-scrollbar {
  display:none
}

.detailbox-findpart {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  margin-bottom:12px;
  border:1px solid var(--c67xf9);
  background:var(--ep9hsc);
  color:var(--hr3uv1);
  font-size:13px
}

.detailbox-findpart:hover {
  border-color:var(--z8sn5i);
  color:var(--alvnqu)
}

.detailbox-node-headline {
  margin:18px 0 8px;
  padding:0 12px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hr3uv1)
}

.detailbox-links {
  display:flex;
  flex-direction:column
}

.detailbox-links-unit {
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border-left:2px solid transparent;
  background:transparent;
  font-size:13.5px;
  font-weight:500;
  color:var(--xay6rs);
  text-align:left;
  transition:background .16s,color .16s,border-color .16s
}

.detailbox-links-ico {
  display:inline-flex;
  color:var(--hr3uv1)
}

.detailbox-links-unit:hover {
  background:var(--ep9hsc);
  color:var(--alvnqu);
  border-left-color:var(--z8sn5i)
}

.detailbox-links-unit:hover .detailbox-links-ico {
  color:var(--z8sn5i)
}

.detailbox-links-unit[aria-current="page"] {
  background:var(--ep9hsc);
  color:var(--alvnqu);
  font-weight:700;
  border-left-color:var(--z8sn5i)
}

.detailbox-links-unit[aria-current="page"] .detailbox-links-ico {
  color:var(--z8sn5i)
}

.detailbox-el {
  display:flex;
  flex-direction:column
}

.detailbox-el-unit {
  display:grid;
  grid-template-columns:26px 1fr;
  gap:6px;
  align-items:baseline;
  padding:8px 12px;
  border-left:2px solid transparent;
  font-size:12.5px;
  line-height:1.45;
  color:var(--hr3uv1)
}

.detailbox-el-no {
  font-size:10.5px;
  font-weight:700;
  font-variant-numeric:tabular-nums
}

.detailbox-el-unit:hover {
  color:var(--alvnqu);
  border-left-color:var(--z8sn5i)
}

.detailbox-el-unit[data-sr28-on] {
  color:var(--alvnqu);
  font-weight:600;
  border-left-color:var(--z8sn5i)
}

.detailbox-el-unit[data-sr28-on] .detailbox-el-no {
  color:var(--z8sn5i)
}

.detailbox-mainbit {
  grid-column:2;
  min-width:0
}

.detailbox-unit {
  max-width:1240px;
  margin-inline:auto;
  padding:clamp(16px,2vw,26px) clamp(14px,2vw,26px) 0;
  display:flex;
  flex-direction:column;
  gap:clamp(28px,3.2vw,48px);
  counter-reset:top 0
}

.detailbox-secondary-cap {
  counter-increment:top 1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding-bottom:10px;
  margin-bottom:14px;
  border-bottom:2px solid var(--l4l75z)
}

.detailbox-secondary-headline {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0;
  font-size:clamp(17px,1.8vw,22px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.02em
}

.detailbox-secondary-no::before {
  content:counter(top,decimal-leading-zero);
  font-size:.6em;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--z8sn5i)
}

.detailbox-secondary-pointpart {
  display:flex;
  align-items:center;
  gap:8px
}

.detailbox-secondary-place {
  font-size:12px;
  color:var(--hr3uv1)
}

.detailbox-pointpart {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hr3uv1)
}

.detailbox-pointpart::before {
  content:"";
  flex:0 0 auto;
  width:30px;
  height:2px;
  background:var(--z8sn5i)
}

.detailbox-label {
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border:1px solid var(--v2xi51);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--xay6rs)
}

.detailbox-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 20px;
  border:1px solid transparent;
  background:transparent;
  color:inherit;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s,color .18s,border-color .18s
}

.detailbox-button-solidpart {
  background:var(--z8sn5i);
  color:var(--b2d7u3);
  border-color:var(--z8sn5i);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--pfm5bv)),calc(100% - var(--pfm5bv)) 100%,0 100%)
}

.detailbox-button-solidpart:hover {
  background:var(--alvnqu);
  border-color:var(--alvnqu);
  color:var(--yhke7o)
}

.detailbox-button-item {
  background:transparent;
  color:var(--alvnqu);
  border-color:var(--alvnqu)
}

.detailbox-button-item:hover {
  background:var(--alvnqu);
  color:var(--yhke7o)
}

.detailbox-button-text {
  padding:5px 0;
  border-width:0 0 2px;
  border-style:solid;
  border-color:transparent;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--hr3uv1)
}

.detailbox-button-text:hover {
  color:var(--alvnqu);
  border-bottom-color:var(--z8sn5i)
}

.detailbox-button-member {
  padding:14px 26px;
  font-size:13px;
  --pfm5bv:16px
}

.detailbox-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 auto;
  padding:0;
  border:1px solid var(--v2xi51);
  background:transparent;
  color:var(--alvnqu);
  cursor:pointer;
  transition:background .18s,color .18s,border-color .18s
}

.detailbox-arrow:hover {
  background:var(--alvnqu);
  border-color:var(--alvnqu);
  color:var(--yhke7o)
}

.detailbox-heropart {
  position:relative;
  display:grid;
  grid-template-areas:"stack";
  min-height:clamp(240px,24vw,320px);
  overflow:hidden;
  border:1px solid var(--c67xf9);
  background:var(--ep9hsc)
}

.detailbox-heropart-art,
.detailbox-heropart-box {
  grid-area:stack
}

.detailbox-heropart-art {
  position:relative
}

.detailbox-heropart-art img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}

.detailbox-heropart-item {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--bqox1a) 0%,color-mix(in srgb,var(--bqox1a) 72%,transparent) 48%,transparent 86%)
}

.detailbox-heropart-box {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:clamp(18px,2.4vw,34px);
  color:var(--m1bg7s)
}

.detailbox-heropart .detailbox-pointpart {
  color:color-mix(in srgb,var(--m1bg7s) 72%,transparent)
}

.detailbox-heropart-headline {
  margin:0;
  font-size:clamp(22px,2.6vw,36px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.025em;
  max-width:22ch
}

.detailbox-heropart-footnote {
  margin:0;
  max-width:46ch;
  font-size:13.5px;
  color:color-mix(in srgb,var(--m1bg7s) 78%,transparent)
}

.detailbox-heropart-btn-area {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:2px
}

.detailbox-heropart-place {
  margin:0;
  font-size:11.5px;
  color:color-mix(in srgb,var(--m1bg7s) 62%,transparent)
}

.detailbox-heropart .detailbox-button-item {
  color:var(--m1bg7s);
  border-color:var(--m1bg7s)
}

.detailbox-heropart .detailbox-button-item:hover {
  background:var(--m1bg7s);
  color:var(--yhke7o)
}

.detailbox-detail {
  scroll-margin-top:calc(var(--r1gdhs) + 16px)
}

.detailbox-object {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid var(--c67xf9);
  border-left:1px solid var(--c67xf9)
}

.detailbox-object:not(.detailbox-line)>:nth-child(n+13) {
  display:none
}

@media (max-width:1400px) {
  .detailbox-object {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
  .detailbox-object:not(.detailbox-line)>:nth-child(n+11) {
    display:none
  }
}

@media (max-width:1100px) {
  .detailbox-object {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .detailbox-object:not(.detailbox-line)>:nth-child(n+9) {
    display:none
  }
}

@media (max-width:720px) {
  .detailbox-object {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .detailbox-object:not(.detailbox-line)>:nth-child(n+7) {
    display:none
  }
}

@media (max-width:460px) {
  .detailbox-object {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .detailbox-object:not(.detailbox-line)>:nth-child(n+5) {
    display:none
  }
}

.detailbox-line {
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none
}

.detailbox-line::-webkit-scrollbar {
  display:none
}

.detailbox-line>.detailbox-fragment {
  flex:0 0 clamp(150px,16vw,200px);
  min-width:0;
  scroll-snap-align:start
}

.detailbox-fragment {
  display:block;
  border-right:1px solid var(--c67xf9);
  border-bottom:1px solid var(--c67xf9);
  background:transparent;
  padding:0
}

.detailbox-fragment-art {
  display:block;
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--ep9hsc)
}

.detailbox-fragment-art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.8,.2,1)
}

.detailbox-fragment:hover .detailbox-fragment-art img {
  transform:scale(1.06)
}

.detailbox-fragment-goplay {
  position:absolute;
  right:0;
  bottom:0;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  background:var(--z8sn5i);
  color:var(--b2d7u3);
  clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px);
  opacity:0;
  transition:opacity .2s
}

.detailbox-fragment:hover .detailbox-fragment-goplay {
  opacity:1
}

.detailbox-fragment-unitpart {
  display:block;
  padding:9px 10px 11px;
  transition:background .2s
}

.detailbox-fragment-name {
  display:block;
  font-size:12px;
  font-weight:600;
  color:var(--alvnqu);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .2s
}

.detailbox-fragment:hover .detailbox-fragment-unitpart {
  background:var(--alvnqu)
}

.detailbox-fragment:hover .detailbox-fragment-name {
  color:var(--yhke7o)
}

.detailbox-provider-object {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  border-top:1px solid var(--c67xf9);
  border-left:1px solid var(--c67xf9)
}

.detailbox-provider {
  display:flex;
  align-items:center;
  justify-content:center;
  height:86px;
  padding:14px;
  border-right:1px solid var(--c67xf9);
  border-bottom:1px solid var(--c67xf9);
  background:var(--ep9hsc);
  transition:filter .2s
}

.detailbox-provider img {
  max-width:100%;
  max-height:46px;
  object-fit:contain
}

.detailbox-provider:hover {
  filter:brightness(1.12)
}

.detailbox-cardbits {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(14px,1.6vw,20px)
}

.detailbox-place {
  padding:clamp(16px,1.8vw,22px);
  border:1px solid var(--c67xf9);
  background:var(--ep9hsc)
}

.detailbox-place-headline {
  margin:0 0 8px;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.01em
}

.detailbox-place-text {
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.65;
  color:var(--xay6rs)
}

.detailbox-place-brandlogos {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px
}

.detailbox-place-brandlogos img {
  height:26px;
  width:auto;
  object-fit:contain
}

.detailbox-body {
  display:flow-root
}

.detailbox-secondary {
  scroll-margin-top:calc(var(--r1gdhs) + 16px)
}

.detailbox-secondary>*+* {
  margin-top:14px
}

.detailbox-secondary>:first-child {
  margin-top:0
}

.detailbox-secondary+.detailbox-secondary {
  margin-top:clamp(20px,2.4vw,30px)
}

.detailbox-secondary>h1 {
  margin:0 0 clamp(16px,2vw,24px);
  font-size:clamp(24px,2.8vw,36px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.025em
}

.detailbox-secondary h2 {
  margin:0;
  font-size:clamp(18px,2vw,24px);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
  text-wrap:pretty
}

.detailbox-secondary>h2 {
  padding-top:12px;
  border-top:2px solid var(--l4l75z)
}

.detailbox-secondary h3 {
  margin:24px 0 0;
  font-size:clamp(15px,1.6vw,18px);
  font-weight:700;
  letter-spacing:-.01em
}

.detailbox-secondary h4 {
  margin:18px 0 0;
  font-size:14px;
  font-weight:700
}

.detailbox-secondary p {
  margin:14px 0 0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--xay6rs);
  text-wrap:pretty
}

.detailbox-secondary a {
  color:var(--z8sn5i);
  text-decoration:underline;
  text-underline-offset:3px
}

.detailbox-secondary strong {
  color:var(--alvnqu)
}

.detailbox-secondary ol {
  counter-reset:toc 0;
  margin:18px 0 0;
  padding:0;
  list-style:none;
  max-width:900px;
  border-top:1px solid var(--c67xf9);
  display:flow-root
}

.detailbox-secondary ol>li {
  counter-increment:toc 1;
  position:relative;
  padding:14px 0 14px 50px;
  border-bottom:1px solid var(--c67xf9);
  font-size:14.5px;
  line-height:1.7;
  color:var(--xay6rs)
}

.detailbox-secondary ol>li::before {
  content:counter(toc,decimal-leading-zero);
  position:absolute;
  left:0;
  top:14px;
  font-size:17px;
  font-weight:800;
  line-height:1.4;
  color:var(--z8sn5i)
}

.detailbox-secondary ul {
  margin:16px 0 0;
  padding:0;
  list-style:none;
  max-width:900px;
  display:flex;
  flex-direction:column;
  gap:10px
}

.detailbox-secondary ul>li {
  position:relative;
  padding-left:22px;
  font-size:14.5px;
  line-height:1.7;
  color:var(--xay6rs)
}

.detailbox-secondary ul>li::before {
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:8px;
  height:8px;
  background:var(--z8sn5i)
}

.detailbox-secondary li>p {
  margin:0;
  font-size:inherit;
  line-height:inherit
}

.detailbox-secondary table {
  width:100%;
  max-width:900px;
  border-collapse:collapse;
  font-size:14px;
  border:1px solid var(--c67xf9)
}

.detailbox-secondary thead th {
  background:var(--pzt7g5);
  color:var(--iydtoh);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase
}

.detailbox-secondary tr {
  border-bottom:1px solid var(--c67xf9)
}

.detailbox-secondary tr:last-child {
  border-bottom:0
}

.detailbox-secondary th {
  text-align:left;
  padding:12px 14px;
  font-weight:700;
  color:var(--alvnqu)
}

.detailbox-secondary tbody th {
  width:42%
}

.detailbox-secondary td {
  padding:12px 14px;
  color:var(--xay6rs)
}

.detailbox-secondary td>p,
.detailbox-secondary th>p {
  margin:0;
  font-size:inherit;
  line-height:inherit;
  color:inherit
}

.detailbox-factor-unit {
  overflow-x:auto;
  clear:both;
  margin-top:18px
}

.detailbox-secondary img {
  height:auto
}

.detailbox-secondary>img,
.detailbox-secondary>p>img:only-child {
  display:block;
  width:100%;
  max-width:700px
}

.detailbox-secondary .image-center {
  max-width:700px;
  margin-top:18px
}

.detailbox-secondary .image-center img {
  display:block;
  width:100%
}

.detailbox-secondary .image-fragment {
  margin-top:6px;
  font-size:12px;
  color:var(--hr3uv1)
}

.detailbox-secondary .image-text {
  display:flow-root;
  margin-top:18px
}

.detailbox-secondary .image-text>img {
  float:left;
  width:min(300px,40%);
  margin:4px 22px 14px 0
}

.detailbox-secondary .image-text[data-fresh="right"]>img {
  float:right;
  margin:4px 0 14px 22px
}

.detailbox-secondary .image-text[data-fresh="top"]>img {
  float:none;
  display:block;
  width:100%;
  max-width:700px;
  margin:0
}

.detailbox-secondary .image-text[data-fresh="top"]>div:empty {
  display:none
}

.detailbox-secondary .image-text[data-fresh="top"]>div {
  margin-top:14px
}

.detailbox-secondary .image-text>div>:first-child {
  margin-top:0
}

.detailbox-secondary .image-text>div>*+* {
  margin-top:14px
}

@media (max-width:640px) {
  .detailbox-secondary .image-text>img,
  .detailbox-secondary .image-text[data-fresh="right"]>img {
    float:none;
    width:100%;
    margin:0 0 14px
  }
}

.detailbox-btn-area-line {
  margin-top:18px;
  clear:both
}

.detailbox-secondary .detailbox-btn-area {
  color:var(--b2d7u3);
  text-decoration:none
}

.detailbox-secondary .detailbox-btn-area:hover {
  color:var(--yhke7o)
}

.detailbox-component-unit {
  border-bottom:1px solid var(--c67xf9)
}

.detailbox-component-unit:first-of-type {
  border-top:1px solid var(--c67xf9)
}

.detailbox-component-unit>summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 0;
  font-size:14.5px;
  font-weight:700;
  line-height:1.4;
  color:var(--alvnqu)
}

.detailbox-component-unit>summary::after {
  content:"+";
  flex-shrink:0;
  font-size:20px;
  font-weight:500;
  line-height:1;
  color:var(--z8sn5i)
}

.detailbox-component-unit[open]>summary::after {
  content:"–"
}

.detailbox-component-unit[open]>summary {
  color:var(--z8sn5i)
}

.detailbox-component-unit>div {
  margin:0;
  padding:0 0 18px;
  max-width:880px;
  font-size:14px;
  line-height:1.75;
  color:var(--xay6rs)
}

.detailbox-component-unit>div>p {
  margin:0;
  font-size:inherit;
  line-height:inherit
}

.detailbox-component-unit>div>p+p {
  margin-top:10px
}

.detailbox-secondary>.detailbox-component-unit+.detailbox-component-unit {
  margin-top:0
}

.detailbox-portion {
  grid-column:2;
  align-self:end;
  min-width:0;
  margin-top:clamp(36px,4vw,64px);
  padding-bottom:64px;
  background:var(--pzt7g5);
  color:var(--iydtoh);
  border-top:1px solid var(--c67xf9)
}

.detailbox-portion-inpart {
  max-width:1240px;
  margin-inline:auto;
  padding:clamp(26px,3vw,44px) clamp(14px,2vw,26px)
}

.detailbox-portion-object {
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr;
  gap:clamp(20px,3vw,44px)
}

@media (max-width:900px) {
  .detailbox-portion-object {
    grid-template-columns:1fr 1fr
  }
}

@media (max-width:560px) {
  .detailbox-portion-object {
    grid-template-columns:1fr
  }
}

.detailbox-portion .detailbox-partbit {
  font-size:17px
}

.detailbox-portion-place {
  margin:14px 0 16px;
  max-width:42ch;
  font-size:13px;
  line-height:1.7;
  color:color-mix(in srgb,var(--iydtoh) 62%,transparent)
}

.detailbox-portion-marks {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px
}

.detailbox-portion-marks .detailbox-label {
  border-color:color-mix(in srgb,var(--iydtoh) 28%,transparent);
  color:color-mix(in srgb,var(--iydtoh) 74%,transparent)
}

.detailbox-portion-cap {
  margin:0 0 14px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--z8sn5i)
}

.detailbox-portion-anchor {
  display:block;
  margin-bottom:10px;
  padding:0;
  font-size:13px;
  color:color-mix(in srgb,var(--iydtoh) 72%,transparent);
  transition:color .16s
}

.detailbox-portion-anchor:hover {
  color:var(--z8sn5i)
}

.detailbox-portion-base {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(20px,2.6vw,34px);
  padding-top:16px;
  border-top:1px solid color-mix(in srgb,var(--iydtoh) 20%,transparent);
  font-size:12px;
  color:color-mix(in srgb,var(--iydtoh) 55%,transparent)
}

.detailbox-portion-base a:hover {
  color:var(--z8sn5i)
}

.detailbox-component {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:60;
  display:none;
  box-sizing:content-box;
  height:var(--wk4whl);
  align-items:stretch;
  justify-content:space-around;
  background:var(--yhke7o);
  border-top:2px solid var(--l4l75z);
  padding-bottom:env(safe-area-inset-bottom)
}

.detailbox-label-2 {
  flex:1 1 0%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:9px 4px;
  border-right:1px solid var(--c67xf9);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--xay6rs)
}

.detailbox-label-2:last-child {
  border-right:0
}

.detailbox-label-2[aria-current="page"] {
  color:var(--z8sn5i)
}

.detailbox-label-text {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-align:center;
  line-height:1.25
}

.detailbox-item {
  position:fixed;
  inset:0;
  z-index:70;
  display:none;
  background:var(--fm66ol)
}

.detailbox-meter {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:65;
  display:flex;
  align-items:center;
  gap:clamp(10px,1.6vw,20px);
  padding:10px clamp(12px,2vw,24px);
  background:var(--pzt7g5);
  color:var(--iydtoh);
  border-top:2px solid var(--z8sn5i)
}

.detailbox-meter[data-sr28-hide] {
  display:none
}

.detailbox-meter-text {
  margin:0;
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0
}

.detailbox-meter-pointpart {
  flex:0 0 auto;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--z8sn5i)
}

.detailbox-meter-headline {
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.detailbox-meter .detailbox-button {
  margin-left:auto
}

.detailbox-meter-el {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 auto;
  padding:0;
  border:1px solid color-mix(in srgb,var(--iydtoh) 30%,transparent);
  background:transparent;
  color:color-mix(in srgb,var(--iydtoh) 70%,transparent);
  cursor:pointer
}

.detailbox-meter-el:hover {
  background:var(--iydtoh);
  color:var(--pzt7g5)
}

@media (max-width:900px) {
  body {
    grid-template-columns:minmax(0,1fr)
  }
  .detailbox-mainbit,
  .detailbox-portion {
    grid-column:1
  }
  .detailbox-member {
    display:inline-flex
  }
  .detailbox-component {
    display:flex
  }
  .detailbox-portion {
    padding-bottom:calc(var(--wk4whl) + 72px + env(safe-area-inset-bottom))
  }
  .detailbox-node {
    position:fixed;
    top:var(--r1gdhs);
    left:0;
    bottom:0;
    z-index:80;
    width:min(300px,86vw);
    height:auto;
    transform:translateX(-100%);
    transition:transform .2s;
    border-right:2px solid var(--l4l75z)
  }
  body[data-sr28-nav] .detailbox-node {
    transform:none
  }
  body[data-sr28-nav] .detailbox-item {
    display:block
  }
  .detailbox-meter {
    bottom:calc(var(--wk4whl) + 2px + env(safe-area-inset-bottom))
  }
  .detailbox-meter-text {
    flex-direction:column;
    align-items:flex-start;
    gap:1px
  }
  .detailbox-meter-headline {
    font-size:13px;
    max-width:100%
  }
  body[data-sr28-nav] {
    overflow:hidden
  }
}

:root {
  --yhke7o:#210d10;
  --ep9hsc:#2a171a;
  --pzt7g5:#2a171a;
  --c67xf9:#372528;
  --v2xi51:#4d3d40;
  --z8sn5i:#ff4d6a;
  --b2d7u3:#0b0c10
}