/* Dongjing Meng Hua Lu — Entries 26–27 / dawn + household service */
.dj26-page,.dj27-page{--reading-ancient-cjk:"Galok Source Han Serif TC","Galok Entry26-27 Serif Patch","Galok Entry26-27 Serif Fallback","Galok HanaMin Reading","Source Han Serif TC","Noto Serif TC","Songti TC",STSong,serif;--reading-display-mixed:"Galok Bagnard","Galok QIJIC Reading","Galok Source Han Serif TC","Galok Entry26-27 Serif Patch","Galok Entry26-27 Serif Fallback","Galok HanaMin Reading","Galok Gambetta",Georgia,"Times New Roman",serif;--reading-mono-mixed:ui-monospace,SFMono-Regular,Consolas,"Galok QIJIC Reading","Galok Source Han Serif TC","Galok Entry26-27 Serif Patch","Galok Entry26-27 Serif Fallback","Galok HanaMin Reading",monospace;--reading-serif-mixed:Georgia,"Galok QIJIC Reading","Galok Source Han Serif TC","Galok Entry26-27 Serif Patch","Galok Entry26-27 Serif Fallback","Galok HanaMin Reading","Times New Roman",serif;--dj2627-signal:#d35843;--dj2627-jade:#8a7e65;--dj2627-paper:#efe8dc;--dj2627-paper2:#e4dcca;--dj2627-ink:#1a1814;--dj2627-night:#171612;--dj2627-rule:#d2c7b2}
.dj26-page :where(:lang(zh-Hans),:lang(zh-Hant)),.dj27-page :where(:lang(zh-Hans),:lang(zh-Hant)){font-family:var(--reading-modern-cjk)!important;font-weight:400!important;font-synthesis:none!important}
.dj26-source,.dj27-source{overflow:hidden}
.dj26-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,20px);padding:15% 10% 13%;background:linear-gradient(180deg,#191713 0%,#23201b 65%,#2e2a24 100%)}
.dj26-wave:after{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:1px solid rgba(239,232,220,.22)}
.dj26-wave i{position:relative;z-index:1;width:2px;height:var(--h);min-height:28px;background:#ccc1a9;transform-origin:center;opacity:.82;box-shadow:0 0 0 1px rgba(255,255,255,.02)}
.dj26-wave i:nth-of-type(3n){background:#beb199}.dj26-wave i:nth-of-type(5n){background:#d35843}
.dj26-wave-label{position:absolute;z-index:2;color:#eee7da;font-family:var(--reading-modern-cjk);font-size:clamp(1.15rem,2.3vw,2rem);letter-spacing:.06em}.dj26-wave-label.l1{left:10%;top:13%}.dj26-wave-label.l2{left:44%;top:22%}.dj26-wave-label.l3{right:8%;bottom:15%;color:#da897a}
.dj26-clock{background:radial-gradient(circle at 15% 15%,rgba(138,126,101,.14),transparent 28%),var(--cl-night)}
.dj26-stage-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:48px;border:1px solid #4a4439}
.dj26-stage-controls button{min-width:0;min-height:154px;padding:20px 16px;border:0;border-right:1px solid #4a4439;background:transparent;color:#eee7da;text-align:left;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}
.dj26-stage-controls button:last-child{border-right:0}.dj26-stage-controls button:hover,.dj26-stage-controls button:focus-visible{background:#2f2b25;outline:2px solid #ad9f85;outline-offset:-2px}
.dj26-stage-controls button[aria-pressed="true"]{background:#3c382f;color:#ffffff}.dj26-stage-controls button small{display:block;color:#d67160;font:700 .75rem/1 var(--dj-mono);letter-spacing:.09em}.dj26-stage-controls button b{display:block;margin:30px 0 9px;font-family:var(--reading-display-latin);font-size:clamp(1rem,1.7vw,1.45rem);font-weight:400}.dj26-stage-controls button span{display:block;color:#b0a288;font:700 .75rem/1.3 var(--dj-mono);letter-spacing:.07em}
.dj26-stage-readout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px 42px;padding:38px 0 0}.dj26-stage-readout>span{color:#c3b79e;font:700 .75rem/1.3 var(--dj-mono);letter-spacing:.1em}.dj26-stage-readout strong{font-family:var(--reading-display-latin);font-size:clamp(2rem,4.4vw,5.2rem);font-weight:400;line-height:.92;letter-spacing:-.04em}.dj26-stage-readout p{grid-column:2;max-width:66ch;margin:0;color:#b0a288;font-family:var(--dj-serif);line-height:1.65}
.dj26-supply-grid,.dj27-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--cl-ink);border-left:1px solid var(--cl-ink)}
.dj26-supply-grid article,.dj27-service-grid article{min-height:220px;padding:24px;border-right:1px solid var(--cl-ink);border-bottom:1px solid var(--cl-ink);background:rgba(255,255,255,.08)}
.dj26-supply-grid small,.dj27-service-grid small{color:var(--cl-red);font:700 .75rem/1.2 var(--dj-mono);letter-spacing:.09em}.dj26-supply-grid strong,.dj27-service-grid strong{display:block;margin:44px 0 14px;font-family:var(--reading-modern-cjk);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:400}.dj26-supply-grid p,.dj27-service-grid p{margin:0;color:var(--cl-soft);font-family:var(--dj-serif);font-size:.88rem;line-height:1.58}
.dj26-package .djx-proof-strip,.dj27-pets .djx-proof-strip,.dj27-drain .djx-proof-strip{grid-template-columns:repeat(3,minmax(0,1fr))}

.dj27-source{background:var(--cl-paper-warm)}
.dj27-lane-mini{position:absolute;inset:0;display:grid;grid-template-rows:repeat(5,1fr);padding:8% 9% 12%;background:linear-gradient(180deg,#ede7da 0 59%,#d9cfba 59% 79%,#2e2a24 79% 100%)}
.dj27-lane-mini span{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:center;border-bottom:1px solid rgba(26,24,20,.34)}.dj27-lane-mini span:last-child{color:#eee7da;border-bottom:0}.dj27-lane-mini small{font:700 .75rem/1 var(--dj-mono);letter-spacing:.08em}.dj27-lane-mini b{font-family:var(--reading-modern-cjk);font-size:clamp(1rem,2vw,1.6rem);font-weight:400}
.dj27-lane{background:linear-gradient(180deg,#171612 0 20%,#211f1a 20% 48%,#2a2721 48% 70%,#312d26 70% 84%,#141210 84% 100%)}
.dj27-section-shell{display:grid;grid-template-columns:180px minmax(0,1fr);gap:44px;margin-top:54px}
.dj27-rail{position:sticky;top:90px;align-self:start;display:grid;border-top:1px solid #4e483d}.dj27-rail a{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #4e483d;color:#95876c;text-decoration:none;transition:color 160ms ease,padding-left 160ms ease}.dj27-rail a.is-active{color:#efe8dc;padding-left:8px}.dj27-rail span{color:#d56855;font:700 .75rem/1 var(--dj-mono)}.dj27-rail b{font:700 .75rem/1 var(--dj-mono);letter-spacing:.08em}
.dj27-strata{display:grid}.dj27-strata article{min-height:58vh;padding:clamp(34px,6vw,78px) clamp(24px,5vw,64px);border-top:1px solid #514b3e;opacity:.58;transform:translateY(8px);transition:opacity 220ms ease,transform 220ms ease,background-color 220ms ease}.dj27-strata article.is-active{opacity:1;transform:none;background:rgba(255,255,255,.025)}.dj27-strata small{color:#c9bea6;font:700 .75rem/1.2 var(--dj-mono);letter-spacing:.09em}.dj27-strata h3{max-width:16ch;margin:32px 0 22px;font-family:var(--reading-display-latin);font-size:clamp(2.4rem,5.5vw,6.5rem);font-weight:400;line-height:.88;letter-spacing:-.05em}.dj27-strata p{max-width:68ch;margin:0;color:#bbae95;font-family:var(--dj-serif);font-size:1rem;line-height:1.7}.dj27-token-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.dj27-token-row span{padding:8px 10px;border:1px solid #5b5446;color:#e8e1d1;font-size:.85rem}
.dj27-mechanism{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-top:34px}.dj27-mechanism span{min-height:110px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--cl-rule);background:var(--cl-paper-warm)}.dj27-mechanism b{color:var(--cl-red);font:700 .75rem/1 var(--dj-mono)}.dj27-mechanism small{font:700 .75rem/1.3 var(--dj-mono);letter-spacing:.08em}.dj27-mechanism i{color:var(--cl-red);font-style:normal}
.dj27-volume-exit{background:linear-gradient(135deg,#2e2a24,#171612)}

@media(max-width:980px){
  .dj26-stage-controls{grid-template-columns:repeat(3,1fr)}.dj26-stage-controls button{border-bottom:1px solid #4a4439}.dj26-stage-controls button:nth-child(3){border-right:0}.dj26-stage-controls button:nth-child(n+4){border-bottom:0}
  .dj26-supply-grid,.dj27-service-grid{grid-template-columns:repeat(2,1fr)}
  .dj27-section-shell{grid-template-columns:130px minmax(0,1fr);gap:24px}
}
@media(max-width:720px){
  .dj26-wave{gap:9px}.dj26-stage-controls{grid-template-columns:1fr 1fr}.dj26-stage-controls button:nth-child(odd){border-right:1px solid #4a4439}.dj26-stage-controls button:nth-child(even){border-right:0}.dj26-stage-controls button:nth-child(-n+4){border-bottom:1px solid #4a4439}
  .dj26-stage-readout{grid-template-columns:1fr;gap:14px}.dj26-stage-readout p{grid-column:1}
  .dj26-supply-grid,.dj27-service-grid{grid-template-columns:1fr}
  .dj27-section-shell{grid-template-columns:1fr}.dj27-rail{position:static;grid-template-columns:repeat(5,1fr);overflow-x:auto}.dj27-rail a{display:flex;flex-direction:column;min-width:92px;padding:12px;border-right:1px solid #4e483d}.dj27-strata article{min-height:auto;padding:48px 4px}
  .dj27-mechanism{grid-template-columns:1fr}.dj27-mechanism i{transform:rotate(90deg);justify-self:center}
}
@media(prefers-reduced-motion:reduce){
  .dj26-stage-controls button,.dj27-rail a,.dj27-strata article{transition:none!important}
  .dj27-strata article{opacity:1;transform:none}
}
