/* 静室 CSS：11-chapter-navigation.css。真实章节的自动目录、当前位置与节内转场；不承担正文排印。 */
@layer pages {
  .article-outline-heading {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:var(--space-4)
  }
  .article-outline-status {
    margin:0;
    color:var(--text-muted);
    font:400 .72rem/1.45 var(--font-ui);
    letter-spacing:.035em;
    text-align:right
  }
  .article-outline a[aria-current="location"] {
    color:var(--reading-track-ink,var(--action-primary))
  }
  .chapter-inline-nav {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:var(--space-3);
    max-width:var(--container-reading);
    margin:calc(var(--space-5) * 1.15) auto calc(var(--space-8) * .9);
    padding-top:var(--space-3);
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    color:var(--text-muted);
    font:400 .73rem/1.45 var(--font-ui);
    letter-spacing:.025em
  }
  .chapter-inline-nav[data-current] {
    border-top-color:var(--reading-track-ink,var(--action-subtle))
  }
  .chapter-inline-link {
    display:inline-flex;
    align-items:center;
    gap:.42em;
    width:max-content;
    min-width:0;
    color:inherit;
    text-decoration:none
  }
  .chapter-inline-link span:last-child {
    text-decoration:underline;
    text-decoration-color:transparent;
    text-underline-offset:.24em
  }
  .chapter-inline-link:hover,.chapter-inline-link:focus-visible {
    color:var(--reading-track-ink,var(--action-primary))
  }
  .chapter-inline-link:hover span:last-child,.chapter-inline-link:focus-visible span:last-child {
    text-decoration-color:var(--action-subtle)
  }
  .chapter-inline-link:focus-visible { outline:var(--stroke-focus) solid var(--focus-ring); outline-offset:3px }
  .chapter-inline-previous { justify-self:start }
  .chapter-inline-outline { justify-self:center; color:var(--text-secondary) }
  .chapter-inline-next { justify-self:end; flex-direction:row-reverse }
  .chapter-inline-spacer { min-width:1px; min-height:1px }
  .article-body h2:focus { outline:var(--stroke-focus) solid var(--focus-ring); outline-offset:5px }
  .article-body h2:target { scroll-margin-top:96px }
  @media(max-width:760px) {
    .article-outline-heading { align-items:flex-start; flex-direction:column; gap:var(--space-1) }
    .article-outline-status { text-align:left }
    .chapter-inline-nav {
      gap:var(--space-2);
      margin-top:var(--space-5);
      margin-bottom:var(--space-7);
      font-size:.7rem
    }
    .chapter-inline-link { gap:.3em }
  }
}