div.page { background-color: $backgroundColour; border-radius: 1rem; border-top-left-radius: 0; border-top-right-radius:0; border-top-color: $foregroundColour; border-top-style: solid; border-top-width: calc(1rem / 3); color: $foregroundColour; margin: 0 auto; max-width: $maximumPageWidth; min-width: $minimumPageWidth; padding: 1rem 2rem; p.heading { font-family:$sansSerifFont; font-size: 3rem; font-weight:bold; text-align: center; } div.section { & + div.section { &::before { background-color:$bodyColour; border-radius: calc(1rem / 3 / 3); content: ""; display: block; height: calc(1rem / 3); margin: 1rem auto; width: calc(100% / 3); } } img,ol,p:not(.heading,.subheading),table,ul { & + img,& + ol,& + p,& + table,& + ul { margin-top:1rem; } } p.heading { font-size: 2rem; margin-bottom:1rem; text-align: left; } p.subheading { margin-top: -1rem; margin-bottom:1rem; span.data { font-style:italic; & + span.data { &::before { content:"\0020\2014\0020"; } } } } img.logo { border-radius:calc(6rem * 16 / 384); width: 6rem; } ol,ul { li { margin-left:1rem; } } table { border-spacing:calc(1rem / 3); font-family: $monospaceFont; tr { td,th { background-color:$bodyColour; border-radius: calc(1rem / 3); padding: calc(1rem / 3) calc(2rem / 3); &.strikethrough { text-decoration:line-through; } } } } } }