/* RE:LIGHT volume2 v14 */
.v14-volume2-hero{background:linear-gradient(115deg,#0b1f39,#0b3152 70%,#194d76);min-height:520px;display:flex;align-items:center}
.v14-volume2-hero::before{background-image:linear-gradient(90deg,#071729df,#091f39a3 58%,#1339584a),url('assets/volume2-cover.webp');background-size:cover,auto 105%;background-position:center,96% 30%;background-repeat:no-repeat;filter:saturate(.88)}
.v14-volume2-hero .detail-container{position:relative;z-index:1}
.v14-volume2-hero .detail-muted{max-width:600px}
.v14-hero-badge,.v14-advance-overline{font:600 11px/1.7 var(--sans);letter-spacing:.12em}
.v14-hero-badge{display:inline-flex;gap:30px;align-items:center;background:#184d75b9;border:1px solid #72c7fa8a;border-radius:5px;color:#eaf9ff;padding:15px 22px;margin-top:25px;text-decoration:none}
.v14-hero-badge:hover{background:#24699a}
.v14-cover-display{margin-top:0}
.v14-cover-display .volume-cover-image{max-width:405px}
.v14-early-label{display:block;color:#3aa8e4;font:600 11px/1.8 var(--sans);letter-spacing:.11em;margin:20px 0 5px}
.v14-prev-volume{display:inline-block;color:#5997c2;margin-top:22px;font:12px/1.8 var(--sans);text-decoration:underline;text-underline-offset:5px}
.v14-volume2-reading{background:linear-gradient(145deg,#071a30,#112d4b)}
.v14-advance-episode{max-width:660px;margin:30px auto}
.v14-advance-episode .episode-card{background:#0c2946;border:1px solid #59a9d870}
.v14-advance-episode .episode-thumb img{object-fit:cover}
.v14-reading-links{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin:25px 0 45px;font:12px/1.8 var(--sans)}
.v14-reading-links a{color:#bce9ff;border-bottom:1px solid #4e9dc5}
.v14-advance-card{display:grid;grid-template-columns:145px 1fr;align-items:stretch;gap:25px;padding:15px;margin-top:27px;border:1px solid #5186a4a6;background:linear-gradient(100deg,#081b31,#15466e);color:#fff;border-radius:5px;box-shadow:0 15px 34px #06214022;transition:transform .2s,border-color .2s}
.v14-advance-card:hover{transform:translateY(-3px);border-color:#9fdafb}
.v14-advance-cover{height:205px;overflow:hidden;background:#06162b;border-radius:3px}
.v14-advance-cover img{width:100%;height:100%;object-fit:cover;object-position:center 17%}
.v14-advance-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:9px 20px 9px 0;color:#dbeefe}
.v14-advance-overline{color:#86cbf4;font-size:9px}
.v14-advance-copy strong{font:400 clamp(23px,3vw,34px)/1.4 var(--serif);letter-spacing:.065em;color:#fff}
.v14-advance-copy>span:not(.v14-advance-overline){font:13px/1.85 var(--serif);color:#d2dfeb}
.v14-advance-copy em{font:600 11px/1.7 var(--sans);font-style:normal;letter-spacing:.08em;color:#9cdbfc;margin-top:5px}
.v14-volume2 .reader-hero{background-image:linear-gradient(0deg,#061324 1%,#071728c9 20%,#07172842 68%,#04101ca3 100%),linear-gradient(90deg,#031023e0,#03102325 70%),url('assets/volume2-cover.webp');background-position:center,center,center 35%;}
.v14-volume2 .v9-sidebar{background-image:linear-gradient(180deg,#061529ef,#081932f0),url('assets/volume2-cover.webp')}
.v14-volume2 .reader-end>span:first-child{letter-spacing:.13em}
@media (max-width:650px){
 .v14-volume2-hero{min-height:470px;padding-top:108px;padding-bottom:60px}
 .v14-volume2-hero::before{background-size:cover,auto 115%;background-position:center,60% center;opacity:.64}
 .v14-volume2-hero .detail-lede{font-size:19px}
 .v14-hero-badge{font-size:10px;gap:7px;padding:12px 13px}
 .v14-advance-card{grid-template-columns:112px 1fr;gap:13px;padding:10px}
 .v14-advance-cover{height:170px}
 .v14-advance-copy{padding:5px 5px 5px 0;gap:6px}
 .v14-advance-copy strong{font-size:19px}
 .v14-advance-copy>span:not(.v14-advance-overline){font-size:11px;line-height:1.65}
 .v14-advance-overline{font-size:8px;letter-spacing:.04em}
 .site-nav{max-height:78vh;overflow-y:auto}
 .v14-volume2 .reader-hero{background-position:center,center,53% 35%}
}
@media(prefers-reduced-motion:reduce){.v14-advance-card{transition:none}}
/* Keep Japanese chapter title together on narrow screens. */
.v14-volume2 .reader-hero h1 span{white-space:nowrap;display:inline-block}
@media(max-width:390px){.v14-volume2 .reader-hero h1 span{font-size:clamp(26px,7.5vw,34px)}}

/* V15: make the volume-two cover an accent, not an entire screen. */
.v14-volume2-hero{min-height:405px}
.v14-cover-display{grid-template-columns:minmax(0,195px) minmax(0,1fr);max-width:730px;gap:clamp(28px,5vw,68px);margin:18px auto 8px}
.v14-cover-display .volume-cover-image{width:100%;max-width:195px;margin:0}
.v14-volume2-hero + .book-visual-section{padding:28px 0 48px}
@media(max-width:650px){
 .v14-volume2-hero{min-height:365px;padding-top:106px;padding-bottom:42px}
 .v14-cover-display{display:flex;flex-direction:column;align-items:center;gap:16px;margin:8px auto 0}
 .v14-cover-display .volume-cover-image{max-width:150px;margin:0 auto}
 .v14-cover-display .volume-cover-copy{width:100%;text-align:center}
 .v14-cover-display .volume-cover-copy h2{margin:10px 0}
 .v14-cover-display .volume-cover-copy>p:not(.detail-kicker){font-size:13px;line-height:1.85;margin-bottom:14px}
 .v14-volume2-hero + .book-visual-section{padding:22px 0 35px}
}