:root{color-scheme:light;--ink:#19392f;--paper:#f6f1e5;--cream:#fff8e6;--gold:#d2b772;--serif:"Noto Serif JP",Georgia,serif;--roman:"Cormorant Garamond",Georgia,serif;--ease:cubic-bezier(.22,.78,.25,1);--sheet-width:min(31vw,370px,calc((100svh - 275px)*.714));--sheet-gap:32px}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:auto;scroll-padding-top:20px}body{margin:0;isolation:isolate;background:#17372c;color:var(--cream);font-family:var(--serif);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border:0}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b68827;outline-offset:5px}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;color:black;padding:12px}
.world{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#284234}.city-scene{position:absolute;inset:-1%;background-size:cover;background-position:center 45%;opacity:0;transition:opacity .55s ease;will-change:opacity}.city-scene.is-current{opacity:1}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071c217d 0%,#142a2010 30%,#12261f0a 55%,#102c258c 100%)}body[data-scene=reader] .world-shade{background:#10271ece}
.site-header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1800px;margin:auto;padding:24px 3.5% 12px;text-shadow:0 2px 15px #0b2519a8}.wordmark{font-size:34px;line-height:1.35;font-weight:700;text-decoration:none;white-space:nowrap;letter-spacing:-.04em}.edition-date{font-size:44px;line-height:1.4;font-weight:500;margin:0;letter-spacing:-.045em}.header-right{justify-self:end;display:flex;gap:20px;align-items:center;font-size:14px}#language{background:none;padding:10px 0 10px 14px;min-height:44px;border-left:1px solid #ffffff65;font-family:Georgia,serif;font-size:16px;white-space:nowrap}#language span{margin-left:6px}
.journey{position:relative;padding:8px 0 26px;overflow:hidden}.city-caption{text-align:center;min-height:78px;padding:0 18px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.city-caption h2{margin:0;background:#153a30cf;border:0;border-bottom:1px solid #d2b77280;padding:8px 25px;font-size:18px;font-weight:500;line-height:1.55;box-shadow:0 2px 18px #15271d33}.city-caption p{font-size:12px;min-height:18px;margin:0;text-shadow:0 1px 7px #000;letter-spacing:.02em}
.paper-rack{height:calc(var(--sheet-width)*1.4 + 30px);position:relative;width:100%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-5px;contain:layout style}.paper-rack.is-dragging{cursor:grabbing}.rack-paper{position:absolute;left:50%;top:0;width:var(--sheet-width);transform-origin:50% 55%;will-change:transform,opacity;backface-visibility:hidden}.paper-cover{padding:0;width:100%;display:block;position:relative;background:#e8e0cb;aspect-ratio:5/7;box-shadow:0 16px 28px #0d211b55,0 1px 3px #081b1680;text-align:left;overflow:hidden;cursor:inherit}.paper-cover img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.paper-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(178deg,transparent 49%,#61503312 49.8%,#fff7df21 50.2%,transparent 51%);border:1px solid #f6eed34d}.paper-slip{position:absolute;left:9px;right:9px;bottom:9px;color:#183b2d;background:#faf5e9f5;padding:12px 14px 0;text-align:center;box-shadow:0 1px 8px #1a2b2022}.paper-headline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px;line-height:1.6;font-weight:600;margin:0 0 10px}.cover-action{display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;background:#173f32;color:var(--cream);border:1px solid var(--gold);margin:0 -14px;font-size:15px;padding:10px}.cover-action span:last-child{font-size:20px}.rack-paper:not(.is-active) .paper-slip{opacity:0;pointer-events:none}.rack-paper.is-active .paper-slip{opacity:1}.featured-label{position:absolute;top:12px;right:12px;background:#183d32;color:var(--cream);border:0;padding:5px 9px;font-size:12px;box-shadow:0 2px 6px #17372c33}.failed-image{visibility:hidden}
.rack-controls{max-width:990px;margin:0 auto 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 24px}.neighbour{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;padding:4px 0;font-size:14px;line-height:1.5;min-width:0}.neighbour.next{justify-content:flex-end;text-align:right}.arrow{display:grid;place-items:center;border:1px solid #fff8e673;border-radius:50%;width:46px;height:46px;flex:none;background:#173d30d9;font:38px/1 Georgia,serif;padding-bottom:5px}.neighbour:hover .arrow{background:#35634a}.journey-position{display:flex;flex-direction:column;gap:4px;align-items:center;white-space:nowrap;font-variant-numeric:tabular-nums}#city-number{font:500 25px/1.2 var(--roman);letter-spacing:.04em}.gesture-hint{font-size:12px;color:#f1e8ce}.all-link{display:flex;justify-content:center;align-items:center;width:max-content;max-width:90%;min-width:280px;margin:auto;min-height:48px;padding:10px 34px;background:#163e329e;border:0;border-bottom:1px solid #fff8e65c;text-decoration:none;font-size:17px;box-shadow:0 5px 20px #142e2344}.all-link:hover{background:#315e45}
.all-papers{position:relative;background:var(--paper);color:var(--ink);border-top:4px double #c2a76b;padding:36px max(4%,calc((100% - 1580px)/2)) 0;outline:none}.all-heading{display:flex;align-items:baseline;gap:20px;padding-bottom:24px;border-bottom:3px double #77836b66;margin-bottom:30px}.all-heading h2{font-size:30px;font-weight:600;letter-spacing:.03em;margin:0}.all-heading>span{font-size:18px;white-space:nowrap}.all-heading a{margin-left:auto;font-size:14px;text-underline-offset:5px;white-space:nowrap}.paper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 28px}.edition-card{min-width:0}.grid-paper{display:block;width:100%;padding:0;background:transparent;color:var(--ink);text-align:left}.grid-scan{display:block;position:relative;aspect-ratio:5/7;background:#e9e2d3;box-shadow:0 5px 12px #16392f22;transition:transform .24s var(--ease),box-shadow .24s}.grid-scan img{width:100%;height:100%;object-fit:contain;display:block}.grid-paper:hover .grid-scan{transform:translateY(-5px);box-shadow:0 12px 20px #16392f2b}.grid-info{display:block;padding-top:15px}.grid-title{display:block;font:600 28px/1.05 var(--roman);overflow-wrap:anywhere}.grid-place{display:block;font-size:14px;line-height:1.7;margin:9px 0;border-top:1px solid #87917d77;padding-top:9px}.grid-language{font-size:12px;color:#647364;display:block;margin-top:4px}.grid-headline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.8;margin-top:10px;font-weight:500}.reading-badge{display:inline-block;font-size:12px;line-height:1.5;margin-top:8px;color:#566957;border-bottom:1px solid #8f9b84}.edition-card.is-selected .grid-scan{outline:2px solid #9e874b;outline-offset:4px}.site-footer{margin-top:52px;padding:26px 0 35px;border-top:3px double #77836b66;color:#5c6c5d;font-size:12px;line-height:1.9}.site-footer p{margin:0 0 10px}
.reader{max-width:1500px;margin:auto;padding:0 4% 40px}.scene-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px}.back{background:transparent;display:flex;gap:14px;padding:12px 0;font-size:15px}.scene-nav>span{font-size:14px;line-height:1.7;text-align:right}.reading-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(380px,1.3fr);gap:6%;align-items:start}.reading-source{position:sticky;top:28px;padding:26px 0}.source-paper{display:block;padding:0;width:100%;position:relative;background:#e8e0cb;transform:rotate(-1deg);box-shadow:0 10px 28px #11251b77}.source-paper img{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;min-height:100px}.source-paper>span{display:block;padding:13px;background:#173d32f5;color:var(--cream);font-size:14px}.source-caption{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;margin-top:22px}.article-paper{background:var(--paper);color:var(--ink);padding:34px 42px 25px;box-shadow:0 12px 50px #11271c55;min-width:0}.eyebrow{font-size:14px;line-height:1.7}.paper-name{font:600 50px/1.1 var(--roman);overflow-wrap:anywhere;margin:12px 0 24px}.article-tabs{display:flex;gap:30px;border-top:3px double #1b302b80;border-bottom:1px solid #1b302b33}.article-tabs button{background:transparent;font-size:15px;min-height:50px;padding:13px 0;border-bottom:2px solid transparent}.article-tabs button[aria-selected=true]{border-color:#214b38;font-weight:600}.reading-scope{font-size:14px;line-height:1.9;padding:15px 0 0;margin:0;color:#566950}.reading-scope.is-partial{border-left:2px solid #a18b4e;padding:8px 12px;margin-top:20px}.story{padding:28px 0;border-bottom:1px solid #1b302b30}.story-kicker{font-size:12px;letter-spacing:.08em;color:#63725d}.story h2{font-size:26px;line-height:1.65;font-weight:500;margin:14px 0 20px;overflow-wrap:anywhere}.story p{font-size:17px;line-height:2.1;white-space:pre-line;margin:0;overflow-wrap:anywhere}.story .original-text{font-family:Georgia,var(--serif);line-height:1.85}.story .source-note{font-size:13px;margin-top:20px;line-height:1.8}.source-note a,.article-footer a{text-underline-offset:4px}.article-footer{padding-top:18px;font-size:13px;line-height:1.9;color:#566950}.source-links{display:flex;flex-wrap:wrap;gap:18px}.finish{background:transparent;color:var(--ink);width:100%;border-top:3px double #6e7c6580;margin-top:24px;text-align:left;padding:20px 0 5px;font-size:15px}.reader-neighbours{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.reader-neighbours button{background:none;color:var(--cream);text-align:left;font-size:15px;line-height:1.8;padding:12px 0}.reader-neighbours button:last-child{text-align:right}.ocr-details{margin:24px 0 0;font-size:14px;line-height:1.9}.ocr-details summary{cursor:pointer;padding:12px 0;text-underline-offset:4px;text-decoration:underline}.ocr-text{white-space:pre-wrap;font-family:Georgia,var(--serif);font-size:16px;line-height:1.9;overflow-wrap:anywhere}
dialog{width:min(1100px,96vw);height:94svh;max-width:none;max-height:none;padding:0;border:1px solid #d7cca780;box-shadow:0 20px 100px #0008;background:#ede5d0}dialog::backdrop{background:#0e211bea}.viewer-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#18382f;color:var(--cream);padding:8px 15px;font-size:14px;z-index:2}.viewer-toolbar>div{display:flex}.viewer-toolbar button{background:transparent;width:44px;height:44px;font:25px Georgia}.viewer-scroll{height:calc(100% - 60px);overflow:auto;overscroll-behavior:contain;background:#354338;touch-action:pan-x pan-y pinch-zoom}.viewer-scroll img{display:block;width:100%;max-width:none;margin:auto}.no-script{background:white;color:#153d30;padding:25px}#empty-edition{text-align:center;padding:50px 20px}
@media(min-width:1500px){.edition-date{font-size:52px}.wordmark{font-size:38px}}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto;gap:8px 20px;padding-top:20px}.edition-date{grid-row:2;grid-column:1/-1;text-align:center;font-size:42px}.header-right{grid-column:2;grid-row:1}.wordmark{font-size:30px}:root{--sheet-width:min(34vw,340px,calc((100svh - 305px)*.714));--sheet-gap:22px}.paper-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.all-heading h2{font-size:26px}}
@media(max-width:700px){:root{--sheet-width:max(190px,min(70vw,320px,calc((100svh - 285px)*.714)));--sheet-gap:18px}.site-header{padding:16px 6% 8px;gap:18px 12px}.wordmark{font-size:28px}.edition-date{font-size:30px;letter-spacing:-.055em;line-height:1.4}.header-right{gap:12px;font-size:12px}#language{padding-left:12px;font-size:14px}#language span{display:none}.journey{padding-top:0;padding-bottom:23px}.city-caption{min-height:68px;padding-bottom:10px;gap:5px}.city-caption h2{font-size:15px;padding:6px 18px}.city-caption p{font-size:12px;min-height:16px}.paper-rack{height:calc(var(--sheet-width)*1.4 + 28px)}.paper-slip{left:6px;right:6px;bottom:6px;padding:9px 9px 0}.paper-headline{font-size:14px;line-height:1.55;margin-bottom:9px}.cover-action{font-size:14px;padding:8px;margin:0 -9px;min-height:42px}.featured-label{font-size:12px;top:9px;right:9px}.rack-controls{gap:8px;padding:0 5%;margin-bottom:15px}.neighbour{font-size:12px;gap:8px}.arrow{height:38px;width:38px;font-size:30px}.journey-position{gap:5px}#city-number{font-size:23px}.gesture-hint{font-size:12px}.all-link{font-size:16px;min-width:260px;min-height:46px}.all-papers{padding:26px 6% 0}.all-heading{gap:10px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:24px}.all-heading h2{font-size:22px}.all-heading>span{font-size:16px}.all-heading a{font-size:12px}.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.grid-info{padding-top:12px}.grid-title{font-size:23px}.grid-place{font-size:14px;line-height:1.6;margin-top:8px;padding-top:8px}.grid-headline{font-size:14px;line-height:1.7}.site-footer{margin-top:34px}.reader{padding:0 0 24px}.reader>.scene-nav{padding:0 6%;min-height:58px}.scene-nav>span{font-size:12px;max-width:55%}.reading-layout{display:block}.reading-source{position:static;display:flex;align-items:center;gap:18px;padding:0;margin:4px 6% 20px}.source-paper{width:68px;flex:none;transform:none}.source-paper img{height:86px;min-height:0;object-fit:cover;object-position:top}.source-paper>span{position:absolute;inset:0;background:#163e32a3;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;font-size:12px}.source-caption{margin:0;align-items:flex-start;font-size:13px}.article-paper{padding:25px 6% 20px}.paper-name{font-size:40px;margin:10px 0 20px}.eyebrow{font-size:13px}.story{padding:24px 0}.story h2{font-size:24px}.story p{font-size:17px;line-height:2.05}.reader-neighbours{margin:20px 6% 0;gap:20px}.reader-neighbours button{font-size:14px}.viewer-toolbar{padding-top:max(8px,env(safe-area-inset-top))}.viewer-toolbar>span{font-size:12px}dialog{margin:0;width:100vw;height:100dvh;border:0}}
@media(max-width:360px){.wordmark{font-size:25px}.edition-date{font-size:27px}.header-right{gap:8px}.all-heading a{flex-basis:100%;margin-top:5px}.grid-title{font-size:21px}.neighbour{font-size:12px;gap:4px}.arrow{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.grid-paper:hover .grid-scan{transform:none}}

#edition-loading{text-align:center;min-height:55svh;padding:80px 24px;font-size:16px;line-height:1.8}#edition-loading button{background:#173e32;border:1px solid #d2b772;padding:12px 25px}

/* The sheet catches the light and leaves the shelf. No motion runs at rest. */
.city-scene{transform:translateX(var(--street-drift,0px)) scale(1.025);transition:opacity .55s ease,transform .32s ease-out}
.paper-rack{padding-top:14px;height:calc(var(--sheet-width)*1.4 + 48px);perspective:1600px}
.rack-paper{top:14px;perspective:1100px}
.paper-cover,.grid-scan,.source-paper{
  --paper-rx:0deg;--paper-ry:0deg;--touch-x:50%;--touch-y:40%;
  transform:perspective(1100px) translateY(calc(0px - var(--drag-lift,0px))) rotateX(var(--paper-rx)) rotateY(calc(var(--paper-ry) + var(--drag-yaw,0deg))) rotateZ(var(--drag-roll,0deg));
  transform-origin:var(--touch-x) var(--touch-y);
  transition:transform .48s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;
}
.paper-cover{
  overflow:visible;border:1px solid #ded4b8;
  box-shadow:1px 2px 0 #d8cdb4,2px 3px 0 -1px #f0e8d4,0 14px 17px -8px #081b18a6,0 28px 40px -22px #071d17b3;
}
.paper-cover img{position:relative;z-index:0}
.paper-cover::after{
  z-index:1;border:0;
  background:linear-gradient(90deg,transparent 48%,#56432112 49.3%,#fff9e44d 50.2%,transparent 52%),linear-gradient(179deg,transparent 49%,#483b2430 49.7%,#fffbe95c 50.2%,transparent 51.4%),radial-gradient(ellipse at var(--touch-x) var(--touch-y),#fff8e62b,transparent 65%);
  opacity:calc(.52 + var(--fold-strength,.12));transition:opacity .3s ease;
}
.paper-cover::before{
  content:"";position:absolute;z-index:4;right:-1px;top:-1px;width:0;height:0;pointer-events:none;
  background:linear-gradient(45deg,#7e725966 0%,#f6ecd3 44%,#fff9e9 49%,transparent 51%);
  filter:drop-shadow(-2px 3px 2px #2b241b33);transition:width .3s var(--ease),height .3s var(--ease);
}
.paper-cover.is-touched,.grid-scan.is-touched,.source-paper.is-touched{
  transform:perspective(1100px) translateY(calc(-9px - var(--drag-lift,0px))) rotateX(var(--paper-rx)) rotateY(calc(var(--paper-ry) + var(--drag-yaw,0deg))) rotateZ(var(--drag-roll,0deg));
  box-shadow:1px 2px 0 #dfd2b7,2px 3px 0 -1px #f0e8d4,0 26px 28px -9px #081b1880,0 42px 50px -20px #071d1766;
}
.paper-cover.is-held,.source-paper.is-held{
  transform:perspective(1100px) translateY(-14px) rotateX(var(--paper-rx)) rotateY(var(--paper-ry)) scale(1.012);
}
.paper-cover.is-touched::before{width:24px;height:24px}
.is-dragging .paper-cover{transition:transform .1s ease-out,box-shadow .18s ease;box-shadow:1px 2px 0 #d8cdb4,3px 4px 0 -1px #f0e8d4,0 25px 30px -10px #071d1899}
.is-dragging .paper-cover::before{width:16px;height:16px}
.paper-slip,.featured-label{z-index:3}
.paper-slip{transform:translateZ(1px);transition:opacity .2s ease;box-shadow:0 3px 10px #1a2b2033}
.cover-action{letter-spacing:.035em}
.gesture-hint{letter-spacing:.04em;font-size:11px}
.source-paper{transform:perspective(1100px) rotate(-1deg);border:1px solid #d9ceb3;box-shadow:2px 3px 0 #b9ac91,4px 5px 0 -1px #e8deca,0 18px 35px #081e1a80}
.article-paper{background-color:#f6f1e5;background-image:linear-gradient(90deg,#cfbf9721,transparent 18px,transparent calc(100% - 12px),#cfbf9721);border-top:1px solid #fff9e9;box-shadow:2px 2px 0 #d2c7ac,4px 4px 0 -1px #ede4cf,0 18px 55px #081e1a59}
.paper-flight{position:fixed;z-index:90;pointer-events:none;transform-origin:0 0;background:#e8e0cb;box-shadow:1px 3px 0 #b8a88a,0 28px 60px #081c1970;will-change:transform,opacity;overflow:hidden}
.paper-flight img{display:block;width:100%;height:100%;object-fit:contain}
.paper-flight::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#fff7df45 50%,#57412326 51%,transparent 66%)}
.viewer-toolbar>div{align-items:center}.viewer-toolbar button:focus-visible{outline-offset:-4px}
#zoom-level{font:13px/1.2 Georgia,serif;font-variant-numeric:tabular-nums;min-width:46px;text-align:center;color:#e9ddbb}
.viewer-scroll{touch-action:auto;scroll-behavior:auto;background:radial-gradient(ellipse at 50% 25%,#4c5747,#263b32)}
.viewer-scroll.is-panning img{cursor:grabbing}
.viewer-scroll img{touch-action:none;cursor:grab;margin:0;box-shadow:0 10px 35px #061c1666;user-select:none;-webkit-user-select:none}
.viewer-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);margin:0;padding:9px 16px;border:1px solid #d2b7724d;background:#16372fe8;color:#faf3df;font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;box-shadow:0 4px 18px #071d194d}
@media(max-width:700px){
  .paper-rack{height:calc(var(--sheet-width)*1.4 + 44px)}
  .gesture-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:0;white-space:nowrap}
  .rack-controls{position:relative;gap:8px;padding-bottom:20px}.journey-position{min-width:60px}
  .paper-cover.is-touched::before{width:19px;height:19px}
  .article-paper{border-radius:2px 2px 0 0}
  .viewer-hint{bottom:max(18px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
  .city-scene,.paper-cover,.paper-cover.is-touched,.paper-cover.is-held,.grid-scan,.grid-scan.is-touched,.source-paper,.source-paper.is-touched,.source-paper.is-held{transform:none!important}
  .paper-cover::before{display:none}
  .paper-flight{display:none}
}
@media(max-width:360px){.header-right #edition-count{display:none}.site-header{grid-template-columns:minmax(0,1fr) auto}}

/* Quiet labels leave the archive page in the foreground. */
.paper-slip{left:10px;right:10px;bottom:10px;padding:10px 12px 4px;text-align:left;background:#faf5e9f5;box-shadow:0 2px 6px #1a2b2026}
.paper-headline{font-size:15px;line-height:1.5;margin-bottom:4px}
.cover-action{min-height:32px;padding:5px 0;margin:0;background:none;border:0;color:var(--ink);justify-content:space-between;gap:10px;font-size:13px;letter-spacing:0}
.cover-action span:first-child{text-decoration:underline;text-decoration-color:#19392f66;text-underline-offset:4px}
.cover-action span:last-child{font-size:20px}
.neighbour-city,.neighbour-country{display:block}
.neighbour-city{font-weight:500;line-height:1.5;text-wrap:balance}
.neighbour-country{font-size:11px;line-height:1.5;color:#fff8e6c7;margin-top:2px}
#previous-place,#next-place{min-width:0}
.arrow{width:44px;height:44px}
.scan-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 12%;color:#455749;font-size:13px;line-height:1.8;text-align:center;background:#e9e2d3;pointer-events:none;z-index:2}
.paper-cover .scan-status{padding-bottom:95px}
.scan-message{max-width:24em;white-space:pre-line}
img[data-scan-state=loading],img[data-scan-state=error]{color:transparent}
.source-paper .scan-status{inset:0 0 44px;font-size:12px;padding:10px}
.viewer-scroll{position:relative}
.viewer-scroll .scan-status{inset:0;min-height:220px;background:#ede5d0;color:var(--ink);font-size:15px;pointer-events:auto}
.retry-image{background:#19392f;color:var(--cream);border:1px solid #19392f;padding:10px 18px;min-height:44px;font-size:14px}
.viewer-scroll[data-scan-state=loading] img,.viewer-scroll[data-scan-state=slow] img,.viewer-scroll[data-scan-state=error] img{visibility:hidden}
@media(max-width:700px){
 .site-header{gap:14px 12px}.header-right #edition-count{display:none}
 .city-caption h2{font-size:15px;padding:5px 16px}.city-caption{min-height:64px}
 .paper-slip{left:7px;right:7px;bottom:7px;padding:9px 10px 3px}
 .paper-headline{font-size:13px;line-height:1.55;margin-bottom:3px}
 .cover-action{font-size:12px;min-height:30px}
 .featured-label{top:8px;right:8px;font-size:10px;padding:4px 7px;letter-spacing:.03em}
 .rack-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:0 5% 24px;margin-bottom:12px}
 .neighbour{min-height:64px;gap:6px;font-size:12px;align-items:center}
 .neighbour-city{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:normal;line-height:1.5}
 .neighbour-country{font-size:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
 .arrow{width:44px;height:44px;font-size:30px}
 .journey-position{min-width:46px}#city-number{font-size:20px;letter-spacing:0}
 .all-link{font-size:14px;min-width:0;min-height:44px;padding:8px 24px}
 .paper-grid{gap:30px 18px}.grid-info{padding-top:11px}.grid-title{font-size:23px;line-height:1.15}
 .grid-place{font-size:12px;line-height:1.65;padding-top:8px;margin:8px 0}.grid-language{font-size:11px}
 .grid-headline{font-size:13px;line-height:1.7;margin-top:8px;-webkit-line-clamp:3}.reading-badge{font-size:11px}
 .grid-scan .scan-status{font-size:11px;padding:20px 10%;line-height:1.7}
 .source-paper .scan-status{inset:0;font-size:10px;padding:6px}
 .source-paper[data-scan-state=loading]>span:not(.scan-status),.source-paper[data-scan-state=slow]>span:not(.scan-status),.source-paper[data-scan-state=error]>span:not(.scan-status){visibility:hidden}
 .viewer-scroll .scan-status{font-size:14px;padding:20px 10%}
}

/* 万国一面: a legible promise and an edition date with a letterpress rhythm. */
.masthead-brand{min-width:0;display:grid;justify-items:start;gap:10px}
.masthead-brand .wordmark{font-size:42px;font-weight:600;line-height:1.25;letter-spacing:.13em;padding-bottom:8px;border-bottom:1px solid #fff8e670;text-shadow:0 2px 14px #0b2519a8}
.brand-subtitle{margin:0;font-size:15px;line-height:1.7;letter-spacing:.025em;max-width:25em;text-wrap:balance;color:var(--cream)}
.site-header .edition-date{font-size:18px;font-weight:500;line-height:1.2;letter-spacing:0;text-align:center;justify-self:center;padding:7px 10px 12px;border-block:3px double #fff8e68c;text-shadow:0 1px 1px #102d22,0 2px 12px #102d22b3}
#edition-date{white-space:nowrap}
.date-number{font-family:"Cormorant Garamond",Georgia,serif;font-size:64px;font-weight:700;font-variant-numeric:oldstyle-nums proportional-nums;letter-spacing:-.035em;line-height:1}
.date-unit{margin-inline:5px}
html[lang=en] .date-unit{font-family:Georgia,serif;font-size:15px;letter-spacing:.02em}
html[lang=en] .date-number{font-size:52px}
@media(max-width:1100px){.masthead-brand .wordmark{font-size:36px}.site-header{row-gap:20px}.site-header .edition-date{width:max-content;max-width:100%}}
@media(max-width:700px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-top:18px;row-gap:19px}
 .masthead-brand{gap:8px}.masthead-brand .wordmark{font-size:31px;padding-bottom:6px;letter-spacing:.12em}
 .brand-subtitle{font-size:14px;line-height:1.7;letter-spacing:0;max-width:24em}
 .header-right{padding-top:1px}.site-header .edition-date{font-size:15px;padding:7px 5px 11px}
 .date-number{font-size:52px}.date-unit{margin-inline:4px}
 html[lang=en] .date-unit{font-size:13px;margin-inline:2px}
 html[lang=en] .date-number{font-size:44px}
}
@media(max-width:360px){.masthead-brand .wordmark{font-size:29px}.date-number{font-size:40px}.date-unit{margin-inline:2px}html[lang=en] .date-number{font-size:36px}html[lang=en] .date-unit{font-size:12px}}

@media(max-width:700px){
 body[data-scene=reader] .date-number{font-size:32px}
 body[data-scene=reader] .date-unit{font-size:12px}
 body[data-scene=reader] .edition-date{padding-block:4px 8px}
}

/* Service information stays available from the stand and the reading view. */
.about-link{display:block;width:max-content;max-width:88%;margin:16px auto 0;font-size:13px;text-underline-offset:5px;padding:7px 0;text-shadow:0 1px 6px #102d22}

.all-papers{padding-bottom:48px}
@media(max-width:700px){.all-papers{padding-bottom:32px}}

/* Approved homepage: the original sheet and its reading invitation sit together. */
body[data-scene=stand] .site-header{grid-template-columns:1fr auto 1fr;padding-block:22px 18px;align-items:center;gap:20px}
body[data-scene=stand] .masthead-brand .wordmark{font-size:34px;border:0;padding:0}
body[data-scene=stand] .masthead-brand{gap:7px}
body[data-scene=stand] .site-header .edition-date{font-size:15px;padding:8px 5px 10px}
body[data-scene=stand] .date-number,html[lang=en] body[data-scene=stand] .date-number{font-size:38px}
.hero-stage{--sheet-width:clamp(270px,28vw,360px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:36px;align-items:center;max-width:1100px;margin:8px auto 24px;padding-inline:30px}
.hero-stage .paper-rack{height:calc(var(--sheet-width)*1.4 + 34px);overflow:visible}
.hero-stage .paper-cover{border:1px solid #ded4b8;box-shadow:0 12px 25px #102c254d}
.hero-stage .paper-cover::after{opacity:.22}
.hero-stage .paper-slip{display:none}
.hero-stage .paper-cover .scan-status{padding:24px 12%}
.hero-side{position:relative;z-index:30;min-width:0;background:var(--paper);color:var(--ink);padding:30px;box-shadow:0 8px 28px #102c252b}
.hero-side .city-caption{min-height:0;align-items:flex-start;text-align:left;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #a39b7b80;gap:8px}
.hero-side .city-caption h2{background:none;border:0;box-shadow:none;padding:0;font-size:20px;font-weight:500;line-height:1.6}
.hero-side .city-caption p{font-size:13px;text-shadow:none;line-height:1.7;min-height:0}
.hero-story h3{font-size:28px;font-weight:600;line-height:1.6;letter-spacing:0;text-wrap:pretty;margin:0 0 18px;overflow-wrap:anywhere}
.hero-story p{font-size:15px;line-height:1.95;margin:0 0 24px;overflow-wrap:anywhere}
.hero-read{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:52px;padding:12px 16px;background:#17372c;color:var(--cream);font-size:16px;line-height:1.6;border:1px solid #17372c}
.hero-read:hover{background:#2a5141}.hero-read:focus-visible{outline-offset:4px}
.journey .all-link{min-width:0;min-height:44px;background:none;box-shadow:none;border:0;text-decoration:underline;text-underline-offset:6px;padding:8px 12px;font-size:15px}
.journey .all-link:hover{color:#fff}
.journey .rack-controls{max-width:850px;margin-bottom:3px}
.journey .gesture-hint{display:none}
.journey .about-link{margin-top:5px;font-size:12px}
body[data-scene=stand] .world-shade{background:linear-gradient(180deg,#071c215e 0%,#142a2020 32%,#12261f18 60%,#102c2580 100%)}
@media(min-width:701px) and (max-width:1100px){
 body[data-scene=stand] .site-header{grid-template-columns:1fr auto;row-gap:12px}
 body[data-scene=stand] .site-header .edition-date{grid-row:2;grid-column:1/-1}
 .hero-stage{--sheet-width:clamp(230px,31vw,310px);grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:18px;padding-inline:28px}
 .hero-side{padding:24px}.hero-story h3{font-size:28px}
}
@media(max-width:700px){
 body[data-scene=stand] .site-header{grid-template-columns:minmax(0,1fr) auto;padding:18px 6% 8px;row-gap:12px;align-items:start}
 body[data-scene=stand] .masthead-brand .wordmark{font-size:30px}
 body[data-scene=stand] .masthead-brand{gap:6px}
 body[data-scene=stand] .site-header .edition-date{grid-row:2;grid-column:1/-1;font-size:13px;padding:6px 3px 8px}
 body[data-scene=stand] .date-number,html[lang=en] body[data-scene=stand] .date-number{font-size:36px}
 body[data-scene=stand] .date-unit{margin-inline:3px}
 .hero-stage{--sheet-width:clamp(180px,60vw,260px);--sheet-gap:24px;grid-template-columns:minmax(0,1fr);gap:0;max-width:none;margin:0 0 12px;padding:0}
 .hero-side{display:contents}
 .hero-side .city-caption{grid-row:1;align-items:center;text-align:center;border:0;margin:0;padding:4px 6% 18px;gap:6px}
 .hero-side .city-caption h2{font-size:15px;padding:5px 16px;background:#17372cdd;color:var(--cream);border-bottom:1px solid #d2b77270}
 .hero-side .city-caption p{font-size:12px;color:var(--cream);text-shadow:0 1px 6px #102c25}
 .hero-stage .paper-rack{grid-row:2;height:calc(var(--sheet-width)*1.4 + 10px)}
 .hero-story{grid-row:3;position:relative;z-index:30;background:var(--paper);color:var(--ink);margin:0 5%;padding:18px;box-shadow:0 5px 18px #102c2533}
 .hero-story h3{font-size:21px;line-height:1.6;margin-bottom:10px;letter-spacing:0}
 .hero-story p{font-size:14px;line-height:1.85;margin-bottom:16px}
 .hero-read{min-height:48px;font-size:15px;padding:10px 12px}
 .journey .rack-controls{padding:0 5%;margin-bottom:3px}
 .journey .neighbour{min-height:54px;font-size:11px}
 .journey .neighbour-country{display:none}
 .journey .all-link{font-size:14px;padding-block:5px}
 .journey .about-link{margin-top:2px}
}
@media(max-width:360px){
 body[data-scene=stand] .masthead-brand .wordmark{font-size:28px}
 body[data-scene=stand] .date-number,html[lang=en] body[data-scene=stand] .date-number{font-size:32px}
 .hero-story{padding:16px}.hero-story h3{font-size:20px}
}
@media(min-width:701px){
 .hero-stage{--sheet-width:clamp(270px,28vw,420px);--story-width:clamp(320px,30vw,460px);--rack-neighbour-gap:36px;grid-template-columns:var(--sheet-width) var(--story-width);width:max-content;max-width:none;padding-inline:0}
 .hero-stage .rack-paper{left:50%}
}
@media(min-width:701px) and (max-width:1100px){
 .hero-stage{--sheet-width:clamp(230px,31vw,310px);--story-width:clamp(300px,38vw,400px);--rack-neighbour-gap:24px}
}
/* Reading coverage is quiet metadata, visible before opening a newspaper. */
.reading-badge{font-size:12px;font-weight:400;line-height:1.6;color:#526354;border:1px solid #89958180;padding:2px 7px;border-radius:2px}
.translation-scope{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px;font-size:12px;line-height:1.7;color:#526354}
.translation-scope .reading-badge{margin:0}
