:root .outline-enabled [data-reading-role][data-reading-role="page"]{
  font-size:clamp(25px,2.25vw,34px);font-weight:750;line-height:1.32;letter-spacing:.01em;margin:0 0 14px;
}
:root .outline-enabled [data-reading-role][data-reading-role="section"]{
  font-size:clamp(19px,1.62vw,24px);font-weight:720;line-height:1.45;letter-spacing:0;margin:0 0 16px;
}
:root .outline-enabled [data-reading-role][data-reading-role="example"]{
  font-size:clamp(15px,1.28vw,18px);font-weight:650;line-height:1.5;letter-spacing:0;margin:0 0 12px;
}
.reading-legacy-number{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.outline-enabled [data-reading-number]::before,.outline-enabled [data-reading-nav]::before{
  content:attr(data-reading-number);display:inline-block;white-space:nowrap;margin-inline-end:.55em;
  font:700 .64em/1.2 "Cascadia Mono",Consolas,monospace;font-variant-numeric:tabular-nums;
  opacity:.85;vertical-align:.15em;
}
.outline-enabled [data-reading-nav]::before{content:attr(data-reading-nav);font-size:.76em;vertical-align:baseline}
.outline-enabled .reading-outline{
  --outline-ink:#293631;--outline-bg:#eee7d6;--outline-line:#b3ac98;
  position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;
  min-width:0;min-height:34px;padding:4px 9px;border:1px solid var(--outline-line);
  background:var(--outline-bg);color:var(--outline-ink);font:650 12px/1.4 system-ui,"Microsoft YaHei",sans-serif;
}
.reading-outline-page{white-space:nowrap;flex:none}
.reading-outline-position{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.reading-outline-position:not(:empty)::before{content:"›";margin-right:7px;opacity:.8}
.outline-enabled .reading-outline button{
  border:1px solid var(--outline-line);background:transparent;color:inherit;font:inherit;min-height:25px;padding:2px 6px;cursor:pointer;
}
.outline-enabled .reading-outline-toggle{margin-inline-start:auto;white-space:nowrap;flex:none}
.reading-outline-list{
  position:absolute;inset:100% 0 auto;max-height:min(40dvh,320px);overflow:auto;margin:0;padding:4px;
  list-style:none;border:1px solid var(--outline-line);background:var(--outline-bg);color:var(--outline-ink);box-shadow:0 4px 12px #0003;
}
.outline-enabled .reading-outline-list button{display:block;width:100%;min-height:36px;border:0;text-align:start;padding:5px 7px}
.outline-enabled .reading-outline button:is(:hover,[aria-current=location]){background:#87978433}
.outline-enabled .reading-outline button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.outline-enabled .arcade-scroll>.reading-outline,.outline-enabled .photo-scroll>.reading-outline{margin:0 14px}
.outline-enabled .photo-scroll{overflow-anchor:none}
.outline-enabled :is(.a6-paper,.case-desk-paper)>.reading-outline::before{
  content:"";position:absolute;bottom:100%;left:0;right:0;height:68px;
  background:var(--pc-paper,#f2efdf);pointer-events:none;
}
.outline-enabled .station-head{flex-wrap:wrap}
.outline-enabled .station-head::before{
  content:"";position:absolute;bottom:100%;inset-inline:0;height:calc(2 * var(--edition-strip,32px));
  background:#162a26;pointer-events:none;
}
.outline-enabled .station-head>.reading-outline{
  --outline-ink:#f1e9d6;--outline-bg:#263b33;--outline-line:#627367;position:relative;width:100%;
}
@media(max-width:620px){
  .outline-enabled .reading-outline{min-height:35px;gap:5px}
  .outline-enabled .reading-outline-toggle{min-height:28px}
  .outline-enabled .arcade-scroll>.reading-outline,.outline-enabled .photo-scroll>.reading-outline{margin:0 7px}
}