/* Observed travel-album chapter: translucent rail, quiet controls and image-first canvas.
   The supplied reference shows desktop only. Mobile is an uncropped adaptation. */
body[data-view="chapter"] .header{height:42px;min-height:42px;padding:0 20px;border:0;background:#0b0b0a}
body[data-view="chapter"] .brand{font-size:12px;letter-spacing:.08em}
body[data-view="chapter"] .brand span{font-size:6px;letter-spacing:.16em;margin-left:9px}
body[data-view="chapter"] .header nav{font-size:9px;gap:24px}
body[data-view="chapter"] .chapter-shell{height:calc(100svh - 42px);grid-template-columns:19% minmax(0,1fr)}
body[data-view="chapter"] .chapter-sidebar{position:relative;isolation:isolate;overflow:hidden;padding:30px 22px 22px;background:#252723}
.chapter-atmosphere{position:absolute;inset:-40px;z-index:-2;pointer-events:none;overflow:hidden}
.chapter-atmosphere canvas{display:block;width:100%;height:100%;object-fit:cover;filter:blur(28px) brightness(.56);transform:scale(1.15)}
body[data-view="chapter"] .chapter-sidebar:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#04050530,#11141312 42%,#0a0b0ac9);pointer-events:none}
body[data-view="chapter"] .chapter-sidebar>.back-link{font-size:9px;min-height:24px;letter-spacing:0}
body[data-view="chapter"] .chapter-intro{margin-top:46px}
body[data-view="chapter"] .chapter-kicker{font:7px/1.5 var(--serif);letter-spacing:.02em;color:#e5e4dc;opacity:.75;margin-bottom:13px}
body[data-view="chapter"] .chapter-title{font-size:clamp(26px,3.65vw,59px);font-weight:700;line-height:.94;letter-spacing:-.045em;overflow-wrap:anywhere}
body[data-view="chapter"] .chapter-rule{width:38%;max-width:85px;height:2px;margin:17px 0}
body[data-view="chapter"] .chapter-chinese{font-size:clamp(16px,1.7vw,26px);line-height:1.25;letter-spacing:0}
body[data-view="chapter"] .chapter-chinese>span{font:8px var(--sans);color:#eceadf9e;margin-top:9px}
.chapter-note{font:8px/1.8 var(--serif);letter-spacing:.02em;margin:19px 0 0;color:#f0eddfa6}
body[data-view="chapter"] .chapter-image-index{margin-top:31px}
body[data-view="chapter"] .chapter-image-index nav{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;gap:3px}
body[data-view="chapter"] .chapter-image-index button{min-width:0;min-height:32px;font-size:8px;color:#e6e4d982;border:0;position:relative}
body[data-view="chapter"] .chapter-image-index button[aria-pressed="true"]{color:var(--accent)}
body[data-view="chapter"] .chapter-image-index button[aria-pressed="true"]:after{content:"";position:absolute;width:12px;height:1px;background:currentColor;bottom:3px;left:calc(50% - 6px)}
body[data-view="chapter"] .chapter-sidebar-bottom{margin-top:22px;min-height:66px}
body[data-view="chapter"] .contact-sheet-toggle{font-size:7px;color:#e6e4d99e;min-height:30px}
body[data-view="chapter"] .chapter-series-nav{font-family:var(--serif);gap:8px;margin-top:20px}
body[data-view="chapter"] .chapter-series-nav a{font-size:10px;font-weight:700}
body[data-view="chapter"] .chapter-main{background:#090a08}
body[data-view="chapter"] .chapter-arrow{font-family:var(--sans);font-size:23px;font-weight:400;width:44px;height:72px;opacity:.6}
body[data-view="chapter"] .chapter-arrow-prev{left:7px}
body[data-view="chapter"] .chapter-arrow-next{right:7px}
body[data-view="chapter"] .chapter-photo-label{opacity:.5;pointer-events:none}
body[data-view="chapter"] .chapter-caption{left:20px;right:20px;bottom:31px;z-index:5}
body[data-view="chapter"] .chapter-caption p,body[data-view="chapter"] .chapter-caption>span{font-size:8px;line-height:1.5}
body[data-view="chapter"] .chapter-progress{left:20px;right:20px;bottom:13px;height:4px;background:none;z-index:5}
body[data-view="chapter"] #chapter-progress{width:100%;height:100%;display:flex;gap:5px;background:none;transition:none}
body[data-view="chapter"] #chapter-progress i{display:block;flex:1;height:100%;background:#e4dfcf35}
body[data-view="chapter"] #chapter-progress i.is-current{background:var(--accent)}
/* Match the settled viewer to the same contain box used by the cover transition. */
.viewer-stage{container-type:size}
.viewer-placeholder[data-orientation="landscape"]{width:min(100%,calc(100cqh * 1.5));height:auto;aspect-ratio:3/2;max-width:none;max-height:100%}
.viewer-placeholder[data-orientation="portrait"]{width:min(100%,calc(100cqh * .666667));height:auto;aspect-ratio:2/3;max-width:none;max-height:100%}
@media(min-width:761px) and (max-height:650px){body[data-view="chapter"] .chapter-sidebar{padding-top:20px}body[data-view="chapter"] .chapter-intro{margin-top:28px}body[data-view="chapter"] .chapter-rule{margin:13px 0}.chapter-note{margin-top:12px}body[data-view="chapter"] .chapter-image-index{margin-top:18px}}
@media(max-width:760px),(max-width:900px) and (orientation:portrait){body[data-view="chapter"] .header{height:44px;min-height:44px;padding:0 16px}body[data-view="chapter"] .brand span{display:none}body[data-view="chapter"] .chapter-shell{height:calc(100svh - 44px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}body[data-view="chapter"] .chapter-sidebar{padding:15px 16px 8px;overflow:clip;gap:9px 12px}body[data-view="chapter"] .chapter-intro{margin:0}body[data-view="chapter"] .chapter-title{font-size:27px;overflow-wrap:normal}body[data-view="chapter"] .chapter-note{display:none}body[data-view="chapter"] .chapter-image-index{margin:0}body[data-view="chapter"] .chapter-image-index nav{display:flex;gap:10px}body[data-view="chapter"] .chapter-image-index button{min-width:30px;min-height:31px;font-size:9px}body[data-view="chapter"] .chapter-series-nav{margin:0;gap:16px}body[data-view="chapter"] .chapter-series-nav a{font-size:9px}body[data-view="chapter"] .chapter-caption{left:16px;right:16px;bottom:29px}body[data-view="chapter"] .chapter-progress{left:16px;right:16px;bottom:13px;height:3px}body[data-view="chapter"] .chapter-arrow{width:40px;height:60px;font-size:24px}body[data-view="chapter"] .chapter-arrow-prev{left:0}body[data-view="chapter"] .chapter-arrow-next{right:0}.chapter-atmosphere canvas{filter:blur(24px) brightness(.5)}}