/* Chronicle: forest-green binding, warm paper, generous book typography. */
.city-chronicle{background:#e9e1ce;background-image:radial-gradient(#a9906420 .65px,transparent .65px);background-size:9px 9px}
.city-chronicle .city-shell{max-width:1280px;padding:0 36px}
.city-chronicle .city-title{padding:24px 0 18px}
.city-chronicle .city-title h1{font-size:29px;letter-spacing:-.025em;margin:0}
.city-chronicle .city-title p,.city-chronicle .city-stamp,.city-chronicle .city-day{display:none}
.city-chronicle .city-nav{border-color:#bbab8e;margin-bottom:28px}
.city-chronicle .city-nav a[aria-current]{background:#254438;color:#fff7e3}
.chronicle-cover{position:relative;isolation:isolate;overflow:hidden;min-height:470px;border-radius:10px 10px 4px 4px;background:radial-gradient(ellipse at 78% 45%,#52604c 0,#304a3c 42%,#19392e 85%);box-shadow:0 20px 42px #3c302329,inset 0 0 0 1px #d7bf843b;color:#fff7df;margin:24px 0 40px}
.chronicle-cover:before{content:"";position:absolute;inset:12px;border:1px solid #d3b47b66;pointer-events:none;z-index:2}
.chronicle-cover:after{content:"";position:absolute;left:20px;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#0e281e66,#a6b08e29,#10281d66);pointer-events:none}
.chronicle-cover-copy{position:relative;z-index:3;padding:55px 0 30px 54px;width:49%;max-width:590px}
.chronicle-imprint{display:block;font:700 10px/1.6 system-ui,sans-serif;letter-spacing:.2em;color:#b58c52}
.chronicle-cover .chronicle-imprint{color:#e2c68e}
.chronicle-cover h2{font:clamp(45px,5.7vw,78px)/1.04 Georgia,serif;letter-spacing:-.035em;color:#fff7e2;margin:19px 0 22px;font-weight:400;text-wrap:balance}
.chronicle-gold-rule{height:1px;width:64px;background:#bd9658;position:relative;margin:24px 0}
.chronicle-gold-rule:after{content:"✦";position:absolute;right:-20px;top:-9px;font:13px Georgia,serif;color:#bf995f}
.chronicle-cover-copy>p{font:17px/1.8 Georgia,serif;max-width:340px;color:#ecdfc2;margin-bottom:25px}
.chronicle-cover-book{position:absolute;z-index:1;right:-7%;top:50%;transform:translateY(-48%) rotate(-4deg);width:69%;height:auto;filter:drop-shadow(0 16px 14px #09201750);pointer-events:none}
.chronicle-cover-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:13px}
.chronicle-cover-actions a{color:#f6e8c5}
.chronicle-cover-actions .chronicle-primary{padding:11px 18px;border:1px solid #e8cf94;background:#eedab3;color:#233e30;border-radius:3px;text-decoration:none;font-weight:650}
.chronicle-cover-meta{display:flex;flex-wrap:wrap;gap:7px 20px;color:#cbbb96;margin-top:35px;font-size:9px;letter-spacing:.08em}
.chronicle-contents{display:flex;align-items:center;justify-content:center;text-align:center;gap:28px;margin:48px 0 24px;scroll-margin-top:20px}
.chronicle-contents h2{font:40px/1.2 Georgia,serif;margin:6px 0 12px;letter-spacing:-.025em}
.chronicle-contents p{font:16px/1.7 Georgia,serif;color:#78684d;margin-bottom:0}
.chronicle-ornament{color:#9b7746;font-size:23px;flex:1;max-width:110px;display:flex;align-items:center;gap:15px}
.chronicle-ornament:before,.chronicle-ornament:after{content:"";height:1px;background:#c5b08a;flex:1}
.chronicle-context{text-align:center;font-size:13px;color:#786349}
.chronicle-find{max-width:740px;margin:22px auto 30px;border-bottom:1px solid #cdbb9a}
.chronicle-find>summary{padding:12px;text-align:center;cursor:pointer;font-size:13px;color:#6a583b;list-style-position:inside}
.chronicle-find .city-panel{background:#f7efdd;border-color:#cdbb9a}
.chronicle-find h2{font-size:26px}
.chronicle-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:14px;background:linear-gradient(90deg,#bcb093 0,#e5dac1 1%,#f5eedb 49%,#cfc2a5 50%,#f6f0df 51%,#e6dcc5 99%,#b4a78a);border:1px solid #b6a17b;border-radius:5px 5px 13px 13px;box-shadow:0 7px 0 -3px #c9b997,0 10px 0 -4px #e1d5bb,0 22px 36px #57432a24;margin:28px 0 42px}
.chronicle-leaf{padding:30px 32px 25px;position:relative;min-width:0;border-bottom:1px solid #cbb99587;background:radial-gradient(ellipse at 35% 20%,#fff9e98c,transparent 70%)}
.chronicle-leaf:after{content:"";display:block;clear:both}
.chronicle-leaf-date{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #bda575;margin-bottom:20px;padding-bottom:14px}
.chronicle-leaf-date time{display:flex;align-items:center;gap:12px;flex:none}
.chronicle-leaf-date strong{font:48px/.9 Georgia,serif;color:#42604b;font-weight:400}
.chronicle-leaf-date time span{font:12px/1.5 Georgia,serif;color:#746145;max-width:86px}
.chronicle-leaf-label{font:700 8px/1.5 system-ui,sans-serif;color:#8f744a;letter-spacing:.16em;text-align:right}
.chronicle-leaf h3{font:30px/1.2 Georgia,serif;letter-spacing:-.015em;margin:0 0 18px;color:#294636;position:relative;z-index:1}
.chronicle-leaf h3 a{text-decoration:none}
.chronicle-leaf h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.chronicle-leaf p{font:17px/1.8 Georgia,serif;color:#594d38;margin-bottom:20px}
.chronicle-vignette{float:right;max-width:39%;width:160px;height:auto;margin:0 -6px 6px 12px;mix-blend-mode:multiply;pointer-events:none}
.chronicle-read-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:650;letter-spacing:.02em;text-decoration:none;border-bottom:1px solid #b9985d;padding-bottom:4px;clear:both}
.chronicle-read-link span{font-size:19px;color:#967444;transition:transform .18s}
.chronicle-read-link:hover span{transform:translateX(4px)}
.chronicle-empty{text-align:center;padding:65px 25px;background:#f8f1de;border:1px solid #c4ae87;margin:30px 0;font:17px/1.8 Georgia,serif}
.chronicle-empty>span{font-size:35px;color:#a17b42}
.chronicle-pagination{font:15px Georgia,serif;padding:14px 0;border-bottom:1px solid #bfaa87}
.chronicle-breadcrumb{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:13px/1.5 Georgia,serif;color:#7b6745;margin:30px 0 20px}
.chronicle-reader{display:grid;grid-template-columns:155px minmax(0,1fr);background:linear-gradient(90deg,#e9ddc2,#f4ebd5 11%,#d8cbae 12%,#fff9eb 14%,#fcf6e8 98%,#dfd0af);border:1px solid #c0ab81;border-radius:3px 8px 8px 3px;box-shadow:0 7px 0 -3px #cebd98,0 18px 35px #67523722;position:relative;overflow:hidden;margin-bottom:30px}
.chronicle-margin{position:relative;text-align:center;padding:90px 15px 35px}
.chronicle-ribbon{position:absolute;top:0;left:22px;right:22px;background:#853f34;color:#f4ddad;padding:21px 4px 29px;font:700 9px/1.5 system-ui,sans-serif;letter-spacing:.16em;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 12px),0 100%)}
.chronicle-margin time{display:block;color:#806c47}
.chronicle-margin time strong{display:block;font:65px/1 Georgia,serif;font-weight:400;color:#365441;margin-bottom:13px}
.chronicle-margin time span{font:14px/1.7 Georgia,serif}
.chronicle-margin img{width:150%;height:auto;max-width:none;margin:45px -25% 0;transform:rotate(-10deg);opacity:.85}
.chronicle-reading-page{padding:54px 62px 35px;position:relative;min-width:0}
.chronicle-reading-page h2{font:clamp(35px,4.6vw,62px)/1.12 Georgia,serif;letter-spacing:-.03em;margin:18px 0;color:#213e30;text-wrap:balance}
.chronicle-reading-byline{font-size:12px;color:#8b7553}
.chronicle-prose{max-width:760px;font:20px/1.9 Georgia,serif;color:#403c30}
.chronicle-prose p{margin:0 0 25px;text-wrap:pretty}
.chronicle-prose p:first-child:first-letter{float:left;font:76px/.8 Georgia,serif;padding:10px 11px 0 0;color:#456248}
.chronicle-colophon{display:flex;align-items:center;gap:18px;border-top:1px solid #d8c9a8;padding-top:21px;margin-top:28px;color:#90764a}
.chronicle-colophon>span{font-size:22px}
.chronicle-colophon small{font:11px/1.6 system-ui,sans-serif}
.chronicle-turn{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:32px 0 50px;padding:18px 0;border-top:1px solid #bca77f;border-bottom:1px solid #bca77f;font:15px/1.5 Georgia,serif}
.chronicle-turn span{display:block;font:10px/1.5 system-ui,sans-serif;color:#90784f}
.chronicle-turn a:last-child{text-align:right}
.chronicle-event-heading{margin:35px 0 5px}
.chronicle-event-heading h2{font:32px/1.25 Georgia,serif}
.city-chronicle .city-event{padding:24px 22px;border:0;border-bottom:1px solid #c6b593;background:#faf3e198;margin:0}
.city-chronicle .city-event h3{font-size:24px}
.chronicle-search-heading{position:relative;min-height:160px;padding-right:270px;border-bottom:1px solid #c4af87;padding-bottom:25px}
.chronicle-search-heading h2{font:45px/1.15 Georgia,serif;letter-spacing:-.025em}
.chronicle-search-book{position:absolute;right:0;top:-25px;width:260px;height:auto;transform:rotate(-5deg);pointer-events:none}
.city-chronicle .city-search-results>.city-panel{background:#fcf5e5;border-color:#cbb68d;box-shadow:inset 5px 0 #ecdfc1,0 6px 14px #5d482b0b;border-radius:2px;padding:28px}
.city-chronicle .city-search-results h3{font:28px/1.25 Georgia,serif}
.city-chronicle .city-search-results p{font:17px/1.8 Georgia,serif;color:#5c503a}
.city-chronicle .city-search-results .city-kicker{padding-bottom:12px;display:block;border-bottom:1px solid #d4c3a1}
.city-chronicle .city-tags span{padding:5px 10px;border:1px solid #d4c3a1;font-size:12px;border-radius:3px}
.chronicle-diary{position:relative;background:linear-gradient(90deg,#c7ad78 0,#eedfc0 3%,#fff8e7 7%,#fcf5e6);border-color:#baa078;border-radius:3px 9px 9px 3px;box-shadow:0 5px 0 -2px #d6c49e,0 12px 24px #59422415;padding:30px 30px 30px 38px}
.chronicle-diary:before{content:"";position:absolute;top:-1px;right:26px;width:24px;height:40px;background:#81463a;clip-path:polygon(0 0,100% 0,100% 100%,50% 81%,0 100%)}
.chronicle-diary h3{font:32px/1.2 Georgia,serif;color:#304d39}
.chronicle-diary p{font:18px/1.85 Georgia,serif;color:#5b503b}
.chronicle-diary p:first-of-type{font:12px system-ui,sans-serif}
.city-chronicle .city-footer{border-color:#baa783;margin-top:60px;color:#7a6546}
@media(min-width:900px){.chronicle-leaf:nth-child(2n){padding-left:38px}.chronicle-leaf:nth-child(2n+1){padding-right:38px}}
@media(max-width:1000px){.chronicle-cover-copy{padding-left:38px;width:53%}.chronicle-cover h2{font-size:58px}.chronicle-cover-book{right:-13%;width:72%}.chronicle-reading-page{padding:42px 35px}.chronicle-reader{grid-template-columns:125px minmax(0,1fr)}.chronicle-ribbon{left:12px;right:12px}.chronicle-leaf{padding:24px}.chronicle-leaf h3{font-size:27px}}
@media(max-width:700px){.city-chronicle .city-shell{padding:0 18px}.city-chronicle .city-title{padding:22px 0 16px}.city-chronicle .city-title h1{font-size:27px}.chronicle-cover{min-height:0;display:flex;flex-direction:column;margin-top:20px}.chronicle-cover-copy{width:100%;padding:35px 30px 0;max-width:none}.chronicle-cover h2{font-size:56px;max-width:340px;margin-top:15px}.chronicle-cover-copy>p{font-size:17px;max-width:390px}.chronicle-cover-book{position:relative;top:auto;right:auto;width:108%;align-self:center;transform:rotate(-3deg);margin:-5px -5% -20px;max-height:320px;object-fit:contain}.chronicle-cover-meta{margin-top:23px}.chronicle-cover:before{inset:9px}.chronicle-cover:after{left:13px;width:5px}.chronicle-contents{gap:12px;margin-top:35px}.chronicle-contents h2{font-size:32px}.chronicle-ornament{max-width:35px;font-size:16px}.chronicle-ornament:before,.chronicle-ornament:after{display:none}.chronicle-spread{grid-template-columns:minmax(0,1fr);padding:9px;background:linear-gradient(90deg,#c5b595,#f6eedb 3%,#f9f2e0 97%,#cebd9e)}.chronicle-leaf{padding:26px 20px}.chronicle-leaf-date strong{font-size:45px}.chronicle-leaf h3{font-size:29px}.chronicle-leaf p{font-size:17px}.chronicle-vignette{width:130px;max-width:43%}.chronicle-reader{grid-template-columns:minmax(0,1fr);background:linear-gradient(90deg,#d8c59d,#fff9e9 3%,#fcf6e9 98%,#ddcaa4)}.chronicle-margin{padding:18px 24px 0;display:flex;align-items:center;justify-content:space-between}.chronicle-ribbon{position:relative;left:auto;right:auto;top:-18px;padding:16px 11px 25px;align-self:flex-start}.chronicle-margin time{display:flex;align-items:center;gap:10px;text-align:left}.chronicle-margin time strong{font-size:48px;margin:0}.chronicle-margin time span{font-size:12px}.chronicle-margin img{display:none}.chronicle-reading-page{padding:16px 28px 28px}.chronicle-reading-page h2{font-size:40px}.chronicle-prose{font-size:19px;line-height:1.85}.chronicle-prose p:first-child:first-letter{font-size:65px}.chronicle-turn{font-size:13px;gap:12px;flex-wrap:wrap;margin-bottom:35px}.chronicle-search-heading{padding-right:0;padding-bottom:18px;min-height:0}.chronicle-search-heading h2{font-size:37px;max-width:450px}.chronicle-search-book{position:relative;float:right;top:0;right:-6px;width:110px;margin:0 0 10px 14px}.city-chronicle .city-search-results>.city-panel{padding:24px}.chronicle-diary{padding:28px 23px 25px 30px}}
@media(prefers-reduced-motion:reduce){.chronicle-read-link span{transition:none}}

/* Keep the historical context present without competing with the story. */
.city-chronicle .city-history-note{background:transparent;border:0;border-left:3px solid #a88a58;border-radius:0;padding:4px 18px;margin:15px 0 24px;font-size:12px;line-height:1.7;color:#6e5c3e}
.city-chronicle .city-history-note p{display:inline;margin:0 9px}
.city-chronicle .city-history-note strong{font-weight:650}
.chronicle-cover h2,.chronicle-reading-page h2,.chronicle-leaf h3{overflow-wrap:anywhere}
@media(max-width:700px){.city-chronicle .city-history-note p{display:block;margin:3px 0}.city-chronicle .city-history-note{padding-left:12px}}
@media(max-width:700px){.city-chronicle .city-nav{scrollbar-width:none}.city-chronicle .city-nav::-webkit-scrollbar{display:none}.chronicle-reading-page h2{font-size:clamp(32px,9.5vw,40px)}}
