.layout-size {
    max-width: var(--layout-size);
    margin-inline: auto;
}

.document-body-content,
navigation-bar-collapsible > * {
    padding-left: var(--document-body-padding-left);
    padding-right: var(--document-body-padding-right);
}


.sidebar-left {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: var(--sidebar-size, 292px) var(--body-size, minmax(0, 1fr));
}

.sidebar-right {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: var(--body-size, minmax(0, 1fr)) var(--sidebar-size, 292px);
}
.sidebar-left > #aside,
.sidebar-left > #main,
.sidebar-right > #main,
.sidebar-right > #aside {
    min-width: 0;
}

.document-body {
    display: flex;
}

.in-document-nav {
    padding-top: var(--padding-3);
    padding-inline: var(--padding-1);
}

.in-document-nav > .content-size {
    position: sticky;
    top: 0;
}

.document-body-content {
    min-width: 0;
    flex-basis: 100%;
}

.document-body-content > .content-size {
    display: flow-root;
}

.content-size {
    max-width: min(var(--content-size), 100%);
    margin-inline: auto;
}

.document-body-content > .content-size:not(:first-child) .section-label.section-line {
    border-top: 1px solid var(--section-line-color);
    padding-top: var(--padding-0);
}

.document-body-content > .content-size:first-child > .step-overview-container + .section-label.section-line {
    border-top: 1px solid var(--section-line-color);
    padding-top: var(--padding-0);
}

.document-body-content > .content-size:last-child {
    margin-bottom: var(--padding-3);
}

.section-label {
    margin-top: var(--padding-3);
}

.document-body-content > .content-size:first-child > .section-label,
.document-body-content > .content-size:first-child > .step-overview-container .section-label {
    margin-top: 0;
}

.document-body-content > .content-size:first-child > .step-overview-container + .section-label {
    margin-top: var(--padding-3);
}

.document-body--gutter .video-field .field-value,
.document-body--no-gutter .field-label,
.document-body--gutter .field-label,
.document-body--no-gutter .form-items,
.document-body--gutter .form-items,
.document-body--gutter .field-column-right,
.show-all-list > [role="listitem"],
.step-overview-container > .step-overview-list {
    margin-top: var(--padding-1);
}

.document-body--no-gutter .field-value,
.document-body--no-gutter .list-field-table,
.show-all-field,
.carousel-field,
.accordian-collapsible .field-container:not(:first-child) {
    margin-top: var(--padding-0);
}

.document-body--gutter .field {
    display: grid;
    grid-template-columns: 1fr minmax(0, 3fr);
    column-gap: var(--padding-1);
}

.document-body--gutter .attachment {
    grid-column: 1 / -1;
}

.document-body--gutter .field-column-right,
.document-body--gutter .list-field-table {
    grid-column: 2;
}

.document-body--gutter .field-label {
    text-align: right;
}

/* in-document nav & navigation bar widget */
.navigation-bar-collapsible-btn {
    all: inherit;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    gap: 1ch;
    align-items: center;
    width: 100%;
    padding: 0;
    line-height: 3;
}

.navigation-bar-collapsible {
    display: block;
}

.navigation-bar-collapsible [aria-label~="sub"] {
    padding-left: var(--padding-0);
}

.navigation-bar-collapsible-btn {
    justify-content: flex-end;
    min-height: var(--padding-3);
}

.navigation-bar-collapsible-btn,
navigation-bar-collapsible a {
    color: #fff;
}

.navigation-bar-collapsible a {
    text-decoration: underline;
    line-height: 2;
}

.in-document-nav a:link {
    display: block;
    padding: 10px 15px;
}

.doc-navigation-link {
    padding-inline: var(--padding-0);
}

/* step engine */
.step-number-inner:not(.circle-step) {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

.hidden-on-desktop {
   display: none;
}

.carousel-control-prev {
    padding-right: 5px;
}

.carousel-control-next {
    padding-left: 5px;
}

/* tree navigation widget */
tree-navigation {
    max-width: var(--sidebar-size);
}

.tree-navigation {
    overflow-x: auto;
}

/* read verify widget */
.outer-signature-wrapper .wrapper-center
{
  margin-inline: auto;
  max-width: max-content;
}

.outer-signature-wrapper .signature-pad .sign-controls
{
  padding-inline-start: var(--padding-0);
}

.portal-body .read-verify-widget .display-form + .read-verify-text-container .signature-certification-checkboxes {
    padding-inline: 3rem;
}