section { /* Use CSS max() in plain CSS rather than Sass max() for calc() compatibility */ padding: 40px; padding-left: max(40px, calc((100% - 1000px) / 2)); padding-right: max(40px, calc((100% - 1000px) / 2)); transition: background var(--transition), color var(--transition); }

section[data-size="wide"] { padding: 40px; }

section[data-size="full"] { padding: 0; }

section[data-size="full"] > * { margin: 0; border-radius: 0; }

section[data-size="full"] img { border-radius: 0; }

main > section:last-of-type { flex-grow: 1; }

main > section:nth-of-type(odd) { background: var(--background); }

main > section:nth-of-type(even) { background: var(--background-alt); }

/*# sourceMappingURL=section.css.map */