.page-layout {
  position: relative;
  width: 100%; }

.main-content {
  width: 100%; }

.toc-sidebar {
  position: fixed;
  right: calc((100vw - 90rem) / 2 - 280px);
  top: 14rem;
  width: 260px;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
  z-index: 10; }
  .toc-sidebar .toc-sticky {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  .toc-sidebar .toc-header {
    margin-bottom: 1rem; }
    .toc-sidebar .toc-header h3 {
      margin: 0;
      font-size: 1.4rem;
      font-weight: normal;
      color: inherit; }
  .toc-sidebar .toc-content #TableOfContents {
    margin: 0; }
    .toc-sidebar .toc-content #TableOfContents > ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .toc-sidebar .toc-content #TableOfContents > ul > li {
        margin: 0.5rem 0; }
        .toc-sidebar .toc-content #TableOfContents > ul > li > a {
          display: block;
          padding: 0.25rem 0;
          color: inherit;
          text-decoration: none;
          font-size: 1.8rem;
          line-height: 1.5; }
          .toc-sidebar .toc-content #TableOfContents > ul > li > a:hover {
            text-decoration: underline; }
        .toc-sidebar .toc-content #TableOfContents > ul > li ul {
          margin: 0.25rem 0;
          padding: 0;
          list-style: none;
          margin-left: 1rem; }
          .toc-sidebar .toc-content #TableOfContents > ul > li ul li {
            margin: 0.25rem 0; }
            .toc-sidebar .toc-content #TableOfContents > ul > li ul li a {
              display: block;
              padding: 0.25rem 0;
              color: #666;
              text-decoration: none;
              font-size: 1.5rem;
              line-height: 1.4; }
              .toc-sidebar .toc-content #TableOfContents > ul > li ul li a:hover {
                text-decoration: underline; }
            .toc-sidebar .toc-content #TableOfContents > ul > li ul li ul {
              margin-left: 1rem; }
              .toc-sidebar .toc-content #TableOfContents > ul > li ul li ul li a {
                font-size: 0.85rem;
                color: #888; }

@media (max-width: 1280px) {
  .toc-sidebar {
    display: none; } }

@media (max-width: 768px) {
  .toc-sidebar {
    display: none !important; } }

@media (prefers-color-scheme: dark) {
  .toc-sidebar .toc-sticky {
    background: transparent; } }

.dark .toc-sidebar .toc-sticky {
  background: transparent; }

html {
  scroll-behavior: smooth; }

/*# sourceMappingURL=toc.css.map */