@charset "UTF-8";
:root{--paper:#f5efdf;--ink:#23392f;--rust:#ab4229;--blue:#275f75;--line:#c6b795;--muted:#676957;--zoom:1;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,'Times New Roman',serif}.book{max-width:1480px;margin:auto;padding:23px 4vw 40px}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--rust)}button:focus-visible,a:focus-visible,input:focus-visible,.map-window:focus-visible{outline:3px solid var(--rust);outline-offset:4px}button:disabled{cursor:default;opacity:.35}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:20px;background:var(--paper);padding:12px;z-index:30}.skip:focus{top:12px}.masthead{display:flex;justify-content:space-between;gap:15px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:10px 0;font:12px/1.4 system-ui,sans-serif;letter-spacing:.13em}.title-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0 31px}h1{font-size:clamp(42px,5vw,76px);line-height:.99;font-weight:400;letter-spacing:-.045em;margin:0}h1 em{font-weight:400;color:var(--rust)}h2{font-weight:400}.chapter-title{border-left:1px solid var(--line);padding-left:28px;margin-right:10%;min-width:245px}.chapter-title h2{font-size:29px;line-height:1.12;margin:7px 0 10px}.chapter-title a{font:14px system-ui,sans-serif}.eyebrow{font:12px/1.5 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--rust)}.opening{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px;align-items:start}.atlas{min-width:0}.map-top{display:flex;align-items:baseline;gap:15px;justify-content:space-between;border-bottom:1px solid var(--ink);padding:0 0 9px;margin-bottom:9px}.map-top h2{font-size:30px;line-height:1.15;margin:0}.map-top>span{font-size:14px;font-style:italic;text-align:right;color:var(--muted)}.map-window{width:100%;aspect-ratio:3/2;overflow:hidden;border:1px solid #9b926e;scrollbar-width:thin;scrollbar-color:#7f8e70 #ebe1cc;overscroll-behavior:contain;background:#dcd6b1;touch-action:pan-x pan-y}.map-canvas{width:calc(100% * var(--zoom));position:relative;line-height:0;min-height:100%;transform-origin:0 0}.atlas-art{display:block;width:100%;height:auto;user-select:none}.pin{position:absolute;width:42px;height:42px;border-radius:50%;border:2px solid #f7eed6;background:var(--rust);color:#fff6e2;box-shadow:0 2px 8px #172d294d;transform:translate(-50%,-50%);display:grid;place-items:center;line-height:1;font:600 17px Georgia,serif}.pin:hover,.pin.selected{background:var(--ink);transform:translate(-50%,-50%) scale(1.12)}.pin.is-current{outline:3px solid #fff5bd;outline-offset:3px}.pin-post{left:12%;top:75%}.pin-bakery{left:40%;top:69%}.pin-hall{left:55%;top:43%}.pin-bridge{left:74%;top:73%}.pin-ridge{left:88%;top:87%}.map-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;font:14px/1.4 system-ui,sans-serif;color:var(--muted)}.zoom{display:flex;gap:5px;flex-shrink:0}.zoom button{border:1px solid var(--line);background:transparent;min-width:40px;min-height:40px;padding:4px 9px;font:16px/1.2 system-ui,sans-serif}.zoom button:last-child{font-size:12px}.listening{border:1px solid var(--line);padding:22px 22px 19px;background:#f9f5e9;box-shadow:4px 4px 0 #e4d9bf;margin-top:0}.listening h2{font-size:31px;line-height:1.14;margin:8px 0 20px}.first-lines{font-size:19px;line-height:1.55;margin:0 0 19px;color:#545d4c;font-style:italic}.play{border:0;background:var(--ink);color:#fbf4e3;min-height:50px;width:100%;padding:12px 17px;display:flex;align-items:center;justify-content:center;gap:11px;font:16px/1.35 system-ui,sans-serif}.play:hover{background:#355044}audio{display:block;width:100%;height:38px;margin-top:14px}.audio-status{display:flex;justify-content:space-between;font:12px/1.3 system-ui,sans-serif;color:var(--muted);padding-top:8px;font-variant-numeric:tabular-nums}.now{font-size:15px;line-height:1.5;min-height:45px;margin:14px 0 10px}.small-links{display:flex;flex-wrap:wrap;gap:12px;font:13px/1.5 system-ui,sans-serif}.survey{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.survey-heading{display:flex;align-items:center;justify-content:space-between;font-style:italic}.folio{border:1px solid var(--line);padding:0 6px;font:12px/1.8 system-ui,sans-serif}.survey label{display:block;font:12px/1.4 system-ui,sans-serif;color:var(--muted);margin:11px 0 2px}.survey input{display:block;width:100%;min-height:30px;accent-color:var(--rust);margin:0}.survey-time-labels{display:flex;justify-content:space-between;font:10px/1.2 system-ui,sans-serif;color:var(--muted)}.survey p{min-height:54px;font-style:italic;line-height:1.45;font-size:17px;margin:17px 0 9px}.survey small{display:block;font:12px/1.4 system-ui,sans-serif;color:var(--rust);margin-top:9px}.measure{height:24px;position:relative;border-bottom:1px solid var(--line);--gap:0%}.fixed-mark,.moving-mark{position:absolute;bottom:0;left:12%;height:18px;width:2px;background:var(--ink)}.moving-mark{left:calc(12% + var(--gap));background:var(--rust);transition:left .6s ease}.measure-line{position:absolute;height:1px;background:var(--rust);bottom:8px;left:12%;width:var(--gap);transition:width .6s ease}.places{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 60px}.places button{background:none;border:1px solid var(--line);padding:8px 12px;min-height:44px;font:14px/1.4 system-ui,sans-serif}.places b{color:var(--rust);font:italic 18px Georgia,serif;margin-right:5px}.places button:hover{border-color:var(--rust)}.chapter{border-top:2px solid var(--ink);padding-top:35px;max-width:1020px;margin:auto}.reading-heading{text-align:center;max-width:650px;margin:0 auto 30px}.reading-heading h2{font-size:clamp(33px,4vw,48px);line-height:1.1;margin:12px 0}.reading-heading p{font:14px/1.6 system-ui,sans-serif;color:var(--muted)}.street{margin:25px 0 45px}.street img{display:block;width:100%;height:auto;border:1px solid var(--line)}figcaption{font-size:15px;line-height:1.5;font-style:italic;color:var(--muted);margin:9px 0}.part{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;max-width:735px;margin:0 auto 32px;padding:18px 10px 26px;border-bottom:1px solid #d8cfb7}.part-marker{display:flex;flex-direction:column;align-items:center;gap:8px}.part-marker button{width:40px;height:40px;border:1px solid var(--line);background:none;border-radius:50%;color:var(--rust);font:19px Georgia,serif}.part-marker button:hover,.part.current .part-marker button{background:var(--ink);border-color:var(--ink);color:var(--paper)}.part h3{font:12px/1.5 system-ui,sans-serif;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:8px 0 20px;font-weight:400}.part p{font-size:21px;line-height:1.75;margin:0 0 15px}.part p:last-child{margin-bottom:0}.part.current{border-left:2px solid #af5136}.part:first-child .prose p:first-of-type::first-letter{float:left;font:64px/.9 Georgia,serif;margin:10px 8px 0 0;color:var(--rust)}.chapter-end{text-align:center;margin:45px 0 70px}.chapter-end>span{font-size:30px;color:var(--rust)}.chapter-end p{margin:10px 0}.next-leaf{font-size:16px;color:var(--muted)}.text-button{background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0;min-height:44px;font:14px/1.5 system-ui,sans-serif;color:var(--blue)}footer{max-width:760px;margin:30px auto 0;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font:13px/1.7 system-ui,sans-serif}footer summary{cursor:pointer;min-height:40px;padding:9px 0}footer details p{font-size:14px}dialog{width:min(590px,calc(100vw - 32px));max-height:85svh;overflow:auto;padding:34px 30px 25px;border:1px solid #ac9971;color:var(--ink);background:#fcf6e6;box-shadow:10px 10px 0 #21362e22}dialog::backdrop{background:#15292088;backdrop-filter:blur(2px)}dialog h2{font-size:35px;line-height:1.13;margin:10px 0 20px;padding-right:20px}dialog p{font-size:20px;line-height:1.65}.close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:none;font:30px/1 system-ui,sans-serif}.dialog-actions{display:flex;gap:20px;align-items:center;margin-top:27px}.play.small{width:auto;font-size:14px}.dialog-note{border-left:2px solid var(--rust);padding-left:18px;font-style:italic}#audio-error{font:14px/1.5 system-ui,sans-serif;color:#a32d1e}
@media(min-width:1500px){.book{padding-left:35px;padding-right:35px}}
@media(max-width:1050px){.opening{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.listening{padding:18px}.chapter-title{margin-right:0}.map-bottom{align-items:flex-start;flex-direction:column}.map-top>span{font-size:12px}.map-top h2{font-size:25px}.listening h2{font-size:27px}}
@media(max-width:760px){.book{padding:15px 16px 35px}.masthead{font-size:10px;letter-spacing:.10em;padding:9px 0}.title-row{padding:24px 0 22px;gap:14px;align-items:end}h1{font-size:43px}.chapter-title{min-width:0;padding-left:15px;flex:0 0 38%}.chapter-title h2{font-size:20px;line-height:1.1;margin:5px 0 7px}.chapter-title a{font-size:12px}.eyebrow{font-size:10px}.opening{display:flex;flex-direction:column;gap:19px}.atlas{width:100%}.map-top h2{font-size:25px}.map-top>span{font-size:11px}.map-bottom{flex-direction:row;align-items:center;gap:6px;font-size:12px}.map-bottom>span{max-width:50%}.zoom button{min-width:35px;min-height:39px;padding:3px 7px}.zoom button:last-child{font-size:11px}.pin{width:34px;height:34px;font-size:15px}.listening{width:100%;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.listening>.eyebrow{grid-column:1/-1;font-size:11px}.listening h2{font-size:25px;line-height:1.12;margin:7px 0 11px}.listening h2 br{display:none}.first-lines{display:none}.listening>.play{grid-row:2;grid-column:2;align-self:start;min-width:135px;width:auto;margin-top:5px;font-size:14px;padding:10px 12px}.listening audio,.audio-status,.now,.small-links,#audio-error,.survey{grid-column:1/-1}.now{min-height:0;margin:9px 0}.listening audio{margin-top:0}.survey{margin-top:18px;padding-top:14px;display:block}.places{gap:6px;margin:22px 0 38px}.places button{font-size:12px;padding:7px 9px}.places b{font-size:16px}.chapter{padding-top:27px}.part{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 0 23px}.part-marker button{width:32px;height:36px;font-size:17px}.part h3{font-size:11px;margin-top:8px}.part p{font-size:19px;line-height:1.7}.part:first-child .prose p:first-of-type::first-letter{font-size:53px}.reading-heading p{font-size:13px}.street{margin-bottom:25px}.street figcaption{font-size:13px}.chapter-end{margin:30px 0 45px}dialog{padding:30px 22px 24px}dialog h2{font-size:30px}dialog p{font-size:18px}.dialog-actions{gap:15px}.play.small{font-size:13px}}
@media(max-width:370px){h1{font-size:36px}.chapter-title h2{font-size:18px}.listening>.play{min-width:110px;font-size:12px}.listening h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


.map-window.zoomed{overflow:auto}
@media(max-width:760px){
 .listening{display:block}
 .listening h2{font-size:25px;line-height:1.15;margin:8px 0 17px}
 .listening h2 br{display:inline}
 .listening h2 br::after{content:' '}
 .listening>.play{width:100%;margin:0 0 12px;font-size:16px;min-height:48px}
 .listening audio{margin-top:0}
 .places button,.small-links{font-size:14px}
 .survey label,.survey small{font-size:14px}
 .survey-time-labels{font-size:12px}
}