:root {
    --sidebar-w: 220px;
    --sidebar-collapsed-w: 64px;
    --sidebar-content-w: 220px;
    --tutorial-top-space: 32px;
    --tutorial-bottom-space: 80px;
    --container-top-space: 36px;
    --page-max-w: 820px;
    --page-pad: 18px;
    --sidebar-bg: #ffe6f0;
    --card-radius: 10px;
    --img-size: 260px;
    --bottom-bar-height: 0px;
}

html.site-sidebar-collapsed {
  --sidebar-content-w: 0px;
}

main.page-content {
  margin-left: var(--sidebar-content-w);
  width: calc(100% - var(--sidebar-content-w));
  min-height: 100vh;
  box-sizing: border-box;
  padding: var(--tutorial-top-space) var(--page-pad) var(--tutorial-bottom-space);
  transition: margin-left 0.22s ease, width 0.22s ease;
}

main.page-content > .container {
  max-width: var(--page-max-w);
  width: 100%;
  margin: var(--container-top-space) auto 0;
  padding: var(--tutorial-top-space) var(--page-pad) var(--tutorial-bottom-space);
  box-sizing: border-box;
}

.main > .container {
    max-width: var(--page-max-w);
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 720px) {
    main.page-content {
        margin-left: 0;
    }
}

.faq-section {
    max-width: 820px;
    margin: 24px auto;
    margin-bottom: 80px;

}