/* Reading refinements shared by the portfolio copies. */
body[data-portfolio-page="roundtable"] {
  --portfolio-nav-surface:#161c2a;
  --portfolio-nav-ink:#e4e8f1;
  --portfolio-nav-muted:#adb8ca;
  --portfolio-nav-accent:#c8d5ed;
  --portfolio-nav-line:#3c4659;
}
body[data-portfolio-page="poems"] {
  --portfolio-nav-surface:#22221f;
  --portfolio-nav-ink:#e5dfd1;
  --portfolio-nav-muted:#bcb5a6;
  --portfolio-nav-accent:#d6c093;
  --portfolio-nav-line:#4b4940;
}
body:is([data-portfolio-page="xuanyu"],[data-portfolio-page="characters"],[data-portfolio-page="shangjing"]) .prose {
  max-width:42em;
}
body[data-portfolio-page="xuanyu"] .chapter-nav-shell {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
body[data-portfolio-page="xuanyu"] .chapter-nav {width:100%;min-width:0}
body[data-portfolio-page="xuanyu"] .reading-tools {
  position:static;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:2px;
  margin:0 20px 0 12px;
  border:0;
  border-left:1px solid var(--line);
  padding-left:14px;
  background:transparent;
  box-shadow:none;
  opacity:1;
}
body[data-portfolio-page="xuanyu"] .reading-tools>*+* {border:0!important}
body[data-portfolio-page="xuanyu"] .reading-tools-label {font-size:12px;color:var(--muted);margin-right:8px;white-space:nowrap}
body[data-portfolio-page="xuanyu"] .reading-tools button,
body[data-portfolio-page="xuanyu"] .reading-tools a {width:36px;height:40px}
@media(max-width:1050px) {
  html:has(body[data-portfolio-page="xuanyu"]) {scroll-padding-top:140px}
  body[data-portfolio-page="xuanyu"] .chapter-nav-shell {display:block}
  body[data-portfolio-page="xuanyu"] .reading-tools {
    justify-content:flex-end;
    margin:0;
    padding:0 22px;
    border-left:0;
    border-top:1px solid var(--line);
  }
}
@media(max-width:820px) {
  body[data-portfolio-page="poems"] .poem-column {display:block}
  body[data-portfolio-page="poems"] .poem-panel[hidden] {display:none!important}
  body[data-portfolio-page="poems"] .poem-panel {min-height:0}
  body[data-portfolio-page="poems"] .poem-heading {margin-top:0}
  body[data-portfolio-page="poems"] .poem-end {margin-top:24px}
}
@media(max-width:760px) {
  body[data-portfolio-page="xuanyu"] .reading-tools {padding-inline:18px}
}
@media(max-width:600px) {
  .portfolio-return {display:none}
  .portfolio-next {margin-bottom:36px}
}
@media print {
  body[data-portfolio-page="xuanyu"] .chapter-nav-shell {display:none!important}
  body[data-portfolio-page="poems"] .poem-panel[hidden] {display:flex!important;visibility:visible!important}
}