/* TAKETEN / TEXT DETAIL */
.text-detail-page{background:var(--paper)}
.text-detail-shell,.text-reading-shell{width:min(calc(100% - (var(--pad) * 2)),var(--max));margin-inline:auto}
.text-detail-page .desktop-nav .is-current::after{right:0}

.text-detail-hero{min-height:78svh;padding:132px 0 80px;display:flex;align-items:center}
.text-detail-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:clamp(48px,7vw,88px)}
.back-texts{padding-bottom:4px;border-bottom:1px solid var(--ink);font-family:var(--sans-en);font-size:9px;font-weight:600;letter-spacing:.11em}
.back-texts:hover{background:var(--acid)}
.text-detail-title-row{position:relative}
.text-detail-title{margin:0;font-family:var(--sans-en);font-size:clamp(110px,22vw,310px);font-weight:600;line-height:.72;letter-spacing:-.105em}
.text-detail-sticker{position:absolute;right:7%;top:4%;width:clamp(92px,11vw,150px);aspect-ratio:1;display:grid;place-items:center;padding:18px;background:var(--acid);font-family:var(--sans-en);font-size:clamp(14px,1.4vw,20px);font-weight:700;line-height:.9;letter-spacing:-.04em;transform:rotate(7deg)}
.text-detail-meta{margin-top:clamp(56px,8vw,105px);padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:30px}
.text-detail-meta p{margin:0;font-size:clamp(24px,3vw,42px);font-weight:500;letter-spacing:-.04em}
.text-detail-meta span{font-family:var(--sans-en);font-size:8px;font-weight:600;letter-spacing:.12em}

.text-reading{padding:clamp(84px,11vw,150px) 0 100px;background:var(--ink);color:var(--paper)}
.text-reading-shell{max-width:1080px}
.story-image{width:min(100%,860px);margin:clamp(70px,9vw,120px) auto}
.story-image-lead{margin-top:0}
.story-image img{display:block;width:100%;height:auto;background:#fff}
.story-image figcaption{margin-top:10px;color:#77736d;font-family:var(--sans-en);font-size:7px;font-weight:600;letter-spacing:.12em}
.story-body{width:min(100%,720px);margin:0 auto;font-size:clamp(16px,1.45vw,19px);line-height:2.25;letter-spacing:.035em}
.story-body p{margin:0 0 1.15em}
.story-body p:last-child{margin-bottom:0}

.text-detail-pager{margin-top:clamp(100px,13vw,170px);display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid rgba(243,240,232,.24);border-bottom:1px solid rgba(243,240,232,.24)}
.text-detail-pager a{min-height:104px;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--sans-en);transition:background .2s ease,color .2s ease}
.text-detail-pager a+a{border-left:1px solid rgba(243,240,232,.24)}
.text-detail-pager span{color:#77736d;font-size:7px;font-weight:600;letter-spacing:.12em}
.text-detail-pager strong{font-size:11px;letter-spacing:.08em}
.text-detail-next{text-align:right;align-items:flex-end}
.text-detail-all{min-width:150px;align-items:center;text-align:center}
.text-detail-pager a:hover{background:var(--acid);color:var(--ink)}
.text-detail-pager a:hover span{color:var(--ink)}
.text-detail-page .site-footer{border-top:1px solid rgba(243,240,232,.18)}

@media(max-width:720px){
  .text-detail-hero{min-height:auto;padding:116px 0 82px}
  .text-detail-sticker{right:0;top:-22px;width:86px;padding:13px;font-size:12px}
  .text-detail-meta{flex-direction:column;align-items:flex-start;gap:15px}
  .story-body{font-size:16px;line-height:2.15}
  .text-detail-pager{grid-template-columns:1fr 1fr}
  .text-detail-all{grid-column:1/-1;grid-row:2;border-left:0!important;border-top:1px solid rgba(243,240,232,.24)}
}
@media(max-width:460px){
  .text-detail-title{font-size:31vw}
  .text-detail-hero-top{flex-direction:column}
  .back-texts{align-self:flex-end}
  .story-image{width:100%}
}