.OnPageNavigation{margin-block-start:var(--spacing-far);position:relative;isolation:isolate;z-index:1}.opn-content{padding:var(--spacing-far) var(--layout-padding);border-radius:2em;--shadow-bg: var(--color-surface-muted);--border-width: 1px}.opn-title{font-size:var(--font-size-small);font-weight:var(--font-weight-base)}.opn-list{counter-reset:count 0}.opn-item{counter-increment:count 1}.opn-link{hyphens:auto;display:flex;align-items:baseline;&:before{color:inherit;content:counter(count,decimal) ".";font-size:var(--font-size-medium);min-inline-size:1em;flex-shrink:0;display:block;font-weight:var(--font-weight-strong);color:var(--color-brand-secondary-base);block-size:1lh}}.ti-image{aspect-ratio:1;max-inline-size:100%;box-shadow:var(--shadow-medium);border-radius:var(--border-radius-large);>img{object-fit:cover;inline-size:100%;block-size:auto;object-position:top center;aspect-ratio:inherit;border-radius:inherit}}