.debug *{border:.01px solid yellow!important}.wrapper,body{--padding:1rem;--gutter:minmax(0,1fr);--content-max:70rem;--content:min(100% - 2 * var(--padding),var(--content-max));--breakout-max:90rem;--breakout:minmax(0,calc((var(--breakout-max) - var(--content-max)) / 2));display:grid;grid-template-columns:[edge-start] var(--padding) [full-width-start] var(--gutter) [breakout-start breakout-left-start] var(--breakout) [content-start breakout-right-start] var(--content) [content-end breakout-left-end] var(--breakout) [breakout-end breakout-right-end] var(--gutter) [full-width-end] var(--padding) [edge-end]}@media (orientation:landscape){.wrapper,body{--padding:3rem}}*{grid-column:content}.breakout{grid-column:breakout}.breakout-left{grid-column:breakout-left}.breakout-right{grid-column:breakout-right}.full-width{grid-column:full-width}.edge{grid-column:edge}body{min-height:100dvh;grid-template-rows:[header-start] auto [header-end main-start] 1fr [main-end footer-start] auto [footer-end]}footer,header,main{grid-column:edge;display:grid!important;grid-template-columns:subgrid}header{grid-row:header}main{grid-row:main;row-gap:1rem;margin-bottom:1rem}footer{grid-row:footer}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}@media (max-width:900px){html{scroll-snap-type:none}}body,footer,main{transition:background-color .25s linear}p,span{transition:color .25s linear}a{color:var(--mui-palette-primary-main);cursor:pointer;text-decoration:none}.monospace{font-family:Fira Code,monospace!important;font-feature-settings:"contextual"!important;font-variant-ligatures:"contextual"!important}