/* Keep the existing reading column centered. The index only uses spare margin. */
home-outline { display:none; }
@media (min-width:1220px) {
  home-outline {
    display:block;
    position:fixed;
    top:132px;
    left:max(24px, calc(50% - 638px));
    width:190px;
    max-height:calc(100dvh - 156px);
    overflow-y:auto;
    z-index:5;
  }
  .home-outline { font-family:'IBM Plex Mono','NotoSerifSCSubset','Noto Serif SC',monospace; }
  .home-outline ul { margin:0; padding:0; list-style:none; }
  .home-outline li { margin:0; padding:0; }
  .home-outline a { display:block; position:relative; padding:9px 4px 9px 16px; color:#746f65; font-size:12px; line-height:1.6; text-decoration:none; transition:color 140ms ease; }
  .home-outline a::before { content:''; position:absolute; left:2px; top:16px; width:4px; height:4px; border-radius:50%; background:#b06a4f; opacity:0; transition:opacity 140ms ease; }
  .home-outline a[aria-current="location"] { color:#b06a4f; }
  .home-outline a[aria-current="location"]::before { opacity:1; }
  .home-outline a:hover { color:#b06a4f; }
  .home-outline a:focus-visible { outline:2px solid #b06a4f; outline-offset:-2px; border-radius:3px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-outline a,.home-outline a::before { transition:none; }
}