/* Keep the same editorial composition while allowing each language its own measure. */
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.language-control{display:flex;align-items:center;gap:8px;color:#c6c8bd;flex-shrink:0}
.language-control>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;flex-shrink:0}
.language-control select{font:13px/1.4 var(--sans);color:var(--fg);background:var(--bg);border:1px solid #51564a;border-radius:3px;padding:10px 23px 10px 10px;width:170px;max-width:100%;min-height:44px;cursor:pointer}
.language-control select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.language-control option{background:var(--bg);color:var(--fg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.brand{flex:1;min-width:0}.brand>span[data-i18n="brand"]{line-height:1.4;overflow-wrap:anywhere}
.header-tools{flex-shrink:0}.brand-en{flex-shrink:0}
.chapter-time{margin-left:0;margin-inline-start:auto}
.time,.chapter-time,.chapter-number{direction:ltr;unicode-bidi:isolate}
.sold-chart{direction:ltr}.sold-chart text{unicode-bidi:plaintext}
html:lang(ar),html:lang(fa),html:lang(ur){--serif:"Traditional Arabic","Noto Naskh Arabic","Tahoma",serif;--sans:"Segoe UI","Tahoma",sans-serif;letter-spacing:normal}
html:lang(hi),html:lang(bn){--serif:"Nirmala UI","Noto Serif Devanagari","Noto Serif Bengali",serif;--sans:"Nirmala UI","Segoe UI",sans-serif}
html:lang(th){--serif:"Leelawadee UI","Tahoma",serif;--sans:"Leelawadee UI","Tahoma",sans-serif}
html:lang(hi) h1,html:lang(bn) h1,html:lang(th) h1{font-size:clamp(42px,4.7vw,70px);line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
html[dir="rtl"] h1{font-size:clamp(48px,5.9vw,86px);line-height:1.45;letter-spacing:0}
html[dir="rtl"] .story-copy h2,html[dir="rtl"] .breakeven-grid h2{font-size:clamp(34px,3.3vw,46px);line-height:1.6;letter-spacing:0}
html[dir="rtl"] .hero-art{right:auto;left:-20px}
html[dir="rtl"] .hero-art:after{background:linear-gradient(270deg,var(--bg),transparent 38%),linear-gradient(0deg,var(--bg),transparent 30%,transparent 83%,var(--bg))}
html[dir="rtl"] .photo-caption{right:auto;left:25px;direction:ltr}
html[dir="rtl"] .hero-art img{transform:scaleX(-1)}
html[dir="rtl"] .hero-bottom>span:last-child,html[dir="rtl"] .chart-figure figcaption{text-align:left}
html[dir="rtl"] .cursor{margin-left:0;margin-right:3px}
html[dir="rtl"] .language-control select{padding:10px 10px 10px 23px}
html[dir="rtl"] .brand-en{display:none}
html[dir="rtl"] .brand,html[dir="rtl"] .section-kicker,html[dir="rtl"] .eyebrow{letter-spacing:0}
html[dir="rtl"] .goodnight-content h2{letter-spacing:0;line-height:1.5}
.breakeven-grid h2>span{color:inherit}.breakeven-grid h2>.faded{color:#797d6f}
html[data-type="alphabetic"]{--serif:Georgia,"Times New Roman",serif;--sans:Arial,"Helvetica Neue",sans-serif}
html:lang(ja){--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}
html:lang(ko){--serif:"Batang","Noto Serif CJK KR",serif;--sans:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all;overflow-wrap:break-word}
html:lang(zh-Hant){--serif:"PMingLiU","Songti TC","Noto Serif CJK TC",serif;--sans:"Microsoft JhengHei","PingFang TC",sans-serif}
html[data-type="alphabetic"] .brand-en{display:none}
html[data-type="alphabetic"] h1{font-size:clamp(55px,5.45vw,82px);line-height:1.2;letter-spacing:-.045em}
html[data-type="alphabetic"] .hero-copy{min-width:0;width:115%}
html[data-type="alphabetic"] .hero-aside{font-size:20px}
html[data-type="alphabetic"] .hero-body{max-width:400px}
html[data-type="alphabetic"] .story-copy h2{font-size:clamp(31px,3.3vw,44px);line-height:1.35}
html[data-type="alphabetic"] .breakeven-grid h2{line-height:1.45;font-size:clamp(31px,3.3vw,44px)}
html:lang(ja) h1{font-size:clamp(57px,5.85vw,89px)}
html:lang(ko) h1{font-size:clamp(54px,5.6vw,85px)}
.chat-header{flex-wrap:wrap}.chat-header>span:last-child{white-space:nowrap}
.chat-scene,.story-copy,.breakeven-grid>h2{min-width:0}.message>div{min-width:0}
.story-copy p,.bubble{overflow-wrap:break-word}
.hero-bottom>span{max-width:48%}
.hero-bottom>span:last-child{text-align:right}
@media(max-width:1100px){.header-tools .header-note{display:none}.brand-en{display:none}}
@media(max-width:640px){
  .masthead{gap:12px}.brand{letter-spacing:0;gap:7px;min-width:0}.brand svg{flex-shrink:0;width:20px;height:20px}
  .header-tools{gap:0}.language-control{gap:5px}.language-control select{font-size:12px;width:135px;padding:9px 4px;min-height:44px}
  .language-control>svg{width:15px;height:15px}.brand>span:not(.brand-en){font-size:14px}
  html[data-type="alphabetic"] h1{font-size:clamp(36px,10.7vw,64px);line-height:1.2;letter-spacing:-.05em}
  html[data-type="alphabetic"] .hero-copy{width:100%}
  html[data-type="alphabetic"] .hero-aside{font-size:17px}
  html[data-type="alphabetic"] .hero{min-height:830px}
  html:lang(ja) h1{font-size:clamp(43px,12vw,65px)}
  html:lang(ko) h1{font-size:clamp(42px,11.6vw,64px)}
  html[data-type="alphabetic"] .story-copy h2{font-size:30px}
  html[data-type="alphabetic"] .breakeven-grid h2{font-size:31px}
  html[data-type="alphabetic"] .ending h2{font-size:34px}
  html[data-type="alphabetic"] .goodnight-content h2{font-size:clamp(34px,10vw,58px);letter-spacing:0}
  .hero-bottom{font-size:12px;align-items:flex-start;gap:20px}.hero-bottom>span{max-width:49%}
  .chat-header{flex-direction:column;align-items:flex-start}.footer{column-gap:12px}.footer>span:last-child{text-align:right}
  .brand-en{display:none}.brand>span[data-i18n="brand"]{max-width:100%}
  html:lang(hi) h1,html:lang(bn) h1,html:lang(th) h1{font-size:clamp(32px,9.4vw,46px)}
  html[dir="rtl"] h1{font-size:clamp(42px,11.2vw,62px)}
  html[dir="rtl"] .hero-art{right:auto;left:-22px}
  html[dir="rtl"] .hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 27%,transparent 65%,var(--bg))}
  html[dir="rtl"] .language-control select{padding:9px 4px}
  html[dir="rtl"] .story-copy h2,html[dir="rtl"] .breakeven-grid h2{font-size:34px}
  html[dir="rtl"] .footer>span:last-child{text-align:left}
  html[dir="rtl"] .goodnight-content h2{font-size:clamp(38px,11vw,58px)}
}
@media(min-width:1600px){html[dir="rtl"] .hero-art{left:-70px}}
@media(max-width:360px){
  .masthead{gap:8px}.language-control>svg{display:none}.language-control select{width:120px}
  html:lang(ja) .brand>span:not(.brand-en){font-size:12px}.hero-bottom{flex-direction:row;gap:12px}
  html[data-type="alphabetic"] .story-copy h2{font-size:28px}
  html[data-type="alphabetic"] .breakeven-grid h2{font-size:28px}
}
