:root{--paper:#f7f4eb;--ink:#28271f;--muted:#716d5e;--olive:#535e38;--rust:#a65134;--rule:#d6d0bd;--header-height:112px;--serif:Georgia,'Times New Roman','Noto Serif TC','Songti TC',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC','PingFang TC',sans-serif;--hand:'Bradley Hand','Segoe Print','Noteworthy',cursive;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--serif);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.035' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:var(--olive);text-decoration-color:#9caa7d;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:#30391d;text-decoration-color:currentColor}a:focus-visible,summary:focus-visible{outline:2px solid var(--rust);outline-offset:5px;border-radius:2px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:400;line-height:1.15}h1,h2{letter-spacing:-.045em}img{display:block;max-width:100%;height:auto}a,summary{-webkit-tap-highlight-color:transparent}::selection{background:#e3d8b8}h2[tabindex]:focus{outline:none}.skip-link{position:fixed;top:12px;left:20px;transform:translateY(-150%);z-index:50;padding:10px 16px;background:var(--paper)}.skip-link:focus{transform:translateY(0)}
.masthead{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}.masthead-inner{max-width:1340px;margin:auto;min-height:112px;display:flex;align-items:center;gap:30px;padding:24px 44px}.brand{color:var(--ink);text-decoration:none;flex-shrink:0}.brand h1{font-size:34px;line-height:1.18}.brand>span{display:block;font:10px/1.6 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin-top:9px}.brand b{font-weight:400;padding:0 9px}.masthead nav{margin-left:auto;display:flex;gap:6px}.day-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:57px;height:61px;border-bottom:2px solid transparent;color:var(--ink);text-decoration:none;font-size:16px;border-radius:38px 38px 0 0;transition:background-color .15s}.day-link small{font-size:11px}.day-link:hover{background:#eeebde}.day-link.is-active{color:var(--olive);background:#e5e6d5;border-color:var(--olive)}.leaf{color:#777c5b;width:72px;height:84px;flex-shrink:0}.masthead .leaf{width:65px;height:73px;transform:rotate(18deg)}main,footer{width:min(1136px,calc(100% - 100px));margin:auto}.journal-preface{display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:var(--muted);font:10px/1.6 var(--sans);letter-spacing:.17em;text-transform:uppercase}.chapter{padding-top:58px;scroll-margin-top:24px}.chapter-heading{position:relative;display:flex;justify-content:space-between;gap:24px;margin-bottom:38px}.chapter-heading-copy{max-width:770px}.eyebrow{display:block;font:10px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase}.chapter-kicker{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.18em;margin-bottom:18px}.chapter-kicker>span:first-child{color:var(--rust)}.kicker-line{display:inline-block;width:24px;height:1px;background:#b6af98}.chapter h2{font-size:clamp(42px,4.3vw,62px);line-height:1.08;max-width:900px}.chapter-deck{font-size:19px;font-style:italic;color:var(--muted);margin-top:12px}.date{font:11px/1.6 var(--sans);letter-spacing:.15em;text-transform:uppercase;margin-top:24px}.walking{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:8px}.walking .leaf{height:29px;width:29px;transform:rotate(15deg)}.walking .dot{padding:0 7px}.intro{font-size:18px;line-height:1.8;margin-top:20px;max-width:730px;color:#555247}.chapter-number{font-size:128px;line-height:1;color:#dfdbcd;letter-spacing:-.08em;padding:16px 18px 0 0;font-style:italic;user-select:none}.journal{position:relative}.journal-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.row-stops{position:relative;padding-left:29px;padding-bottom:22px;border-left:1px solid #caa991;margin-left:6px}.stop{position:relative;padding:8px 0 31px}.stop:before{content:'';position:absolute;width:8px;height:8px;border:3px solid var(--paper);background:var(--rust);border-radius:50%;left:-36px;top:17px;box-sizing:content-box}.stop h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;text-wrap:pretty}.stop p{margin-top:9px;font-size:16px;line-height:1.65;color:#595548}.reading-label{font:10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--olive);display:flex;align-items:center;gap:7px;margin-bottom:9px}.reading-label .book-motif{width:19px;height:15px;margin:0}.reading-stop h3{font-size:29px}.maps{display:flex;flex-wrap:wrap;gap:0 15px;margin-top:7px;font-size:13px;line-height:1.5}.maps a{padding:5px 0;display:inline-block}.maps a span{font-size:12px;padding-left:2px}.row-art{position:relative;align-self:center;min-width:0;padding:0 6px 34px}.margin-label{font:10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.17em;color:var(--muted);text-align:center;margin-bottom:3px}.illustration{margin:0 auto 22px;max-width:425px;position:relative}.illustration img{width:100%;mix-blend-mode:multiply}.hand{font:21px/1.5 var(--hand);letter-spacing:.01em;text-align:center;color:#565044}.illustration figcaption{margin-top:-10px;transform:rotate(-2deg)}.photo{position:relative;margin:15px auto 28px;max-width:520px}.photo-paper{padding:11px 11px 18px;background:#fffcf4;box-shadow:0 4px 13px #534a2b18;border:1px solid #e9e3d4;transform:rotate(1.4deg);position:relative}.photo-paper:before{content:'';position:absolute;z-index:1;left:41%;top:-15px;width:83px;height:28px;background:#a9ac8e90;transform:rotate(-7deg);clip-path:polygon(2% 6%,97% 0,100% 91%,0 100%)}.photo-paper img{width:100%;height:auto}.photo figcaption{font-size:19px;margin:13px 3px 0}.photo-shenji-portrait{max-width:345px}.photo-shenji-portrait .photo-paper{transform:rotate(-2deg)}.photo-credit{font:10px/1.6 var(--sans);color:var(--muted);text-align:center;margin-top:19px}.photo-credit span{font-size:9px}.memory-note{font-size:15px;font-style:italic;line-height:1.7;max-width:440px;margin:30px auto 0;padding-left:20px;border-left:1px solid var(--rule);color:#666052}.paper-note{background:#efebdd;padding:24px 33px;margin:25px auto;max-width:340px;transform:rotate(-2deg)}.paper-note .leaf{display:block;height:64px;margin:0 auto 5px}.paper-note p{font-size:18px;font-style:italic;line-height:1.8}.row-art>.book-motif{display:block;width:230px;margin:20px auto 8px;color:#797358}.book-note{text-align:center}.book-note p{font-size:29px;margin:9px 0 7px}.book-note>span:last-child{font-size:13px;color:var(--muted)}.compact-row .row-stops{padding-bottom:0}.chapter-3 .journal-row:first-child .row-stops{padding-top:25px}.chapter-3 .journal-row:first-child .row-art{padding-bottom:45px}.chapter-6 .photo-detail{max-width:550px}.chapter-6 .photo-detail img{aspect-ratio:1.6;object-fit:cover;object-position:50% 62%}.finished-note{text-align:center;margin-top:30px}.finished-note .book-motif{width:76px;display:block;margin:0 auto 10px}.finished-note .hand{display:block;margin-top:8px}.chapter-6 .journal-row:first-child .row-stops{padding-top:35px}.chapter-6 .compact-row{margin-top:-120px}.chapter-6 .compact-row .row-stops{max-width:450px}.chapter-6 .compact-row .stop h3{font-size:21px}.chapter-6 .row-art{padding-bottom:8px}
.complete-itinerary{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:28px 0 24px}.complete-itinerary summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;gap:20px;padding:19px 2px;color:var(--olive);font-size:17px}.complete-itinerary summary::-webkit-details-marker,.credits summary::-webkit-details-marker{display:none}.summary-count{color:var(--muted);font-size:13px;margin-left:5px}.summary-action{display:flex;align-items:center;gap:14px;font:11px/1.5 var(--sans)}.plus{font-size:24px;font-weight:300;line-height:1;transition:transform .2s}.collapse-word{display:none}details[open]>summary .expand-word{display:none}details[open]>summary .collapse-word{display:inline}details[open]>summary .plus{transform:rotate(45deg)}.itinerary-content{padding:0 30px 26px;background:#eeeadb55}.itinerary-help{font-size:13px;color:var(--muted);padding:19px 0 22px;border-top:1px solid var(--rule)}.itinerary-record{display:grid;grid-template-columns:68px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #ded8c8}.itinerary-record:last-child{border-bottom:0}.record-order{font:10px/1.6 var(--sans);letter-spacing:.06em;color:var(--rust);padding-top:3px}.itinerary-record h4{font-size:20px;line-height:1.4}.itinerary-record p{font-size:15px;color:#595548;line-height:1.7;margin-top:5px}.itinerary-record .maps{font-size:12px}.group-label{font:11px/1.7 var(--sans);letter-spacing:.03em;color:var(--muted);padding-top:12px}.unordered-malls .record-order{display:none}.unordered-malls .itinerary-record{display:block;padding-left:20px;border-left:1px solid var(--rule)}.event-note{padding:25px 0;font-size:14px;line-height:1.8;max-width:760px}.event-note h4{font-size:20px;line-height:1.5}.event-note p{margin-top:12px}.event-sources{font-size:12px}.next-chapter{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;background:#eae8db80;text-decoration:none;color:var(--ink)}.next-chapter .eyebrow{color:var(--muted);font-size:9px}.next-title{display:block;font-size:25px;margin-top:5px;line-height:1.3;letter-spacing:-.02em}.next-chapter>span:last-child{font-size:35px;line-height:1;color:var(--olive)}.next-chapter:hover{background:#e8e5d5}.mall-list{list-style:none;padding:0;margin:20px 0 0}.mall-list li{margin-top:20px;padding-left:18px;border-left:1px solid var(--rule)}.mall-list h4{font-size:21px;line-height:1.4}.closing-note{text-align:center}.closing-note .leaf{height:130px;width:112px;transform:rotate(-15deg)}.closing-note .hand{font-size:29px;margin:22px 0}.small-note{font:11px/1.7 var(--sans);color:var(--muted)}
.food-page{padding:70px 0 35px;margin-top:45px;border-top:1px solid var(--rule)}.section-top{display:flex;justify-content:space-between;align-items:center;height:24px}.section-top .leaf{transform:rotate(38deg);margin-right:25px;width:80px;height:100px}.food-page h2,.afterword h2{font-size:43px;margin-top:12px;letter-spacing:-.035em}.section-intro{font-size:18px;font-style:italic;margin-top:14px;color:var(--muted)}.food-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:50px;padding:0 25px}.food-layout h3{font-size:25px;margin:12px 0}.food-layout p{color:#615b4e;font-size:16px}.food-layout .illustration{max-width:350px}.food-memory .illustration-gong-wan{margin-top:40px}.dessert-memory .photo{max-width:290px}.dessert-memory .photo-paper{transform:rotate(2deg)}.dessert-memory .illustration{margin-top:22px;margin-bottom:0;max-width:330px}.afterword{border-top:1px solid var(--rule);padding:65px 0 55px;margin-top:30px}.afterword>p{max-width:690px;color:#615b4e;margin-top:20px;font-size:17px}.afterword>p .maps{display:inline-flex;margin-left:8px}.trip-notes{display:flex;gap:65px;margin:35px 0 17px}.note-value{font-size:29px;color:var(--olive)}.trip-notes p{font:12px/1.7 var(--sans);color:var(--muted);margin-top:7px}.afterword>p.small-note{font-size:11px}footer{padding:34px 0 30px;border-top:1px solid var(--rule)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-title{font-size:26px;letter-spacing:-.03em}.footer-top p+p{font:10px/1.6 var(--sans);letter-spacing:.08em;color:var(--muted);margin-top:7px}.back-top{font-size:13px;display:flex;align-items:center;gap:15px;padding:10px 0}.credits{margin-top:35px;max-width:790px}.credits summary{list-style:none;cursor:pointer;font:11px/1.5 var(--sans);color:var(--muted);padding:10px 0}.credits summary span{margin-left:15px}.credits div{font:12px/1.7 var(--sans);color:var(--muted)}.credits p{margin-top:14px}
@media(min-width:1400px){.chapter{padding-top:66px}.chapter-1{padding-top:50px}}
@media(max-width:1100px){.masthead-inner{gap:15px;padding:20px 30px}.brand h1{font-size:29px}.brand>span{font-size:8px}.day-link{width:46px}.masthead .leaf{display:none}main,footer{width:calc(100% - 76px)}.journal-row{gap:38px}.chapter-number{font-size:105px}.chapter-heading-copy{max-width:690px}.food-layout{gap:60px;padding:0 10px}.intro{font-size:17px}.chapter-6 .compact-row{margin-top:-75px}}
@media(max-width:800px){.masthead-inner{display:block;padding:20px 28px 0;min-height:0}.brand{display:block}.brand h1{font-size:32px}.brand>span{font-size:9px;margin-top:8px}.masthead nav{margin:15px -5px 0;justify-content:space-between;gap:0}.day-link{width:60px;height:54px;font-size:15px}.day-link small{font-size:10px}.chapter{padding-top:45px}.chapter-number{font-size:90px;padding-top:34px;padding-right:0}.chapter h2{font-size:47px}.chapter-deck{font-size:18px}.journal-row{gap:28px}.reading-stop h3{font-size:25px}.stop h3{font-size:22px}.row-stops{padding-left:24px}.stop:before{left:-31px}.row-art{padding-left:0;padding-right:0}.photo-paper{padding:8px 8px 13px}.hand{font-size:18px}.photo figcaption{font-size:17px}.intro{font-size:16px}.memory-note{padding-left:12px;font-size:14px}.chapter-6 .compact-row{margin-top:-50px}.food-layout{gap:40px;padding:0}.next-title{font-size:23px}.food-page h2,.afterword h2{font-size:36px}}
@media(max-width:600px){:root{--header-height:153px}body{font-size:16px}.masthead-inner{padding:17px 20px 0}.brand h1{font-size:29px;letter-spacing:-.05em}.brand>span{font-size:8px;letter-spacing:.15em}.brand b{padding:0 5px}.masthead nav{margin:12px -4px 0}.day-link{width:45px;height:51px;font-size:14px;min-width:40px}.day-link small{font-size:9px}main,footer{width:calc(100% - 42px)}.journal-preface{font-size:8px;letter-spacing:.1em;padding-top:20px;gap:12px}.chapter{padding-top:37px;scroll-margin-top:17px}.chapter-heading{margin-bottom:28px;display:block}.chapter-heading-copy{max-width:100%}.chapter-number{display:none}.chapter-kicker{font-size:9px;gap:10px;letter-spacing:.15em;margin-bottom:15px}.kicker-line{width:20px}.chapter h2{font-size:43px;line-height:1.04;max-width:350px}.chapter-deck{font-size:16px;line-height:1.5;margin-top:12px}.date{font-size:9px;letter-spacing:.11em;margin-top:20px}.walking{font-size:12px;margin-top:4px}.walking .leaf{width:24px;height:24px}.intro{font-size:16px;line-height:1.8;margin-top:19px}.journal-row{display:block}.row-stops{padding-left:22px;margin-left:5px;padding-bottom:0}.stop{padding:6px 0 25px}.stop:before{left:-29px;top:14px;width:7px;height:7px}.stop h3{font-size:23px;line-height:1.3}.reading-stop h3{font-size:27px}.stop p{font-size:15px;line-height:1.7;margin-top:7px}.reading-label{font-size:9px}.maps{font-size:12px;margin-top:5px;gap:0 12px}.maps a{padding:7px 0;min-height:32px}.row-art{padding:3px 6px 30px 25px;max-width:100%;margin:0 0 8px 5px;border-left:1px solid #caa991}.illustration{max-width:300px;margin-bottom:10px}.illustration figcaption{margin-top:-9px;font-size:19px}.margin-label{font-size:8px;letter-spacing:.13em}.photo{margin:20px auto 15px;max-width:330px}.photo-paper{padding:8px 8px 14px}.photo-paper:before{width:65px;height:23px;top:-12px}.photo figcaption{font-size:17px;line-height:1.4}.photo-shenji-portrait{max-width:265px}.photo-credit{font-size:9px;line-height:1.7}.photo-credit span{font-size:8px}.memory-note{font-size:14px;margin-top:22px}.paper-note{margin:8px auto 10px;padding:20px 28px;max-width:280px}.paper-note p{font-size:16px}.row-art>.book-motif{width:180px;margin-top:0}.book-note p{font-size:25px}.book-note>span:last-child{font-size:12px}.chapter-3 .journal-row:first-child .row-stops,.chapter-6 .journal-row:first-child .row-stops{padding-top:0}.chapter-3 .journal-row:first-child .row-art{padding-bottom:28px}.chapter-6 .compact-row{margin-top:0}.chapter-6 .row-art{padding-bottom:30px}.chapter-6 .compact-row .stop h3{font-size:21px}.complete-itinerary{margin:22px 0}.complete-itinerary summary{padding:18px 0;font-size:16px;gap:10px}.summary-count{display:block;font-size:11px;margin:3px 0 0}.summary-action{font-size:10px;gap:10px}.itinerary-content{padding:0 14px 18px}.itinerary-help{font-size:12px;padding:16px 0}.itinerary-record{grid-template-columns:45px 1fr;gap:10px;padding:18px 0}.record-order{font-size:9px}.itinerary-record h4{font-size:18px}.itinerary-record p{font-size:14px}.itinerary-record .maps{font-size:11px}.next-chapter{padding:20px 18px;gap:16px}.next-chapter .eyebrow{font-size:8px}.next-title{font-size:22px}.next-chapter>span:last-child{font-size:27px}.mall-list h4{font-size:19px}.closing-note{padding-top:12px;padding-bottom:34px}.closing-note .leaf{height:90px}.closing-note .hand{font-size:25px}.food-page{padding:42px 0 20px;margin-top:35px}.section-top .leaf{width:50px;margin-right:0;height:60px}.food-page h2,.afterword h2{font-size:36px;line-height:1.15;max-width:330px}.section-intro{font-size:16px;max-width:285px}.food-layout{display:block;margin-top:26px;padding:0 10px}.food-layout h3{font-size:23px}.food-layout p{font-size:15px}.food-memory .illustration-gong-wan{margin-top:22px}.dessert-memory{margin-top:38px}.dessert-memory .photo{max-width:275px;margin-bottom:27px}.dessert-memory .illustration{max-width:280px}.afterword{padding:40px 0 34px;margin-top:25px}.afterword>p{font-size:16px;margin-top:17px}.trip-notes{display:block;margin-top:25px}.trip-notes>div+div{margin-top:22px}.note-value{font-size:27px}.trip-notes p{font-size:11px}.afterword>p.small-note{font-size:10px}footer{padding:27px 0}.footer-top{display:block}.footer-title{font-size:24px}.back-top{margin-top:18px;font-size:12px;display:inline-flex}.credits{margin-top:20px}.credits summary{font-size:10px}.credits div{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.masthead{position:static}.masthead nav,.next-chapter,.back-top{display:none}main,footer{width:100%}.chapter{break-before:page}.row-art{break-inside:avoid}.chapter-number{color:#bbb}body{background:white}.photo-paper{box-shadow:none}.complete-itinerary:not([open]){display:none}}
/* Refinement pass 1: blend painted paper edges and land on chapter content. */
.illustration img{mask-image:radial-gradient(ellipse 70% 68% at 50% 51%,#000 48%,transparent 76%)}
.chapter{--chapter-pad:58px;scroll-margin-top:calc(-1 * var(--chapter-pad))}
@media(min-width:1400px){.chapter{--chapter-pad:66px}.chapter-1{--chapter-pad:50px}}
@media(max-width:800px){.chapter{--chapter-pad:45px}}
@media(max-width:600px){.chapter{--chapter-pad:37px}}
/* Keep photographs next to their memories, without empty desktop columns. */
.chapter-3 .journal-row:first-child .row-stops{padding-top:0}
@media(max-width:600px){
.journal-row:not(.departure-row){display:flex;flex-direction:column}
.journal-row:not(.departure-row)>.row-stops{display:contents}
.journal-row:not(.departure-row)>.row-stops>.stop{border-left:1px solid #caa991;margin-left:5px;padding-left:22px}
.journal-row:not(.departure-row)>.row-stops>.stop:before{left:-7px}
.journal-row:not(.departure-row)>.row-stops>.stop:nth-child(1){order:0}
.journal-row:not(.departure-row)>.row-stops>.stop:nth-child(2){order:2}
.journal-row:not(.departure-row)>.row-stops>.stop:nth-child(3){order:4}
.journal-row:not(.departure-row)>.row-stops>.stop:nth-child(4){order:6}
.journal-row:not(.departure-row)>.row-art{order:var(--art-position,9)}
}