.page-with-outline{flex-direction:row;justify-content:space-between;gap:2rem;min-height:100vh;display:flex;position:relative;overflow:visible}.page-with-outline__content{flex:1;width:100%;max-width:100%}.page-with-outline__outline{z-index:10;flex-shrink:0;align-self:flex-start;width:240px;height:fit-content;max-height:calc(100vh - 4rem);padding-right:.5rem;position:sticky;top:2rem;overflow-y:auto}@media (max-width:768px){.page-with-outline{flex-direction:column;min-height:auto}.page-with-outline__outline{order:-1;width:100%;margin-bottom:2rem;position:relative;top:auto;right:auto}}.outline-navigation{flex-direction:column;display:flex}.outline-navigation__item{text-align:left;cursor:pointer;color:var(--cds-text-secondary);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;width:100%;padding:.5rem;font-size:.9rem;text-decoration:none;display:block;overflow:hidden}.outline-navigation__item:hover{color:var(--cds-text-primary)}.outline-navigation__item[data-level=h1]{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);line-height:var(--cds-productive-heading-01-line-height,1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);padding-left:.5rem}.outline-navigation__item[data-level=h2]{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);border-left:2px solid var(--cds-border-subtle);margin-left:1rem;padding-left:1rem}.outline-navigation__item[data-level=h3]{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);border-left:2px solid var(--cds-border-subtle);margin-left:1rem;padding-left:2rem}.outline-navigation__item--active{color:var(--cds-link-primary);font-weight:500}.outline-navigation__item--active:hover{color:var(--cds-link-primary)}.outline-navigation__item--active[data-level=h2],.outline-navigation__item--active[data-level=h3]{border-left-color:var(--cds-link-primary)}