/* Dongjing Meng Hua Lu — Entry 12 / branching night district */
.dj12-page{--dj12-paper:#f2ede2;--dj12-ink:#181613;--dj12-muted:#746a57;--dj12-rule:#cbc0a8;--dj12-red:#9d3320;--dj12-jade:#4d473c;--dj12-night:#181613}
.dj12-page :lang(zh-Hant){font-family:var(--dj-song);font-weight:400;font-synthesis:none}
.dj12-page .dj-entry-title .dj-title-zh{font-family:var(--dj-song)!important;font-weight:400!important;font-synthesis:none}
.dj12-page .dj-entry-title h1{max-width:8em;font-size:clamp(4.2rem,7.8vw,8.7rem);letter-spacing:.04em}
.dj12-page .dj-entry-title h2{max-width:9ch}

.dj12-network{margin-left:calc((100vw - 100%) / -2);margin-right:calc((100vw - 100%) / -2);padding:clamp(78px,8vw,126px) max(32px,calc((100vw - min(1480px,calc(100vw - 64px))) / 2));background:var(--dj12-night);color:#eee7da;border-bottom:1px solid var(--dj12-ink)}
.dj12-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:48px;align-items:end;padding-bottom:34px;border-bottom:1px solid #575143}
.dj12-section-head small{display:block;margin-bottom:18px;color:#d4614d;font:760 .75rem/1.2 var(--dj-mono);letter-spacing:.1em}
.dj12-section-head h2{max-width:970px;margin:0;font-size:clamp(3rem,5.6vw,6.6rem);font-weight:590;line-height:.88;letter-spacing:-.055em}
.dj12-section-head p{margin:0;color:#b0a288;font-family:var(--dj-serif);font-size:1rem;line-height:1.62}
.dj12-clock{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:16px;align-items:center;padding:22px 0;color:#b0a288;font:760 .75rem/1.2 var(--dj-mono);letter-spacing:.09em}
.dj12-clock i{height:1px;background:#575143}.dj12-clock b{color:#eee7da;font-size:.8rem;font-weight:400}

.dj12-map{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(156px,auto));gap:0;border-top:1px solid #575143;border-left:1px solid #575143}
.dj12-node{position:relative;z-index:2;padding:20px;background:var(--dj12-night);border-right:1px solid #575143;border-bottom:1px solid #575143}
.dj12-node small{display:block;color:#d4614d;font:760 .75rem/1.2 var(--dj-mono);letter-spacing:.09em}
.dj12-node h3{margin:40px 0 8px;font-size:clamp(1.3rem,2.2vw,2.3rem);line-height:1;letter-spacing:-.035em}
.dj12-node p{max-width:34ch;margin:0;color:#b0a288;font-family:var(--dj-serif);font-size:.78rem;line-height:1.5}
.dj12-node--anchor{grid-column:5/9;grid-row:2;border:1px solid #d4614d;background:#1e1b17}.dj12-node--anchor h3{color:#ffffff}
.dj12-node--east{grid-column:9/13;grid-row:2}.dj12-node--south{grid-column:5/9;grid-row:3}.dj12-node--north{grid-column:5/9;grid-row:1}
.dj12-route{position:absolute;z-index:1;background:#d4614d}.dj12-route--east{left:66.666%;top:49.9%;width:8.333%;height:1px}.dj12-route--south{left:49.9%;top:66.666%;width:1px;height:8.333%}.dj12-route--north{left:49.9%;top:25%;width:1px;height:8.333%}

.dj12-text-unit{margin:28px 0 22px;border-top:1px solid var(--dj12-ink);border-bottom:1px solid var(--dj12-ink)}
.dj12-text-unit header{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--dj12-rule);font:760 .75rem/1.3 var(--dj-mono);letter-spacing:.09em}
.dj12-text-unit header span:first-child{color:var(--dj12-red)}
.dj12-text-unit blockquote{margin:0;padding:30px 0 26px;font-family:var(--dj-song);font-size:clamp(1.48rem,2.25vw,2.4rem);font-weight:400;line-height:1.64;letter-spacing:.018em;font-synthesis:none}
.dj12-text-unit footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:11px 0;border-top:1px solid var(--dj12-rule);color:var(--dj12-muted);font:700 .75rem/1.45 var(--dj-mono);letter-spacing:.06em}
.dj12-close{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:22px;align-items:center;padding:clamp(86px,10vw,152px) 0;border-bottom:1px solid var(--dj12-ink);font:760 .75rem/1.2 var(--dj-mono);letter-spacing:.1em}
.dj12-close small{color:var(--dj12-red)}.dj12-close p{margin:0}.dj12-close i{height:1px;background:var(--dj12-ink)}

@media(max-width:1000px){.dj12-section-head{grid-template-columns:1fr;gap:22px}.dj12-map{grid-template-rows:repeat(3,minmax(170px,auto))}.dj12-node h3{margin-top:34px}.dj12-close{grid-template-columns:auto 1fr auto}.dj12-close p:first-of-type{display:none}}
@media(max-width:760px){.dj12-page .dj-entry-title h1{font-size:clamp(3rem,14vw,5.5rem)}.dj12-network{padding-left:20px;padding-right:20px}.dj12-clock{grid-template-columns:auto 1fr auto 1fr auto}.dj12-clock span:first-child,.dj12-clock i:last-of-type,.dj12-clock span:last-child{display:none}.dj12-map{display:block;border-top:1px solid #575143}.dj12-node{min-height:170px;border:0;border-right:1px solid #575143;border-bottom:1px solid #575143}.dj12-node--anchor{border:1px solid #d4614d}.dj12-route{display:none}.dj12-close{display:block;text-align:center}.dj12-close>*{display:block!important;margin:15px auto!important}.dj12-close i{width:56px}}
