/* site bar: self-contained so it can sit on top of pages with their own styles */
.dl-bar{
  --dl-bg:#FFFFFF; --dl-ink:#1F2328; --dl-muted:#646B73; --dl-rule:#DED8CC; --dl-accent:#963620;
  background:var(--dl-bg); border-bottom:1px solid var(--dl-rule);
  font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  line-height:1.4; text-align:left;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .dl-bar{--dl-bg:#1D2024; --dl-ink:#E7E4DE; --dl-muted:#A0A6AD; --dl-rule:#33373D; --dl-accent:#F0A48F}
}
:root[data-theme="dark"] .dl-bar{--dl-bg:#1D2024; --dl-ink:#E7E4DE; --dl-muted:#A0A6AD; --dl-rule:#33373D; --dl-accent:#F0A48F}
.dl-bar .dl-wrap{max-width:1180px; margin-inline:auto; padding:.7rem 16px; display:flex; align-items:center; gap:.4rem 1.2rem; flex-wrap:wrap}
@media (min-width:640px){ .dl-bar .dl-wrap{padding-inline:32px} }
.dl-bar .home{font-family:"Noto Serif SC","Songti SC","STSong",Georgia,serif; font-weight:700; color:var(--dl-ink); text-decoration:none; font-size:1.02rem}
.dl-bar nav{display:flex; gap:1.1rem; margin-left:auto; font-size:.93rem}
.dl-bar nav a{color:var(--dl-muted); text-decoration:none}
.dl-bar nav a:hover,.dl-bar nav a[aria-current]{color:var(--dl-accent)}
/* on imported pages the bar sits inside the page's own body padding: bleed it to the viewport edges */
html{overflow-x:clip}
.dl-bar.dl-bleed{width:100vw; margin-left:calc(50% - 50vw); position:relative; box-sizing:border-box}
.dl-bar.dl-bleed .dl-wrap{box-sizing:border-box}
body.dl-pad0{padding-top:0 !important}
body.dl-pad0 > .dl-bar{margin-bottom:20px}

/* site footer: same self-contained palette as the bar */
.dl-footer{
  --dl-bg:#FFFFFF; --dl-ink:#1F2328; --dl-muted:#646B73; --dl-rule:#DED8CC; --dl-accent:#963620;
  background:var(--dl-bg); border-top:1px solid var(--dl-rule); color:var(--dl-muted);
  font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  font-size:.88rem; line-height:1.6; text-align:left; margin-top:3rem;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .dl-footer{--dl-bg:#1D2024; --dl-ink:#E7E4DE; --dl-muted:#A0A6AD; --dl-rule:#33373D; --dl-accent:#F0A48F}
}
:root[data-theme="dark"] .dl-footer{--dl-bg:#1D2024; --dl-ink:#E7E4DE; --dl-muted:#A0A6AD; --dl-rule:#33373D; --dl-accent:#F0A48F}
.dl-footer .dl-wrap{max-width:1180px; margin-inline:auto; padding:1.4rem 16px 2rem; box-sizing:border-box}
@media (min-width:640px){ .dl-footer .dl-wrap{padding-inline:32px} }
.dl-footer p{margin:0}
.dl-footer .dl-copy{margin-top:.4rem; font-size:.8rem}
.dl-footer a{color:var(--dl-accent); text-underline-offset:.18em}
.dl-footer strong{color:var(--dl-ink); font-weight:600}
.dl-footer.dl-bleed{width:100vw; margin-left:calc(50% - 50vw); position:relative; box-sizing:border-box}