/* Trainonex comic-story refinements: dialogue-first, aligned character staging */
.tnx-story-start .tnx-comic-sequence,
.tnx-about-story-chapter .tnx-comic-sequence{display:flex!important;flex-direction:column!important;gap:0!important;max-width:1120px!important;margin:32px auto 0!important}
.tnx-story-start .tnx-comic-sequence:before,
.tnx-about-story-chapter .tnx-comic-sequence:before{left:50%!important;top:3%!important;bottom:3%!important;width:2px!important;z-index:-1!important}
.tnx-story-start .tnx-comic-scene,
.tnx-about-story-chapter .tnx-comic-scene{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(28px,5vw,76px)!important;align-items:center!important;min-height:365px!important;padding:34px 0!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(130,145,165,.2)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.tnx-story-start .tnx-comic-scene:nth-child(even) .tnx-comic-visual,
.tnx-about-story-chapter .tnx-comic-scene:nth-child(even) .tnx-comic-visual{order:2!important}
.tnx-story-start .tnx-comic-scene:nth-child(even) .tnx-comic-caption,
.tnx-about-story-chapter .tnx-comic-scene:nth-child(even) .tnx-comic-caption{order:1!important}
.tnx-story-start .tnx-comic-visual,
.tnx-about-story-chapter .tnx-comic-visual{position:relative!important;height:330px!important;min-height:330px!important;width:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:0!important;padding:72px 14px 0!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;background:radial-gradient(ellipse at 50% 78%,rgba(237,23,56,.16),transparent 68%)!important}
.tnx-story-start .tnx-comic-visual img,
.tnx-about-story-chapter .tnx-comic-visual img{display:block!important;position:relative!important;flex:0 1 auto!important;width:auto!important;height:255px!important;max-width:68%!important;max-height:255px!important;min-width:0!important;object-fit:contain!important;object-position:center bottom!important;align-self:flex-end!important;margin:0 auto!important;padding:0!important;transform:none!important;filter:drop-shadow(0 12px 15px rgba(0,0,0,.2))!important}
.tnx-story-start .tnx-comic-owner,
.tnx-about-story-chapter .tnx-comic-owner{display:flex!important;align-items:flex-end!important;justify-content:center!important;height:255px!important;max-width:68%!important;margin:0 auto!important;font-size:128px!important;line-height:1!important}
.tnx-story-start .tnx-comic-shop,
.tnx-about-story-chapter .tnx-comic-shop{bottom:16px!important;right:10%!important}
.tnx-story-start .tnx-comic-speech,
.tnx-about-story-chapter .tnx-comic-speech{position:absolute!important;top:8px!important;left:0!important;right:auto!important;bottom:auto!important;z-index:5!important;display:block!important;width:min(330px,82%)!important;max-width:330px!important;min-height:unset!important;margin:0!important;padding:14px 17px!important;border:1.5px solid #172033!important;border-radius:19px!important;background:#fff!important;color:#172033!important;font-size:14px!important;font-weight:700!important;line-height:1.55!important;text-align:left!important;white-space:normal!important;box-shadow:5px 6px 0 #ed1738!important;box-sizing:border-box!important}
.tnx-story-start .tnx-comic-speech b,
.tnx-about-story-chapter .tnx-comic-speech b{display:block!important;margin:0 0 5px!important;color:#ed1738!important;font-size:9px!important;letter-spacing:.15em!important;font-weight:900!important}
.tnx-story-start .tnx-comic-speech small,
.tnx-about-story-chapter .tnx-comic-speech small{display:block!important;margin-top:5px!important;color:#657184!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important}
.tnx-story-start .tnx-comic-mascot-speech,
.tnx-about-story-chapter .tnx-comic-mascot-speech{left:auto!important;right:0!important}
.tnx-story-start .tnx-comic-speech:after,
.tnx-about-story-chapter .tnx-comic-speech:after{content:""!important;position:absolute!important;left:30px!important;right:auto!important;bottom:-10px!important;top:auto!important;width:17px!important;height:17px!important;background:#fff!important;border-right:1.5px solid #172033!important;border-bottom:1.5px solid #172033!important;transform:rotate(45deg)!important}
.tnx-story-start .tnx-comic-mascot-speech:after,
.tnx-about-story-chapter .tnx-comic-mascot-speech:after{left:auto!important;right:30px!important}
.tnx-story-start .tnx-comic-caption,
.tnx-about-story-chapter .tnx-comic-caption{max-width:460px!important;width:100%!important;margin:0!important;padding:16px 0!important;align-self:center!important;box-sizing:border-box!important}
.tnx-story-start .tnx-comic-caption>span,
.tnx-about-story-chapter .tnx-comic-caption>span{display:block!important;margin-bottom:8px!important;color:#ed1738!important;font-size:10px!important;letter-spacing:.15em!important;font-weight:900!important}
.tnx-story-start .tnx-comic-caption h3,
.tnx-about-story-chapter .tnx-comic-caption h3{margin:0 0 10px!important;font-size:clamp(23px,2.5vw,34px)!important;line-height:1.13!important;letter-spacing:-.025em!important;font-weight:800!important}
.tnx-story-start .tnx-comic-caption p,
.tnx-about-story-chapter .tnx-comic-caption p{margin:0!important;max-width:440px!important;font-size:14px!important;line-height:1.75!important}
.tnx-about-story-chapter .tnx-comic-visual{background:radial-gradient(ellipse at 50% 78%,rgba(237,23,56,.24),transparent 68%)!important}
.tnx-about-story-chapter .tnx-comic-speech{border-color:#fff!important;box-shadow:5px 6px 0 #ed1738!important}
.tnx-story-start .tnx-comic-scene-result .tnx-comic-visual{background:radial-gradient(ellipse at 50% 78%,rgba(20,170,115,.16),transparent 68%)!important}
@media(max-width:760px){
 .tnx-story-start .tnx-comic-sequence:before,.tnx-about-story-chapter .tnx-comic-sequence:before{left:13px!important;top:2%!important;bottom:2%!important}
 .tnx-story-start .tnx-comic-scene,.tnx-about-story-chapter .tnx-comic-scene,
 .tnx-story-start .tnx-comic-scene:nth-child(even),.tnx-about-story-chapter .tnx-comic-scene:nth-child(even){grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-height:unset!important;padding:28px 0 32px 22px!important}
 .tnx-story-start .tnx-comic-scene:nth-child(even) .tnx-comic-visual,.tnx-about-story-chapter .tnx-comic-scene:nth-child(even) .tnx-comic-visual,
 .tnx-story-start .tnx-comic-scene:nth-child(even) .tnx-comic-caption,.tnx-about-story-chapter .tnx-comic-scene:nth-child(even) .tnx-comic-caption{order:initial!important}
 .tnx-story-start .tnx-comic-visual,.tnx-about-story-chapter .tnx-comic-visual{height:295px!important;min-height:295px!important;padding:78px 8px 0!important}
 .tnx-story-start .tnx-comic-visual img,.tnx-about-story-chapter .tnx-comic-visual img{height:215px!important;max-height:215px!important;max-width:65%!important}
 .tnx-story-start .tnx-comic-owner,.tnx-about-story-chapter .tnx-comic-owner{height:215px!important;font-size:108px!important}
 .tnx-story-start .tnx-comic-speech,.tnx-about-story-chapter .tnx-comic-speech{top:5px!important;width:min(285px,88%)!important;max-width:285px!important;padding:11px 13px!important;font-size:12px!important;line-height:1.45!important}
 .tnx-story-start .tnx-comic-speech small,.tnx-about-story-chapter .tnx-comic-speech small{font-size:10px!important}
 .tnx-story-start .tnx-comic-caption,.tnx-about-story-chapter .tnx-comic-caption{padding:0 6px!important}
 .tnx-story-start .tnx-comic-caption h3,.tnx-about-story-chapter .tnx-comic-caption h3{font-size:23px!important}
}