:root{--clr-background:#FFD898;--clr-foreground:#9d7259;--clr-popup:#805b43;--clr-text:#F9EAC2;--clr-accent:#4bb76b;--clr-red:#e25c4a;--clr-blue:#4a90e2;--media-mobile:680px;--inner-width:min(90%,600px)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{color-scheme:dark light;scroll-behavior:smooth;scroll-padding-top:3rem}body{min-height:100vh;-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed}img,picture,svg,video{display:block;max-inline-size:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{max-width:75ch;line-height:1.4;font-size:1.2rem;text-wrap:pretty}button,input,select,textarea{font:inherit;touch-action:manipulation}.content-grid{--padding-inline:2rem;--content-max-width:80ch;--breakout-max-width:min(75vw,1200px);--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}img.full-width{width:100%;max-height:45vh;object-fit:cover}