.section{padding-block:var(--space-8);background:var(--color-paper);color:var(--color-ink);scroll-margin-top:calc(var(--header-h) + 24px);position:relative}@media (width>=880px){.section{padding-block:var(--space-9)}}.section--compact{padding-block:var(--space-7)}:root:not([data-theme=light]) .tone-d-page{background:var(--color-paper)}:root:not([data-theme=light]) .tone-d-deep{background:var(--color-paper-deep)}:root:not([data-theme=light]) .tone-d-dim{background:var(--color-paper-dim)}:root[data-theme=light] .tone-l-page{background:var(--color-paper)}:root[data-theme=light] .tone-l-deep{background:var(--color-paper-deep)}:root[data-theme=light] .tone-l-dim{background:var(--color-paper-dim)}:root:not([data-theme=light]) .tone-d-navy,:root[data-theme=light] .tone-l-navy{background:var(--band-navy);--color-ink:#ede6d8;--color-ink-soft:#a9b3c2;--color-line:#ede6d8;--color-shadow:#ede6d8;--color-accent-text:#e8894a;--color-focus:#f0a67f;--color-circle:#ede6d8;--color-blue:#7fa6d6;--color-paper:var(--band-navy);--color-paper-deep:var(--band-steel)}:root:not([data-theme=light]) .tone-d-bone,:root[data-theme=light] .tone-l-bone{background:var(--band-bone);--color-ink:#1c2430;--color-ink-soft:#4a5566;--color-line:#1c2430;--color-shadow:#1c2430;--color-accent-text:#a24a17;--color-focus:#a24a17;--color-circle:#1c2430;--color-blue:#3e5c7a;--color-paper:var(--band-bone);--color-paper-deep:#f6f1e6}:root:not([data-theme=light]) .tone-d-copper,:root[data-theme=light] .tone-l-copper{background:var(--band-copper);--color-ink:var(--color-on-accent);--color-ink-soft:var(--color-on-accent);--color-line:var(--color-on-accent);--color-shadow:var(--color-on-accent);--color-accent-text:var(--color-on-accent);--color-focus:var(--color-on-accent);--color-circle:var(--color-on-accent);--color-paper:var(--band-copper);--color-paper-deep:var(--band-steel)}.edge-step{--edge-h:40px;margin-top:var(--edge-h)}.edge-step:before{content:"";top:calc(var(--edge-h) * -1);height:var(--edge-h);background:var(--band-copper);clip-path:polygon(0 100%,0 62%,9% 62%,9% 31%,21% 31%,21% 0,100% 0,100% 100%);pointer-events:none;position:absolute;left:0;right:0}@media (width<=879px){.edge-step{--edge-h:28px}.edge-step:before{clip-path:polygon(0 100%,0 62%,40% 62%,40% 31%,70% 31%,70% 0,100% 0,100% 100%)}}