:root{--ink:#101722;--paper:#f4f5f3;--yellow:#f1f033;--muted:#b5bcc6;--line:#3e4550;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible{outline:3px solid #398ed7;outline-offset:6px}p,h1,h2,h3{margin:0}p{line-height:1.95}button,a{-webkit-tap-highlight-color:transparent}mark{background:var(--yellow);color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.08em .22em}em{font-style:normal}small{font-size:.875rem}.skip{position:fixed;top:-100px;left:20px;background:var(--yellow);padding:12px;z-index:30}.skip:focus{top:10px}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}.brand{font-family:Arial,sans-serif;font-weight:900;font-size:18px;letter-spacing:.07em;line-height:1.2}.brand span{font-size:12px;display:block;letter-spacing:.3em;margin-top:3px}.header nav{display:flex;gap:34px;font-size:14px;font-weight:700}.header nav a{padding:15px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:8px;height:2px;background:var(--yellow);width:0;left:0;transition:width .2s}.header nav a:hover:after{width:100%}.age{font-size:12px;border:1px solid #69707a;padding:5px 8px;white-space:nowrap}.hero{display:grid;grid-template-columns:42% 58%;background:var(--ink);color:white;height:clamp(790px,64vw,920px);overflow:hidden}.hero-copy{padding:46px 10% 42px 12%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.18em;color:var(--muted)}.genre{font-size:16px;letter-spacing:.19em;line-height:1.9;margin-top:32px}.hero h1{width:100%;margin:22px 0 34px}.logo{width:100%;height:auto;max-height:250px;object-fit:contain}.catch{font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(19px,1.7vw,27px);font-weight:600;line-height:1.6;letter-spacing:.06em;position:relative;z-index:3;white-space:nowrap}.catch span{display:table;background:var(--yellow);color:var(--ink);padding:4px 10px;margin:7px 0}.hero-release{margin-top:35px;border-top:1px solid var(--line);padding-top:19px;width:100%}.hero-release>span{font-size:14px;letter-spacing:.12em}.hero-release p{font-size:clamp(40px,4.5vw,64px);font-family:Arial,sans-serif;letter-spacing:-.045em;font-weight:800;line-height:1.4}.hero-release p small{font-size:.37em;letter-spacing:0}.hero-cast{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:17px;margin-top:12px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:22px;width:max-content;max-width:100%;border-bottom:1px solid currentColor;padding:13px 0 9px;font-size:14px;font-weight:700;transition:color .2s}.hero .text-link{margin-top:24px;color:var(--yellow)}.text-link span{font-size:25px}.text-link:hover{color:#68727e}.hero-art{position:relative;min-width:0;overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.hero-art:after{content:'';position:absolute;inset:0;box-shadow:inset 35px 0 55px -40px #05080d;pointer-events:none}.vertical-tag{position:absolute;right:24px;top:33px;writing-mode:vertical-rl;font-family:'Noto Serif JP','Yu Mincho',serif;font-size:20px;letter-spacing:.2em;color:var(--ink);background:var(--yellow);padding:14px 6px;line-height:1.5}.art-caption{position:absolute;bottom:22px;right:24px;letter-spacing:.16em;font-size:12px;color:#fff;text-shadow:0 1px 3px #000}.ribbon{display:flex;align-items:center;gap:45px;overflow:hidden;background:var(--yellow);padding:14px 0;white-space:nowrap;border-block:1px solid var(--ink)}.ribbon span:nth-child(odd){font-family:Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:-.04em}.ribbon span:nth-child(even){font-size:18px;letter-spacing:.15em}.section{padding:95px max(5%,calc((100% - 1220px)/2))}.section-label{display:flex;justify-content:space-between;gap:30px;align-items:start;border-top:1px solid currentColor;padding-top:18px;margin-bottom:55px}.section-label>span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.16em;white-space:nowrap;padding-top:9px}.section-label h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:.025em;font-weight:800;line-height:1.5;width:65%}.intro-layout{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:35px}.intro-head{font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(37px,4.5vw,64px);font-weight:600;line-height:1.65;letter-spacing:.08em}.intro-head em{background:var(--yellow)}.intro-body{font-size:16px}.intro-body p+p{margin-top:25px}.intro-end{font-size:14px;color:#555e66}.characters{background:var(--ink);color:var(--paper)}.characters .section-label>span{color:var(--yellow)}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.character{display:block;min-width:0}.portrait{height:430px;position:relative;overflow:hidden;background:#263242}.portrait img{position:absolute;max-width:none;width:240%;height:auto;transition:transform .5s}.c1 .portrait img{left:-7%;top:-8%}.c2 .portrait img{right:-10%;top:-22%}.c3 .portrait img{left:-71%;top:-94%;width:250%}.character:hover .portrait img{transform:scale(1.035)}.character-number{position:absolute;top:15px;left:16px;font:700 64px/1 Arial,sans-serif;color:var(--yellow);-webkit-text-stroke:1px var(--ink)}.character-phrase{position:absolute;bottom:23px;left:16px;font-family:'Noto Serif JP','Yu Mincho',serif;font-size:clamp(20px,2vw,29px);font-weight:600;line-height:1.7;text-shadow:0 1px 3px #111}.character-phrase mark{text-shadow:none}.character-info{padding-top:22px}.role{font-family:Arial,sans-serif;letter-spacing:.08em;font-size:12px;color:var(--muted)}.character-info h3{font-size:30px;font-weight:500;margin-top:6px}.character-info h3 small{display:block;font-size:12px;letter-spacing:.16em;margin-top:5px;color:var(--muted)}.cv{font-family:Arial,sans-serif;margin:12px 0 18px;font-size:14px}.cv strong{font-size:20px;font-weight:500}.character-info>p:not(.role):not(.cv){font-size:14px}.more{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:13px 0;margin-top:22px;font-size:14px}.more span{color:var(--yellow)}.volume-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px;border-block:1px solid #a6acb0}.volume-nav a{padding:24px;text-align:center;font-size:20px;font-weight:700;border-right:1px solid #a6acb0}.volume-nav a:last-child{border:0}.volume-nav small{font-family:Arial,sans-serif;font-weight:400;margin-left:15px;color:#555e66}.volume-nav a:hover{background:var(--yellow)}.product{display:grid;grid-template-columns:31% 1fr;gap:7%;padding:68px 0;border-bottom:1px solid #a6acb0}.product-aside{position:relative}.vol{display:block;font-family:Arial,sans-serif;font-size:15px;letter-spacing:.14em;margin-bottom:14px}.vol b{font-size:55px;letter-spacing:-.06em;vertical-align:baseline;margin-left:8px}.product-face{height:340px;position:relative;overflow:hidden;background:var(--ink)}.product-face img{position:absolute;max-width:none;width:235%;height:auto}.face1 img{top:-10%;left:-5%}.face2 img{top:-25%;right:-10%}.face3 img{top:-106%;left:-70%;width:250%}.product-date{font:700 25px/1.6 Arial,sans-serif;letter-spacing:.01em}.product-date span{font-family:inherit;font-size:14px;margin-left:10px;font-weight:400}.product-body h3{font-size:62px;font-weight:500;line-height:1.5;margin:15px 0 18px}.product-body h3 small{display:block;font-size:18px;font-weight:500}.product-body h3>span{display:inline-block;font-size:20px;margin-left:20px}.story-tag{font-family:'Noto Serif JP','Yu Mincho',serif;font-size:22px;line-height:1.9;font-weight:600}.synopsis{font-size:16px;line-height:2.1;margin-top:22px}.product-spec{margin:30px 0 0;font-size:14px}.product-spec>div{display:grid;grid-template-columns:150px 1fr;border-top:1px solid #c4c7ca;padding:12px 0}.product-spec dt{color:#555e66}.product-spec dd{margin:0}.availability{font-size:14px;color:#505863;margin:18px 0 4px}.special{background:var(--yellow)}.special-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.special-grid article{border-top:1px solid var(--ink);padding-top:22px;position:relative}.special-no{position:absolute;right:0;top:18px;font:700 62px/1 Arial,sans-serif;opacity:.2}.special-label{font:12px/1.5 Arial,sans-serif;letter-spacing:.13em;margin-bottom:20px}.special h3{font-size:30px;font-weight:700;margin-bottom:20px}.special ul{padding-left:1.3em;font-size:18px;line-height:2}.special p:not(.special-label){font-size:14px;margin-top:14px}.special p.bonus-main{font-family:'Noto Serif JP','Yu Mincho',serif;font-size:27px;line-height:1.7}.special small{display:inline-block;margin-left:6px}.credits{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:var(--ink);color:var(--paper);padding-block:75px}.credits .section-label{display:block;margin:0}.credits .section-label span{color:var(--yellow)}.credits h2{font-size:32px;margin-top:20px}.credits dl{margin:0}.credits dl>div{display:grid;grid-template-columns:46% 1fr;font-size:14px;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.credits dt{color:var(--muted)}.credits dd{margin:0}footer{background:var(--ink);color:var(--paper);padding:0 5% 30px}.footer-title{display:flex;justify-content:space-between;align-items:center;font:900 clamp(44px,10vw,145px)/1.15 Arial,sans-serif;letter-spacing:-.05em;color:var(--yellow);padding:25px 0;border-block:1px solid var(--line)}.footer-title span{font-weight:400;font-size:.6em}footer>div{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:var(--muted)}.mobile-only{display:none}
@media(min-width:1550px){.hero{max-height:1050px}.hero-copy{justify-content:center}.hero h1{max-width:430px}.hero-art>img{object-position:center 25%}}
@media(max-width:1000px){.header nav{gap:20px}.age{display:none}.hero{grid-template-columns:44% 56%;height:780px}.hero-copy{padding:30px 8%}.genre{font-size:14px}.hero h1{margin:25px 0}.catch{font-size:18px}.hero-release p{font-size:43px}.hero-cast{font-size:14px;gap:10px}.vertical-tag{font-size:16px;right:16px}.section{padding:70px 5%}.portrait{height:330px}.character-number{font-size:46px}.character-phrase{font-size:21px;left:10px}.character-info h3{font-size:26px}.intro-layout{gap:20px}.product{gap:5%}.product-face{height:270px}.face3 img{top:-80%}.special-grid{gap:30px}}
@media(max-width:650px){html{scroll-padding-top:110px}.header{height:auto;min-height:91px;padding:15px 5% 10px;display:block}.brand{font-size:14px;display:flex;align-items:center;justify-content:space-between}.brand span{font-size:12px;margin:0}.header nav{justify-content:space-between;gap:12px;margin-top:6px;font-size:12px}.header nav a{padding:10px 0}.hero{display:flex;flex-direction:column;position:relative;min-height:0;height:auto;padding-top:0}.hero-art{order:0;width:100%;height:auto;aspect-ratio:0.88;overflow:hidden}.hero-art>img{height:100%;object-position:50% 22%;object-fit:cover}.hero-art:after{box-shadow:inset 0 -45px 45px -40px var(--ink)}.vertical-tag{right:14px;top:20px;font-size:14px;padding:12px 5px}.art-caption{bottom:14px;right:16px;font-size:10px;letter-spacing:.08em}.hero-copy{order:1;padding:27px 7% 40px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:.15em;margin-bottom:17px}.genre{margin:0;font-size:12px;letter-spacing:.06em;align-self:center;grid-column:2;grid-row:2}.hero h1{margin:0;grid-column:1;grid-row:2;width:100%}.logo{height:auto;max-height:155px}.catch{font-size:clamp(18px,4.9vw,26px);grid-column:1/-1;margin-top:18px;white-space:normal;line-height:1.7}.catch span{padding:3px 8px}.hero-release{grid-column:1/-1;margin-top:24px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-release>span{font-size:12px;letter-spacing:0}.hero-release p{font-size:clamp(32px,10vw,41px);white-space:nowrap}.hero-cast{grid-column:1/-1;margin-top:15px;justify-content:space-between;font-size:16px}.hero .text-link{grid-column:1/-1;margin-top:16px;width:100%}.ribbon{gap:25px;padding:10px 0}.ribbon span:nth-child(odd){font-size:24px}.ribbon span:nth-child(even){font-size:14px}.section{padding:55px 6%}.section-label{display:block;margin-bottom:34px;padding-top:14px}.section-label>span{font-size:11px}.section-label h2{width:100%;font-size:31px;margin-top:20px;line-height:1.5}.intro-layout{display:block}.intro-head{font-size:41px;line-height:1.65;margin-bottom:30px}.intro-body{font-size:16px}.intro-body br{display:none}.intro-body>p:first-child br,.intro-end br{display:block}.intro-body p+p{margin-top:22px}.character-grid{display:block}.character+.character{margin-top:48px}.portrait{height:430px}.portrait img{width:215%}.c1 .portrait img{left:-4%;top:-6%}.c2 .portrait img{right:-9%;top:-18%}.c3 .portrait img{width:220%;left:-58%;top:-78%}.character-number{font-size:64px;top:20px}.character-phrase{font-size:28px;left:20px;bottom:24px}.character-info h3{font-size:32px}.character-info h3 small{display:inline-block;font-size:12px;margin-left:16px}.character-info>p:not(.role):not(.cv){font-size:16px}.cv{margin-top:13px}.cv strong{font-size:22px}.volume-nav a{padding:16px 5px;font-size:16px}.volume-nav small{display:block;margin:5px 0 0;font-size:12px}.product{display:block;padding:40px 0}.product-aside{display:grid;grid-template-columns:70px 1fr;gap:15px;margin-bottom:28px;align-items:start}.vol{font-size:13px}.vol b{font-size:57px;display:block;margin:8px 0 0}.product-face{height:215px}.product-face img{width:180%}.face1 img{top:-15%;left:0}.face2 img{top:-26%;right:0}.face3 img{width:195%;left:-46%;top:-90%}.product-date{font-size:22px}.product-date span{font-size:12px}.product-body h3{font-size:53px;margin-top:18px}.product-body h3 small{font-size:16px}.product-body h3>span{font-size:18px;margin-left:10px}.story-tag{font-size:22px}.product-spec>div{grid-template-columns:130px 1fr;font-size:14px}.special-grid{display:block}.special-grid article+article{margin-top:45px}.special h3{font-size:27px}.special ul{font-size:17px}.credits{display:block}.credits .section-label{margin-bottom:30px}.credits h2{font-size:30px}.credits dl>div{font-size:14px;grid-template-columns:43% 1fr}footer{padding-inline:6%}.footer-title{font-size:clamp(40px,11vw,74px)}footer>div{display:block;font-size:12px}footer p{margin-top:12px}.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Script context follows the original poster palette and typography. */
.your-role{margin-top:26px;padding:16px 0;border-block:1px solid #a6acb0}.your-role>span{font-size:14px;margin-right:18px}.your-role strong{font-size:16px;font-weight:700}.your-role p{font-size:14px;margin-top:7px;color:#555e66}
.stage-note{margin-top:30px;padding:24px;border:1px solid #a6acb0;border-top:4px solid var(--yellow)}.stage-label{font-size:14px;letter-spacing:.1em}.stage-note h4{font-size:26px;font-weight:700;margin:14px 0}.stage-note p{font-size:16px}.stage-note .stage-byline{font-size:14px;color:#555e66;margin-bottom:14px}
.timeline{background:var(--paper);border-bottom:1px solid #a6acb0}.timeline-intro{font-size:16px;margin-bottom:44px}.timeline-list{list-style:none;padding:0;margin:0}.timeline-list>li{display:grid;grid-template-columns:29% 1fr;gap:5%;padding:32px 0;border-top:1px solid #a6acb0}.timeline-time{font-size:18px;font-weight:700}.timeline-time>span{display:block;font-size:14px;font-weight:400;margin-top:8px;color:#555e66}.timeline-body{border-left:4px solid var(--yellow);padding-left:28px;min-width:0}.timeline-body h3{font-size:28px;margin:0 0 15px;font-weight:700}.timeline-body p{font-size:16px}.timeline-body .timeline-credit{font-size:14px;color:#555e66;margin-bottom:12px}.timeline-body .text-link{margin-top:10px}
@media(max-width:650px){.header nav{gap:8px;font-size:12px}.timeline-list>li{grid-template-columns:1fr;gap:20px;padding:27px 0}.timeline-time>span{margin-top:3px}.timeline-body{padding-left:18px}.timeline-body h3{font-size:25px}.stage-note{padding:20px}.your-role>span{display:block;margin-bottom:6px}}

.mobile-title{display:none}
.timeline-list{position:relative;margin-left:10px;border-left:2px solid var(--yellow);padding-left:28px}.timeline-list>li{position:relative;padding:24px 0}.timeline-list>li:before{content:'';position:absolute;width:10px;height:10px;background:var(--yellow);border:2px solid var(--ink);left:-35px;top:32px;border-radius:50%}.timeline-body{border:0;padding-left:0}.timeline-body h3{margin-bottom:10px}.timeline-intro{margin-bottom:30px}
@media(max-width:650px){.header nav{flex-wrap:wrap;justify-content:flex-start;column-gap:18px;row-gap:0}.header nav a{font-size:14px;padding:10px 0}.hero-art{aspect-ratio:auto;display:flex;flex-direction:column}.mobile-title{display:block;order:0;background:var(--ink);padding:14px 6%}.mobile-title img{height:92px;width:116px;object-fit:contain}.hero-art>img{order:1;height:auto;aspect-ratio:.88;object-fit:cover;object-position:50% 22%}.hero-art .vertical-tag{top:140px}.hero-copy h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.hero-copy .genre{grid-column:1/-1;grid-row:auto;font-size:14px}.hero-copy .genre br{display:none}.hero-copy .eyebrow{margin-bottom:10px}.hero-copy .catch{margin-top:14px}.relationship-grid{grid-template-columns:1fr;gap:24px}.relationship-map{padding:20px 16px}.relationship-branches{gap:12px}.relationship-person strong{font-size:24px}.relationship-edge{min-height:88px}.relationship-stage strong{display:inline-block}.timeline-list{padding-left:22px}.timeline-list>li{gap:14px;padding:22px 0}.timeline-list>li:before{left:-29px;top:29px}.timeline-body{padding-left:0}html{scroll-padding-top:145px}}

.cast-chart{margin:0 0 70px;padding:24px 0 28px;border-block:1px solid var(--line)}.cast-chart figcaption{font-size:20px;font-weight:700;letter-spacing:.12em;margin-bottom:20px}.cast-chart img{width:100%;height:auto}.cast-chart>p{font-size:14px;color:var(--muted);margin-top:14px}.character-grid{display:block}.character{display:grid;grid-template-columns:38% 1fr;gap:6%;padding:55px 0;border-top:1px solid var(--line)}.character .portrait{height:470px}.character-info{padding:0}.character-info h3{font-size:36px}.character-bio p{font-size:16px;line-height:2}.character-bio p+p{margin-top:18px}.character-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:22px 0;padding:14px 0;border-block:1px solid var(--line)}.character-facts>div{display:flex;gap:10px;font-size:14px}.character-facts dt{color:var(--muted)}.character-facts dd{margin:0}.character .more{margin-top:24px}
@media(max-width:650px){.cast-chart{margin-bottom:34px;padding-top:18px}.character{display:block;padding:35px 0}.character+.character{margin-top:0}.character .portrait{height:430px}.character-info{padding-top:24px}.character-info h3{font-size:32px}.character-bio p{font-size:16px}.character-facts{gap:10px 18px}.cast-chart figcaption{font-size:18px}}

/* Compact navigation and audio product information */
.adult-label{display:table;color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:.1em;border:1px solid var(--yellow);padding:3px 9px;margin-bottom:14px}
.audio-meta{font-size:16px;font-weight:700;margin:20px 0}.audio-meta span{display:block;font-size:14px;font-weight:400;margin-top:4px}
.track-list{border-block:1px solid var(--line);margin:26px 0}.track-list summary{cursor:pointer;padding:18px 0;font-size:16px;font-weight:700}.track-list summary span{font-size:14px;font-weight:400;margin-left:12px}.track-list ol{list-style:none;margin:0 0 20px;padding:0}.track-list li{display:flex;gap:18px;padding:10px 0;border-top:1px solid #c8ccce;font-size:16px;line-height:1.7}.track-number{font-family:Arial,sans-serif;color:#59616b}.track-list>p{padding-bottom:18px;font-size:16px}.availability{border-left:4px solid var(--ink);padding:16px 18px;background:#e5e8e7;margin-top:24px}.availability strong{font-size:18px;line-height:1.6}.availability p{font-size:14px;margin-top:6px}.character .portrait{height:410px}.character-bio p{line-height:1.95}
@media(max-width:650px){html{scroll-padding-top:82px}.header{height:auto;min-height:62px;padding:8px 4%;display:flex;gap:12px;flex-wrap:wrap}.header .brand{font-size:12px;letter-spacing:0;display:block}.header .brand span{display:none}.header nav{flex-wrap:wrap;gap:0 14px;margin:0;margin-left:auto;justify-content:flex-end}.header nav a{font-size:14px;padding:12px 0}.mobile-title{position:absolute;left:5%;top:14px;z-index:4;background:var(--ink);padding:10px 12px}.mobile-title img{height:85px;width:107px}.mobile-title span{display:block;color:var(--yellow);font-size:14px;margin-top:7px;white-space:nowrap}.hero-art .vertical-tag{top:20px}.hero-copy .genre{font-size:16px}.character .portrait{height:350px}.track-list summary span{display:block;margin-left:20px;margin-top:4px}.availability strong{font-size:16px}}

.character-bio .character-relation{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--muted)}

/* Give character profiles breathing room without stacked rules. */
.character,.character-facts,.character-bio .character-relation,.character .more{border:0}
.character-facts{padding:0}
.character-bio .character-relation{padding-top:0}
.character .more{color:var(--yellow);padding:10px 0;margin-top:20px}
.character:hover .more{text-decoration:underline;text-underline-offset:5px}

/* Compact graphic accents for personal details. */
.character-facts{gap:8px 12px}
.character-facts>div{background:#202b39;padding:7px 12px;align-items:baseline}
.character-facts dd{font-weight:700;color:#fff}
.character-bio .character-relation{background:#202b39;color:#e7ebef;padding:15px 18px;margin-top:22px}
.character .more{width:max-content;max-width:100%;gap:32px;font-weight:700}

/* Character key visuals: original transparent PSD exports and theatre typography. */
.character{grid-template-columns:52% 1fr;gap:4%;align-items:center;padding:65px 0 80px;overflow:visible}
.character .portrait{height:650px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 65% 32%,#536378 0, #253448 32%,#131e2d 62%,#101722 84%)}
.character .portrait:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#101722);z-index:2;pointer-events:none}
.character .portrait img{position:absolute;width:80%;height:auto;max-width:none;left:20%;right:auto;top:10px;z-index:1;object-fit:contain;transform:none}
.character.c1 .portrait img{width:70%;left:28%;top:10px}
.portrait-roman{position:absolute;left:-.03em;bottom:17%;z-index:0;font:900 clamp(74px,9vw,130px)/1 Arial,sans-serif;letter-spacing:-.07em;color:#ffffff10;white-space:nowrap}
.portrait-name{position:absolute;z-index:3;left:5%;top:82px;font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:64px;line-height:1.25;letter-spacing:.05em;color:var(--yellow);text-shadow:0 3px 20px #101722}
.character .character-number{top:20px;left:5%;font:700 18px/1.2 Arial,sans-serif;letter-spacing:.15em;color:#fff;text-shadow:none}
.character .character-phrase{left:5%;bottom:115px;z-index:3;font-size:25px;line-height:1.7}
.character-quote{position:absolute;z-index:4;bottom:30px;left:5%;right:5%;font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:22px;line-height:1.8;color:#fff;text-shadow:0 2px 8px #101722}
.profile-ticket{display:flex;background:var(--yellow);color:var(--ink);margin:25px 0 28px;transform:rotate(-2deg);box-shadow:6px 7px 0 #0003;position:relative}
.ticket-stub{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;width:80px;text-align:center;font:700 12px/1.9 Arial,sans-serif;letter-spacing:.08em;border-right:1px dashed #10172270}
.character .character-facts{display:flex;flex-wrap:wrap;margin:0;padding:17px 16px;gap:6px 16px;transform:rotate(2deg)}
.character-facts>div{background:none;padding:0;gap:6px;font-size:14px}.character-facts dt{color:#323a33}.character-facts dd{color:var(--ink)}
.character-bio .character-relation{background:none;padding:0;color:var(--muted)}
@media(max-width:650px){.character{display:block;padding:28px 0 45px}.character .portrait{height:560px;margin-inline:-6.82%;width:113.64%}.character .portrait img{width:80%;left:20%;top:5px}.character.c1 .portrait img{width:73%;left:26%;top:5px}.portrait-name{font-size:57px;left:6%;top:72px}.portrait-roman{font-size:94px;bottom:20%}.character .character-number{left:6%}.character .character-phrase{font-size:23px;left:6%;bottom:112px}.character-quote{font-size:21px;bottom:27px;left:6%;right:6%}.character-info{position:relative;z-index:5;padding-top:12px}.profile-ticket{margin:22px 0 27px}.ticket-stub{width:66px;font-size:12px}.character .character-facts{padding:14px 12px;gap:7px 14px}.character .character-facts>div{font-size:14px}.character-info h3{font-size:30px}}

/* Keep the revised story hooks inside the original character composition. */
.character .portrait{height:650px}
.character-hook{position:absolute;left:5%;right:5%;bottom:25px;z-index:4;margin:0;font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:29px;line-height:1.65;font-weight:700;color:var(--yellow);text-shadow:0 2px 12px #101722}
.character .portrait:after{height:48%;background:linear-gradient(transparent,#101722 80%)}
.quote-pair{margin:25px 0 28px;font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif}
.quote-pair p{font-size:17px;line-height:1.85;max-width:90%;color:#c4cbd4}
.quote-pair p+p{margin:20px 0 0 auto;max-width:90%;font-size:23px;line-height:1.75;color:var(--yellow);text-align:right}
@media(max-width:650px){.character .portrait{height:560px}.character-hook{left:6%;right:6%;bottom:22px;font-size:25px;line-height:1.65}.character-info{padding-top:18px}.quote-pair{margin:22px 0 26px}.quote-pair p{font-size:16px}.quote-pair p+p{font-size:21px}.profile-ticket{margin:25px 0 28px}}

/* Theatre ticket profile: one information surface, layered with the standing art. */
.character{display:grid;grid-template-columns:54% 46%;column-gap:0;row-gap:25px;align-items:center;padding:70px 0 85px;position:relative;isolation:isolate}
.character .portrait{grid-column:2;grid-row:1;z-index:2;height:770px;width:118%;margin-left:-18%;background:radial-gradient(ellipse at 60% 38%,#35465d 0,transparent 66%);pointer-events:none}
.character .portrait img{width:90%;left:12%;top:0}.character.c1 .portrait img{width:80%;left:22%;top:0}
.character .portrait:after{height:25%;background:linear-gradient(transparent,var(--ink))}
.portrait-name{display:none}
.character-info{grid-column:1;grid-row:1;z-index:3;background:#efedb8;color:var(--ink);padding:28px 34px 0;transform:rotate(-2deg);box-shadow:10px 13px 0 #0003;position:relative;margin-right:-35px}
.ticket-heading{display:flex;justify-content:space-between;gap:12px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-bottom:24px}
.character .character-hook{position:static;margin:0 0 25px;font-size:27px;line-height:1.55;color:var(--ink);text-shadow:none}
.character-info .role{font-size:14px;color:#4a514d;letter-spacing:.06em}
.character-info h3{font-size:43px;line-height:1.5;color:var(--ink)}
.character-info h3 small{color:#4a514d;font-size:13px}
.character-info .cv{font-size:14px;margin:8px 0 24px;color:var(--ink)}.character-info .cv strong{font-size:23px}
.character .character-facts{margin:0 0 22px;padding:0;gap:8px 18px;transform:none}.character-facts>div{background:none;padding:0;gap:8px}.character-facts dt{font-size:13px;color:#4a514d}.character-facts dd{font-size:15px;color:var(--ink)}
.character .character-bio p{font-size:16px;line-height:1.9}.character .character-bio .character-relation{color:#4a514d;font-size:14px;margin-top:14px;padding:0;background:none}
.ticket-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px -34px 0;padding:15px 34px;border-top:2px dashed #10172255;background:var(--yellow);position:relative}
.ticket-footer:before,.ticket-footer:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--ink);top:-11px}.ticket-footer:before{left:-10px}.ticket-footer:after{right:-10px}
.ticket-volume{font:700 12px/1 Arial,sans-serif;letter-spacing:.1em}.ticket-volume b{font-size:37px;display:block;margin-top:5px}
.character .more{color:var(--ink);margin:0;padding:12px 0;font-size:16px;gap:22px}.character:hover .more{text-decoration:none}.character .more:hover{text-decoration:underline}
.character>.quote-pair{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:0 4%;max-width:none}.quote-pair p{max-width:none}.quote-pair p+p{margin:0;max-width:none;align-self:center}
@media(max-width:650px){.character{display:flex;flex-direction:column;gap:0;padding:25px 0 58px}.character .portrait{order:0;width:113.64%;height:455px;margin:0 -6.82%;z-index:1}.character .portrait img{width:84%;left:13%;top:0}.character.c1 .portrait img{width:77%;left:20%;top:0}.character-info{order:1;width:100%;margin:-48px 0 0;padding:22px 22px 0;transform:rotate(-1.2deg);z-index:3;box-sizing:border-box}.ticket-heading{font-size:12px;letter-spacing:.04em;margin-bottom:20px}.character .character-hook{font-size:24px;margin-bottom:22px}.character-info h3{font-size:35px}.character-info h3 small{display:block;margin:0;font-size:12px}.character-info .cv strong{font-size:22px}.character .character-facts{gap:8px 15px}.character .character-bio p{font-size:16px;line-height:1.85}.character .character-bio .character-relation{font-size:14px}.ticket-footer{margin:23px -22px 0;padding:14px 22px}.character>.quote-pair{order:2;display:block;margin:32px 0 0;width:100%}.quote-pair p{max-width:90%;font-size:16px}.quote-pair p+p{max-width:90%;font-size:21px;margin:20px 0 0 auto}}

/* A single theatre ticket, with a drawn transition between the two lines. */
.character-info{background:linear-gradient(115deg,#f5f0ca,#e8e5b6);border:1px solid #a8a680;border-radius:3px;box-shadow:3px 4px 0 #b6b28e,10px 13px 22px #0004;padding-top:22px}
.ticket-heading{margin:0 -18px 23px;padding:0 0 13px;border-bottom:1px solid #10172235;align-items:baseline;font-family:Arial,sans-serif;letter-spacing:.18em}
.ticket-heading>span:first-child{font-size:19px;letter-spacing:.12em;font-weight:900}
.ticket-heading>span:last-child{font-size:12px;letter-spacing:.06em;white-space:nowrap}
.character-info .character-hook{font-size:25px;line-height:1.65;letter-spacing:.025em}
.character-info .role{margin-bottom:8px;font-size:13px;letter-spacing:.08em}
.character-info h3{font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:46px;letter-spacing:.06em}
.character .character-facts{margin-bottom:22px;padding:13px 0;border-block:1px solid #10172225}
.ticket-footer{border-radius:0 0 3px 3px}
.character>.quote-pair{grid-template-columns:minmax(0,1fr) 115px minmax(0,1fr);gap:3%;align-items:center}
.quote-pair p{grid-column:1;grid-row:1}.quote-pair p:last-child{grid-column:3;grid-row:1;margin:0;max-width:none;align-self:center;font-size:23px;line-height:1.75;color:var(--yellow);text-align:right}
.quote-arrow{grid-column:2;grid-row:1;display:block;width:115px;height:70px;color:var(--yellow);transform:rotate(-8deg);opacity:.85}
@media(max-width:650px){.character-info{padding-top:19px}.ticket-heading{margin:0 -9px 20px;gap:8px}.ticket-heading>span:first-child{font-size:17px;letter-spacing:.09em}.ticket-heading>span:last-child{font-size:12px}.character-info .character-hook{font-size:23px}.character-info h3{font-size:37px}.character>.quote-pair{display:grid;grid-template-columns:1fr;gap:0;margin-top:29px}.quote-pair p{grid-column:1;grid-row:1;max-width:90%;font-size:16px}.quote-arrow{grid-column:1;grid-row:2;width:100px;height:55px;justify-self:center;margin:0;transform:rotate(14deg)}.quote-pair p:last-child{grid-column:1;grid-row:3;font-size:21px;max-width:90%;margin:0 0 0 auto}}

/* Fine paper grain and individual pools of stage light. */
.character-info{background-color:#eeebbf;background-image:radial-gradient(ellipse at 10% 0%,#fff9df99,transparent 65%),repeating-linear-gradient(0deg,#6c563a05 0px,#6c563a05 1px,transparent 1px,transparent 3px),repeating-linear-gradient(91deg,#fff8d921 0px,#fff8d921 1px,transparent 1px,transparent 4px);background-size:auto,3px 3px,4px 4px}
.character.c1 .portrait{background:radial-gradient(ellipse at 60% 33%,#796680 0%,#48334f 32%,#252136 58%,#101722 85%)}
.character.c2 .portrait{background:radial-gradient(ellipse at 60% 33%,#6689a9 0%,#304d75 32%,#182c48 58%,#101722 85%)}
.character.c3 .portrait{background:radial-gradient(ellipse at 60% 33%,#5a8e84 0%,#28594f 32%,#183333 58%,#101722 85%)}
.quote-arrow{transform:none;opacity:.95}
@media(max-width:650px){.quote-arrow{transform:rotate(22deg);width:100px;height:65px}}

/* Mobile first view: face and hook above a ticket led by name and cast. */
.mobile-character-hook{display:none}
@media(max-width:650px){
.character .portrait{height:clamp(260px,75vw,310px);overflow:hidden;flex-shrink:0}
.character .portrait img{width:84%;left:16%;top:0}
.character.c1 .portrait img{width:77%;left:22%;top:0}
.character .portrait:after{height:46%;background:linear-gradient(transparent,#101722b3)}
.mobile-character-hook{display:block;position:absolute;z-index:4;left:6%;right:4%;bottom:29px;font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(17px,4.6vw,20px);font-weight:700;line-height:1.6;color:var(--yellow)}
.mobile-character-hook span{display:table;background:#101722e8;padding:1px 6px;margin-top:3px}
.character-info{margin-top:-18px;padding-top:14px}
.character-info .character-hook{display:none}
.ticket-heading{margin-bottom:12px;padding-bottom:9px}
.ticket-heading>span:first-child{font-size:14px}
.character-info .role{font-size:13px;margin:0 0 3px}
.character-info h3{font-size:32px;line-height:1.35;margin-top:0}
.character-info h3 small{display:inline-block;font-size:12px;letter-spacing:.08em;margin:0 0 0 10px}
.character-info .cv{margin:6px 0 15px;font-size:14px;line-height:1.6}
.character-info .cv strong{font-size:20px}
.character .character-facts{padding:10px 0;margin-bottom:16px}
}

/* Flat character colours and visible, restrained paper fibres. */
.character.c1 .portrait{background:#59455f}
.character.c2 .portrait{background:#365b7d}
.character.c3 .portrait{background:#35685e}
.character .portrait:after{display:none}
.character-info{background-color:#eeebbf;background-image:repeating-linear-gradient(0deg,#6c563a0c 0px,#6c563a0c 1px,transparent 1px,transparent 3px),repeating-linear-gradient(91deg,#fff8d945 0px,#fff8d945 1px,transparent 1px,transparent 4px);background-size:3px 3px,4px 4px}

/* Browser QA: restore headline hierarchy over legacy paragraph rules. */
.character .character-info>p.character-hook{font-size:29px;line-height:1.6;font-weight:800;letter-spacing:.01em}
.character.c1 .portrait{background:#65476e}.character.c2 .portrait{background:#2d6090}.character.c3 .portrait{background:#286e60}
.character-info h3{font-weight:700}
@media(max-width:650px){.mobile-character-hook{font-size:20px;line-height:1.55;letter-spacing:0;font-weight:800}.mobile-character-hook span{padding:2px 7px}.character-info h3{font-size:35px}.character .portrait img{width:90%;left:12%}.character.c1 .portrait img{width:83%;left:18%}}

@media(max-width:650px){.mobile-title{top:auto;bottom:12px;left:5%;padding:8px 10px}.mobile-title img{height:70px;width:95px}.mobile-title span{font-size:12px;margin-top:4px}}

/* Series identity in the persistent navigation. */
.header .brand{display:flex;align-items:center;flex:0 0 auto}.header .brand img{display:block;width:78px;height:62px;object-fit:contain}
@media(max-width:650px){.header{padding-block:4px}.header .brand{display:flex}.header .brand img{width:62px;height:49px}.header nav{column-gap:14px}}

/* Series cast and crossover information */
.series-cast-note{background:#f0ed36;color:#101622;padding:22px 26px;margin:0 0 28px;width:100%;max-width:none}.series-cast-note strong{display:block;font-size:clamp(20px,3vw,27px);line-height:1.5}.series-cast-note p{margin:10px 0 0;font-size:15px;line-height:1.8}.volume-cast{font-size:15px;font-weight:700;margin:12px 0}.volume-cast span{display:inline-block;margin-left:1.4em;color:#f0ed36}@media(max-width:650px){.series-cast-note{padding:18px 20px}.series-cast-note p{font-size:14px}}

/* Readable, single crossover notice */
.series-cast-note{background:#1c293b;color:#f4f5f3}.series-cast-note p{color:#f4f5f3}

.guest-cast{font-size:15px;line-height:1.7;color:#f4f5f3;margin:8px 0 16px}

.synopsis-quote{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(19px,2.1vw,25px);font-weight:600;line-height:1.8;color:#f4f5f3;margin:24px 0 30px}

/* Product section uses a light background: keep added copy legible. */
.product-body .guest-cast{color:var(--ink);font-size:16px;font-weight:600}.product-body .synopsis-quote{color:var(--ink)}

/* Designer delivery: preserve the supplied 4:3 jacket crops. */
.product .product-face{height:auto;aspect-ratio:4/3}
.product .product-face img{position:static;width:100%;max-width:100%;height:auto;inset:auto;object-fit:contain}

/* September 9 review: centered chapters and uncropped heads. */
.section-label,.credits .section-label{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:28px}
.section-label>span{padding-top:0}
.section-label h2,.credits .section-label h2{width:100%;margin-top:0}
.credits{grid-template-columns:1fr;gap:38px}
.credits dl{width:100%;max-width:760px;margin-inline:auto}
.hero{height:auto;min-height:clamp(790px,64vw,920px);max-height:none;align-items:stretch}
.hero-copy{padding-bottom:48px}
.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.cast-chart figcaption{text-align:center}
@media(max-width:650px){
.hero{min-height:0}
.hero-copy{padding-bottom:40px}
.hero-art>img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:.88;object-fit:cover;object-position:50% 0}
.section-label,.credits .section-label{gap:10px;padding-top:24px}
}

/* Purchase bonus and article entrances, 2026-10-07 */
.bonus-store{margin-bottom:26px;font-weight:700}.complete-bonus{border-top:3px solid var(--yellow);padding-top:28px}.complete-bonus>p{max-width:850px;margin-top:20px}.bonus-tracks,.interview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.bonus-tracks>article{padding:26px;background:#202937;border-top:4px solid var(--yellow)}.bonus-character{font-size:24px;font-weight:700}.bonus-character span{display:block;font-size:16px;font-weight:400}.bonus-tracks h4{font-size:22px;line-height:1.6;margin:22px 0 16px}.bonus-tracks p{font-size:16px}.bonus-spec{font-weight:700}.bonus-secondary{margin-top:55px;padding-top:35px;border-top:1px solid #68717d}.bonus-main>span{display:block;font-size:16px;margin-top:8px}.bonus-deadlines{margin:22px 0}.bonus-deadlines>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 0}.bonus-deadlines dd{margin:0}.bonus-note{font-size:14px;margin-top:32px}.interview-grid>article{border-top:3px solid var(--ink);padding:24px;background:#e5e8e7}.interview-grid h3{font-size:25px;margin:12px 0 22px}.release-status{font-size:14px}.interview-note{font-size:14px}.purchase-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.purchase-actions button{font:inherit;font-size:14px;padding:12px 16px;border:1px solid #7b8289;background:transparent;color:#525a62;line-height:1.6}.news[hidden]{display:none}.news-list{list-style:none;padding:0}.special .bonus-main{line-height:1.6}
@media(max-width:800px){.bonus-tracks,.interview-grid{grid-template-columns:1fr}.bonus-tracks>article,.interview-grid>article{padding:24px}.bonus-deadlines>div{grid-template-columns:90px 1fr}.purchase-actions{flex-direction:column}.header nav{gap:0 12px}.header nav a{font-size:14px}.bonus-secondary{display:block}.bonus-secondary>article+article{margin-top:40px}}

.promo-video[hidden]{display:none}.video-frame{aspect-ratio:16/9;max-width:1000px;margin:auto}.video-frame iframe{width:100%;height:100%;border:0}.purchase-actions>a{padding:12px 16px;background:var(--ink);color:white;font-size:16px;line-height:1.6}.availability audio{width:100%;margin-top:18px}.news-list li{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid #aab0b5}.news-list time{flex-shrink:0}@media(max-width:650px){.news-list li{display:block}.news-list time{display:block;margin-bottom:8px}}

/* Restore contrast and hierarchy within the yellow bonus section. */
.special .bonus-store{display:inline-block;font-size:clamp(20px,2vw,26px);line-height:1.5;border:2px solid var(--ink);padding:10px 18px;margin:0 0 28px}.special .complete-bonus{border:0;padding-top:0}.special .complete-bonus>p{font-size:16px;margin-top:16px}.special .complete-bonus>.special-label{font-size:14px;margin:0 0 12px}.special .complete-bonus>.bonus-main{font-family:inherit;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.5;margin:18px 0}.special .bonus-tracks>article{background:var(--paper);color:var(--ink);border-top:4px solid var(--ink);padding:28px;min-width:0}.special .bonus-tracks .bonus-character{font-size:28px;line-height:1.5;margin:0}.special .bonus-tracks .bonus-character span{font-size:16px;margin-top:8px}.special .bonus-tracks h4{font-size:22px;font-weight:700;margin:24px 0 16px}.special .bonus-tracks p{font-size:16px;line-height:1.9}.special .bonus-secondary{border-color:var(--ink)}.special .bonus-secondary article>p{font-size:16px}.special .bonus-secondary .special-label{font-size:14px}.special .bonus-secondary .bonus-main{font-size:26px;font-family:inherit;font-weight:700}.special .bonus-note{font-size:14px}.special .bonus-spec{font-size:16px}@media(max-width:800px){.special .bonus-tracks>article{padding:24px}.special .bonus-tracks{gap:20px}.special .bonus-deadlines{font-size:16px}.special .bonus-secondary{margin-top:36px;padding-top:28px}}

.special .bonus-tracks>article{padding:0;overflow:hidden}.bonus-jacket{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.bonus-card-copy{padding:24px 28px 28px}@media(max-width:800px){.special .bonus-tracks>article{padding:0}.bonus-card-copy{padding:22px 24px 26px}}

/* Clear entrances to listening, purchasing and release news. */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;width:100%;font-size:16px;font-weight:700}.hero-actions a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:12px 16px}.hero-primary{background:var(--yellow);color:var(--ink)}.hero-secondary{border:1px solid #a9b0bb;color:white}.hero-actions a:hover{filter:brightness(.92)}.news.section{padding-top:32px;padding-bottom:32px}.news-heading{display:flex;align-items:center;gap:24px}.news-heading>span{font:700 14px Arial,sans-serif}.news-heading h2{font-size:22px}.news-empty{font-size:16px;margin-top:16px}.characters .cast-chart{margin-top:60px;margin-bottom:0}.character .more{font-size:15px}
@media(max-width:800px){.hero-actions{font-size:15px;margin-top:20px}.hero-actions a{padding:10px 14px}.special .bonus-store{font-size:20px;padding:9px 14px}.news.section{padding-top:24px;padding-bottom:24px}.characters .cast-chart{margin-top:40px}.header nav{flex-wrap:wrap}}

.track-list ol>li{flex-wrap:wrap}.track-list audio{display:block;flex-basis:100%;width:100%;margin:12px 0 8px}.track-list .sample-status{font-size:15px;margin:16px 0;color:#505863}.purchase-actions .listen-link{background:transparent;color:var(--ink);border:1px solid var(--ink)}

/* Bring the buying reasons forward while retaining the character artwork. */
.bonus-teaser{background:var(--yellow);padding:26px max(5%,calc((100% - 1220px)/2));color:var(--ink)}.bonus-teaser>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px 32px;align-items:center}.bonus-teaser-label{font-size:16px;font-weight:700;border:1px solid currentColor;padding:8px 12px}.bonus-teaser strong{font-size:clamp(21px,2.1vw,30px);line-height:1.6}.bonus-teaser-detail{grid-column:2;font-size:16px}.bonus-teaser-arrow{grid-column:3;grid-row:1 / 3;font-size:32px}.mobile-break{display:none}.hero-follow{font-size:14px;margin-top:16px;text-decoration:underline;text-underline-offset:5px;color:white}.product-bonus-link{display:block;width:fit-content;margin-top:8px;font-size:15px;text-decoration:underline;text-underline-offset:4px}.relationship-section{background:var(--ink);color:var(--paper)}.relationship-section .cast-chart{margin:0}.footer-follow{display:block;margin-top:14px}.mobile-action-bar{display:none}
@media(max-width:800px){.bonus-teaser{padding-top:22px;padding-bottom:22px}.bonus-teaser>a{grid-template-columns:1fr auto;gap:12px}.bonus-teaser-label{width:fit-content;font-size:14px}.bonus-teaser strong{grid-column:1;font-size:23px}.bonus-teaser-detail{grid-column:1;font-size:14px}.bonus-teaser-arrow{grid-column:2;grid-row:1 / 4}.mobile-break{display:block}.hero-follow{margin-top:14px}.mobile-action-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);border-top:1px solid #7b8289;padding:10px 5% calc(10px + env(safe-area-inset-bottom));gap:10px;z-index:25}.mobile-action-bar a{font-size:14px;font-weight:700;text-align:center;padding:12px 8px;background:var(--yellow);color:var(--ink)}.mobile-action-bar a+a{background:var(--paper)}body{padding-bottom:80px}footer{padding-bottom:35px}}

@media(min-width:801px){.hero-copy{padding-top:32px;padding-bottom:32px}.hero-copy .genre{margin-top:20px}.hero h1{margin:16px 0 22px}.hero .logo{max-height:200px}.hero-release{margin-top:22px}.hero-actions{margin-top:20px}}

/* Published content only; compact mobile navigation and a single hero action. */
[hidden]{display:none!important}.social-share,.social-hashtag{display:block;margin-top:14px}.catch,.intro-head,.intro-body .intro-end,.story-tag,.character-hook,.quote-pair p{font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif}
@media(max-width:800px){html{scroll-padding-top:80px}.header{display:grid;grid-template-columns:54px minmax(0,1fr);height:72px;min-height:72px;padding:5px 4%;gap:0 10px;flex-wrap:nowrap}.header .brand img{width:50px;height:54px}.header .age{display:none}.header nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:20px;margin:0;min-width:0;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.header nav::-webkit-scrollbar{display:none}.header nav a{flex:0 0 auto;font-size:14px;padding:18px 0}.mobile-title{display:none}.hero-actions{display:none}.hero-follow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--yellow);color:var(--ink);padding:14px 16px;min-height:48px;margin-top:22px;font-size:15px;font-weight:700;text-decoration:none;max-width:100%}.art-caption{left:12px;right:12px;bottom:12px;font-size:9px;letter-spacing:.03em;text-align:right;white-space:normal;line-height:1.5}.hero-copy .adult-label{margin-bottom:10px}.mobile-action-bar{gap:8px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mobile-action-bar a{padding:11px 6px;font-size:14px;white-space:nowrap}}

/* One continuous story chapter: opening, relationships, chronology. */
.story-chapter{background:var(--paper);padding-bottom:72px}.story-opening .section-label{margin-bottom:44px}.story-part{margin-top:64px;padding-top:32px;border-top:1px solid #aab0b5}.story-part .section-label{border:0;padding:0;margin-bottom:32px}.story-part .section-label h3{font-size:clamp(26px,3vw,38px);line-height:1.5;margin:0;font-weight:700}.story-chapter .relationship-section{background:transparent;color:var(--ink)}.story-chapter .cast-chart{margin:0;max-width:1040px;margin-inline:auto;border-bottom:0}.timeline-body h4{font-size:24px;line-height:1.5;margin:0 0 10px}.timeline-body p+p{margin-top:16px}.story-chapter .timeline-intro{margin-bottom:24px}
@media(max-width:800px){.story-part{margin-top:44px;padding-top:24px}.story-part .section-label{margin-bottom:24px}.timeline-body h4{font-size:22px}.story-chapter{padding-bottom:48px}}

/* Action hierarchy: filled CTAs, outlined alternatives, underlined reading links. */
.hero-actions a,.mobile-action-bar a,.purchase-actions>a:not(.listen-link),.more{border-radius:4px;min-height:48px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.hero-primary,.more,.purchase-actions>a:not(.listen-link),.purchase-actions .listen-link.is-ready{background:var(--yellow);color:var(--ink);border:1px solid var(--yellow);text-decoration:none}
.more{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;margin-top:22px;border-block:1px solid var(--yellow);font-size:15px}.more span{color:inherit}
.hero-secondary{background:transparent;border:1px solid #c5cbd3;color:white}
.mobile-action-bar a+a{background:transparent;border:1px solid #c5cbd3;color:white}.mobile-action-bar a:first-child{border:1px solid var(--yellow)}
.text-link{display:inline-flex;justify-content:flex-start;gap:10px;min-height:44px;border:0;padding:10px 0;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;cursor:pointer}.text-link span{font-size:18px;line-height:1;text-decoration:none}
.purchase-actions .listen-link:not(.is-ready){display:inline-flex;align-items:center;width:fit-content;min-height:44px;padding:10px 0;border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.purchase-actions .listen-link.is-ready{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;font-size:16px;font-weight:700;border-radius:4px}
.product-bonus-link{display:inline-block;min-height:44px;padding:10px 0;margin-top:0;text-decoration:underline;text-underline-offset:5px}.hero-follow{min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:5px}
.text-link:hover,.product-bonus-link:hover,.hero-follow:hover{text-decoration-thickness:2px;color:inherit}.hero-actions a:hover,.more:hover,.purchase-actions>a:not(.listen-link):hover,.listen-link.is-ready:hover{box-shadow:0 3px 0 rgba(0,0,0,.2);filter:brightness(.95)}
a:active{transform:translateY(1px)}
.social-share{width:fit-content;border:1px solid currentColor;border-radius:4px;padding:10px 16px;min-height:44px;font-weight:700}.footer-follow,.social-hashtag,footer a:not(.footer-title):not(.social-share){text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.more{min-height:48px;width:100%}.hero-follow{border:1px solid #c5cbd3;border-radius:4px;background:transparent;color:white;justify-content:space-between;padding:12px 16px;min-height:48px;text-decoration:none}.purchase-actions .listen-link.is-ready,.purchase-actions>a:not(.listen-link){width:100%;text-align:center}.mobile-action-bar a{min-height:44px;padding:10px 6px}.text-link{font-size:15px}}

/* The main catch gives only “愛のかたち” the spotlight. */
.hero-copy .catch{white-space:normal;line-height:1.4;font-size:clamp(19px,1.7vw,27px);color:var(--paper)}
.hero-copy .catch>span{display:block;background:transparent;color:inherit;padding:0;margin:0;letter-spacing:.06em}
.hero-copy .catch>strong{display:table;max-width:100%;background:var(--yellow);color:var(--ink);padding:.04em .13em .1em;margin:10px 0 12px;font-size:clamp(44px,4.5vw,72px);font-weight:700;line-height:1.15;letter-spacing:.015em;white-space:nowrap}
@media(min-width:801px){.hero-copy .hero-release{margin-top:24px}.hero-copy .hero-actions{margin-top:18px}.hero-copy .hero-follow{margin-top:10px}.hero-copy h1{margin-bottom:24px}}
@media(max-width:800px){.hero-copy .catch{font-size:20px}.hero-copy .catch>strong{font-size:clamp(44px,13vw,64px);margin:10px 0 12px}.hero-copy .catch>span{padding:0}}
.intro-body .intro-end{font-family:inherit}

@media(max-width:800px){.hero-copy .hero-follow{grid-column:1 / -1;width:100%;min-width:0;justify-self:stretch;white-space:nowrap;font-size:14px;gap:8px}.hero-copy .hero-follow span{flex-shrink:0}}

.hero-copy .catch .catch-lead{font-family:'Noto Serif JP','Yu Mincho',serif;font-size:clamp(18px,1.5vw,22px);line-height:1.5;letter-spacing:.08em;margin-bottom:14px;color:var(--paper)}
@media(min-width:801px){.hero-copy h1{margin-top:16px;margin-bottom:16px}.hero-copy .hero-release{margin-top:18px}}
@media(max-width:800px){.hero-copy .catch .catch-lead{font-size:18px;margin-bottom:14px}}

/* Approved copy updates; preserve established colors and ticket layout. */
.series-origin{font-size:14px;line-height:1.7;margin-top:12px;color:var(--yellow)}
.ending-note{font-size:14px;line-height:1.8;margin-top:18px;color:var(--paper)}
.character-tag{display:inline-block;font-size:16px;line-height:1.6;font-weight:700;margin:0 0 12px;color:var(--ink);background:var(--yellow);padding:4px 8px}
.character .character-facts{display:flex;flex-wrap:wrap;gap:10px 14px}.character-facts>div{min-width:70px}.character-facts dt{font-size:14px}.character-facts dd{font-size:14px;margin:0}
.volume-summary{font-size:18px;line-height:1.9;font-weight:700;margin:24px 0;color:var(--ink)}
.synopsis>p+p{margin-top:18px}.content-notice{font-size:14px;line-height:1.9;margin:24px 0}
.listening-points{margin:28px 0;padding:24px;background:#e9ebeb;color:var(--ink)}.listening-points h4{font-size:22px;margin:0 0 18px}.listening-points h5{font-size:16px;line-height:1.7;margin:18px 0 6px}.listening-points p{font-size:16px}
.track-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.track-badge{display:inline-block;padding:2px 8px;background:#dfe4e7;font-size:14px;line-height:1.5;border-radius:3px;white-space:nowrap}
.reservation-bonus{display:block;font-size:18px;background:var(--yellow);color:var(--ink);padding:8px 12px;margin:12px 0;width:fit-content}.complete-duration{font-size:22px;font-weight:700;margin:20px 0}
.product-relationships{font-weight:400;margin-top:28px;padding:0}.product-relationships .section-label{display:none}.product-relationships .cast-chart{margin:0}
.review-campaign{background:var(--ink);color:var(--paper)}.review-campaign h3{font-size:clamp(22px,3vw,30px);line-height:1.7;margin-bottom:24px}.review-campaign dl{margin:28px 0}.review-campaign dl>div{margin-top:20px}.review-campaign dt{font-size:16px;font-weight:700;color:var(--yellow);margin-bottom:8px}.review-campaign dd{margin:0;font-size:16px;line-height:1.9}.campaign-apply{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;background:var(--yellow);color:var(--ink);font-size:18px;font-weight:700;border-radius:4px}.campaign-notice{font-size:14px;margin-top:24px}
@media(max-width:800px){.series-origin,.ending-note{grid-column:1 / -1}.series-origin{margin-top:12px}.ending-note{margin-top:18px}.complete-duration{font-size:20px}.hero-copy .hero-actions{display:flex;grid-column:1 / -1}.hero-actions a{width:100%;justify-content:center}.volume-summary{font-size:17px}.listening-points{padding:20px 16px}}

/* ===== 2026-10-09 10/23版 修正チェックリスト対応（Claude）===== */
[hidden]{display:none!important}
.character-pager{display:none}
.character-profile{margin:4px 0 14px;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--ink)}
.character-bio p{margin:0;font-size:15px;line-height:1.85}
.character-bio .character-job{font-weight:700}
.character-bio .character-you{margin-top:14px;padding-top:12px;border-top:1px solid #10172230;font-size:14px;line-height:1.75;color:#3b4350}
.character-you span{font-weight:700;color:var(--ink)}
.character-listen{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--ink);background:var(--yellow);padding:8px 14px;border-radius:4px}
.ticket-footer{justify-content:flex-start}
/* 各巻紹介：タブ・1行キャッチ・折りたたみ */
.volume-nav a{cursor:pointer}
.volume-nav a.is-active{background:var(--yellow);color:var(--ink)}
.volume-nav a.is-active small{color:var(--ink)}
.volume-catch{margin:14px 0 6px;font-family:'Noto Serif JP','Yu Mincho',serif;font-size:21px;line-height:1.6;font-weight:700}
.product .audio-meta{margin:8px 0 14px;font-size:14px;font-weight:400;color:#505863}
.synopsis-fold,.timeline-fold,.campaign-fold{border-block:1px solid var(--line);margin:18px 0}
.synopsis-fold summary,.timeline-fold summary,.campaign-fold summary{cursor:pointer;padding:16px 0;font-size:16px;font-weight:700}
.synopsis-fold .synopsis{padding-bottom:16px}
.synopsis-fold .synopsis p{font-size:15px;line-height:1.9;margin:0 0 12px}
.product .content-notice{margin:0 0 12px;font-size:14px;line-height:1.7;font-weight:700}
.chart-link{display:inline-block;margin-top:12px;font-weight:700;color:var(--yellow);text-decoration:underline;text-underline-offset:5px}
/* 相関図：物語を知るへ／タップで拡大 */
.story-chapter .relationship-section{background:transparent;color:var(--ink);padding:32px 0 30px}
@media(max-width:800px){.story-chapter .relationship-section{padding-top:24px}}
.chart-zoom{display:block;position:relative}
.chart-zoom-hint{position:absolute;right:10px;bottom:10px;background:#101722d9;color:#fff;font-size:13px;padding:4px 10px;border-radius:3px}
.chart-dialog{padding:0;border:0;max-width:96vw;max-height:94vh;background:#101722}
.chart-dialog::backdrop{background:#000c}
.chart-dialog img{display:block;width:auto;max-width:96vw;max-height:88vh;height:auto}
.chart-dialog form{text-align:right}
.chart-dialog-close{background:none;border:0;color:#fff;font-size:15px;padding:10px 14px;cursor:pointer}
/* 特典 */
.special .bonus-secondary .bonus-deadlines{margin:12px 0}
.special .bonus-secondary .bonus-deadlines>div{display:flex;gap:16px;padding:4px 0;font-size:14px}
.special .bonus-secondary .bonus-deadlines dt{min-width:5.5em;font-weight:700}
.volume-bonus-items{font-weight:700}
/* Purchase decisions stay compact; SS stories have their own cards. */
.product-early-bonus{margin:24px 0;padding:18px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.product-early-bonus>h4{font-size:16px;line-height:1.6;margin:0 0 6px}
.product-early-bonus .early-ss-name{font-size:20px;font-weight:700;margin:6px 0 10px}
.product-early-bonus .reservation-bonus{font-size:13px;line-height:1.8;margin:10px 0 0}
.product-early-bonus a{display:inline-block;text-decoration:underline;text-underline-offset:3px}
.product-early-bonus .bonus-deadlines,.early-ss-card .bonus-deadlines{margin:12px 0}
.bonus-deadlines[data-early-volume]>div{display:block;padding:0}
.bonus-deadlines[data-early-volume] dt{font-size:12px;margin-bottom:3px}
.bonus-deadlines[data-early-volume] dd{font-size:14px;font-weight:700;line-height:1.8;margin:0}
.early-bonus{margin-bottom:44px}
.early-ss-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.early-ss-card{background:var(--paper);color:var(--ink);min-width:0;scroll-margin-top:120px}
.early-ss-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.early-ss-copy{padding:20px 24px 24px}
.early-ss-copy h4{font-size:21px;line-height:1.6;margin:6px 0 12px}
.special .early-ss-copy p{font-size:14px;line-height:1.9;margin:10px 0}
.special .early-ss-copy .early-ss-volume{font-size:12px;font-weight:700;margin:0}
.special .early-receipt{font-size:12px;line-height:1.8;margin-top:16px}
@media(max-width:800px){.early-ss-cards{grid-template-columns:1fr;gap:20px}.early-ss-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start}.early-ss-copy{padding:16px}.early-ss-card>img{margin-top:16px}}
.review-campaign .campaign-fold{border-color:#ffffff40}
.review-campaign .campaign-fold summary{color:#fff}
@media(max-width:800px){
  /* 特典：全巻特典3本は横スワイプ */
  .special .bonus-tracks{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;margin:24px -6% 24px 0;padding-right:6%}
  .special .bonus-tracks::-webkit-scrollbar{display:none}
  .special .bonus-tracks>article{flex:0 0 82%;scroll-snap-align:start}
  /* 固定バー：1ボタン */
  .mobile-action-bar{grid-template-columns:1fr}
}
@media(max-width:650px){
  /* 登場人物：横スワイプ（1人1画面）。キャッチは立ち絵上のみ */
  .character-pager{display:flex;justify-content:center;gap:10px;margin:0 0 16px}
  .character-pager a{min-width:64px;text-align:center;padding:8px 12px;border:1px solid #c5cbd3;border-radius:999px;color:#fff;font-weight:700}
  .character-pager a.is-active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
  .character-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:0}
  .character-grid::-webkit-scrollbar{display:none}
  .character-grid>.character{flex:0 0 100%;min-width:100%;scroll-snap-align:start;padding:0 0 10px;margin:0!important}
  .character .portrait{height:430px!important;margin-inline:0!important;width:100%!important}
  .character>.quote-pair{margin-top:18px}
}
/* ページ下部：固定バー分の余白をフッター側に持たせ、下に地色が出ないように。リンク行を揃える */
footer>div{align-items:center;flex-wrap:wrap}
footer>div>*{margin:0}
footer .social-share{min-height:0;padding:6px 14px}
@media(max-width:800px){
  body{padding-bottom:0!important}
  footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
}
footer>div>a,footer>div>p{margin:0!important}
@media(min-width:801px){footer>div{justify-content:flex-start;gap:32px}footer>div>p{margin-left:auto!important}}
/* 紹介文：職業行と本文を書誌どおりの改行だけで続ける（段落間の空きをなくす） */
.character-bio p+p{margin-top:0!important}
.character-bio .character-you{margin-top:14px!important}
/* UX調整（10/09）：登場人物の切替を各巻タブと同じ文法に／スワイプの手がかり／細部の崩れ */
@media(max-width:650px){
  .character-pager{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 18px;border-bottom:1px solid #ffffff2e}
  .character-pager a{min-width:0;border:0;border-radius:0;padding:10px 0 12px;background:none!important;color:#8d96a3!important;font-family:'Noto Serif JP','Yu Mincho',serif;font-size:19px;font-weight:700;letter-spacing:.08em;text-align:center;position:relative;transition:color .2s}
  .character-pager a small{display:block;font:700 11px/1 Arial,sans-serif;letter-spacing:.18em;margin-bottom:6px;color:inherit}
  .character-pager a:after{content:"";position:absolute;left:28%;right:28%;bottom:-1px;height:2px;background:var(--yellow);transform:scaleX(0);transition:transform .25s}
  .character-pager a.is-active{color:var(--yellow)!important}
  .character-pager a.is-active:after{transform:scaleX(1)}
  /* 次のカードを少し見せて、横に続くことを示す */
  .character-grid{gap:12px!important;padding-right:10%;scroll-padding-left:0}
  .character-grid>.character{flex:0 0 100%!important;min-width:100%!important}
  .character .ticket-footer{padding-block:8px!important}
  .character .ticket-volume b{font-size:22px}
  /* 価格行：リンクを改行で崩さず下に置く */
  .product-spec>div{display:block}
  .product-spec dd{margin:4px 0 0}
  .product-spec .product-bonus-link{display:inline-block;margin-top:6px}
  /* スマホ1画面目に作品ロゴを出す（KV左下） */
  .hero-art .mobile-title{display:block!important;position:absolute;left:5%;bottom:34px;z-index:3;width:42%;pointer-events:none;filter:drop-shadow(0 2px 10px #000a)}
  .hero-art .mobile-title img{position:static!important;width:100%!important;height:auto!important}
  .hero-art .mobile-title span{display:none}
}
.reservation-bonus{display:inline-block;background:var(--ink)!important;color:var(--yellow)!important;padding:4px 10px;font-size:15px}
@media(max-width:650px){.hero-art .mobile-title{background:none!important;padding:0!important;border:0!important;box-shadow:none!important}}
/* あらすじは開いたまま表示 */
.synopsis-block{border-top:1px solid var(--line);margin:18px 0;padding-top:14px}
.synopsis-title{font-size:15px;font-weight:700;margin:0 0 10px;letter-spacing:.08em}
.synopsis-block .synopsis p{font-size:15px;line-height:1.9;margin:0 0 12px}
/* レビューCP：応募ボタンは折りたたみの外に。開いたときは下に余白 */
.campaign-fold[open]{padding-bottom:18px}
.review-campaign .campaign-apply{margin:6px 0 18px}
/* 製品情報：品番・価格・収録時間・同梱特典 */
.product-spec>div{padding:8px 0;border-top:1px solid #c8ccce}
.product-spec>div:last-child{border-bottom:1px solid #c8ccce}
.product-spec dt{font-size:13px;color:#555e66}
.product-spec dd{font-size:15px}
.product-spec dd{padding:0!important;margin:0}
@media(min-width:651px){.product-spec>div{display:grid;grid-template-columns:150px 1fr;align-items:baseline}.product-spec .product-bonus-link{margin-left:10px}}
/* 価格欄の高さをそろえるため、全巻特典リンクは表の下に1行で */
.product-spec+.product-bonus-link{display:inline-block;margin:10px 0 0!important}
/* トラックのHバッジはピンク（登場バッジはグレーのまま） */
.track-badge--h{background:#f7d3df!important;color:#8c1d47!important;font-weight:700}
/* Hシーン：ハートの中にH */
.track-heart{position:relative;display:inline-grid;place-items:center;width:28px;height:26px;flex:0 0 auto;vertical-align:middle}
.track-heart svg{position:absolute;inset:0;width:100%;height:100%;fill:#e9558a}
.track-heart b{position:relative;font:800 12px/1 Arial,sans-serif;color:#fff;margin-top:-2px}
/* 小見出しの英字（01 / CHARACTERS など）はピンク。紺地は淡いピンク、明るい地は濃いローズ */
.section-label>span{color:#f2a9c2!important;letter-spacing:.22em}
.products .section-label>span,.story-chapter .section-label>span,.special .section-label>span,.promo-video .section-label>span,.interviews .section-label>span{color:#c2416f!important}
/* 登場人物の切替：選択中の下線をピンク→黄のグラデーションに */
.character-pager a:after{background:linear-gradient(90deg,#f2a9c2,var(--yellow))!important}
/* 各巻キャッチ：マーカー（ピンク） */
.volume-catch mark{background:linear-gradient(transparent 52%,#f7c3d6 52%);color:inherit;padding:0 2px}
.volume-catch .nb{display:inline-block}
/* ピンクを少し増やす（10/09）：小さな甘い部分だけ。ブランドの黄色（ロゴ・CTA・タブ・大見出しの強調）はそのまま */
.chart-link{color:#f2a9c2!important}
/* ===== デザイン見直し（10/09 ディレクター確認） ===== */
/* 1. 強調のルール：黄色ベタ＝作品全体の言葉、ピンクのマーカー＝各巻のキャッチ（人物のキャッチは元の見せ方のまま。10/09島田判断） */
@media(max-width:650px){.character .character-info>p.character-hook{display:none!important}}
/* 3. 各巻の名前（廻・景・雨）は人物カードと同じ明朝 */
.product h3{font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif}
/* 4. 注意書きは独立した枠、予約状況はその下に素の文字で */
.product .content-notice{margin:18px 0 0;padding:12px 14px;border-left:4px solid var(--ink);background:#e5e8e7;font-size:14px;line-height:1.7}
.product .availability{background:none!important;border:0!important;padding:10px 0 0!important;margin-top:4px!important}
.product .availability>p{font-size:14px;font-weight:700;margin-top:4px}
/* 6. 購入特典：区切り線の二重を解消 */
.special .bonus-secondary{border-top:0!important}
@media(max-width:650px){
  /* 2. 巻数の重複：大きなVOL番号を外してジャケットを大きく */
  .product .vol{display:none!important}
  .product .product-aside{display:block!important}
  .product .product-face{width:100%!important}
  /* 5. ヒーロー：ボタンを近くに。PRESENTS表記は省き、結末の一文はボタンの下へ */
  .hero-copy .eyebrow{display:none}
  .hero-copy .ending-note{order:20}
  .hero-copy .hero-follow{order:21}
}
@media(min-width:651px){
  /* 6. PC：レビューキャンペーンは中央の読みやすい幅に／各巻カードの文字とジャケットを大きく */
  .review-campaign>h3,.review-campaign>p,.review-campaign>details,.review-campaign>.campaign-apply,.review-campaign>.campaign-notice{max-width:760px;margin-left:auto!important;margin-right:auto!important}
  .review-campaign>.campaign-apply{display:table}
  .review-campaign>h3,.review-campaign>p{text-align:center}
  .product{grid-template-columns:38% 1fr!important;gap:5%!important}
  .product .volume-catch{font-size:24px}
  .synopsis-block .synopsis p{font-size:16px}
  .product .audio-meta,.product-spec dd{font-size:15px}
}

.review-campaign>h3,.review-campaign>p{text-wrap:balance}
/* スマホの人物キャッチ：文字は黄色のまま（不穏さを残す。10/09島田判断）、1行ずつ折り返さない */
@media(max-width:650px){
  .mobile-character-hook span{white-space:nowrap}
  .mobile-character-hook{font-size:clamp(16px,5vw,20px)!important;right:2%!important}
}
/* ヒーロー下の全巻特典の帯はピンク（下の黄色い帯と分かれて「特典」として目に入る） */
.bonus-teaser{background:#f7c3d6!important}
.bonus-teaser .bonus-teaser-label{border-color:#8c1d47!important;color:#8c1d47!important}
/* 特典帯：Vol.1の早期特典の締切を1行 */
.bonus-teaser-early{display:block;margin-top:8px;font-size:13px;font-weight:700;color:#8c1d47}
.bonus-teaser-early:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#e9558a;margin-right:6px;vertical-align:middle}
@media(min-width:801px){.bonus-teaser-early{grid-column:2;margin-top:4px}}

/* Keep native controls compact; distinguish the player itself from the page. */
.track-list audio{color-scheme:light;background:#f1f3f4;border-radius:28px}
.track-list audio::-webkit-media-controls-panel{background-color:#f1f3f4}
.purchase-actions[id]{scroll-margin-top:110px}

/* Character volume numbers always lead to product information. */
a.ticket-volume{color:inherit;text-decoration:none;display:inline-block;padding:4px 8px;margin:-4px -8px;min-width:44px}
a.ticket-volume b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
a.ticket-volume:hover b{text-decoration-thickness:2px}
a.ticket-volume:focus-visible{outline:2px solid currentColor;outline-offset:4px}

.ticket-footer{align-items:flex-end}
.ticket-footer .character-listen{margin-left:auto;padding:4px 0;line-height:1.4;align-self:flex-end}

.news-list a{text-decoration:underline;text-underline-offset:.2em}
.news-list .news-content{min-width:0;line-height:1.8}