body

background-color: $okf-grey-1

main

padding-left: $header-space-left

th

font-weight: 500

.main__img

padding-left: $column-gap
padding-right: 0
background-color: $okf-grey-1
position: relative
z-index: 1

.main + .main .main__chapter

margin-top: 5rem

.main__img__vis

@media (max-width: $tablet)
  width: 100%
@media (min-width: $tablet)
  &:not(:first-of-type)
    margin-top: -2rem
  &:nth-of-type(odd)
    float: right

.main__img__vislist, .main__img__img

width: 100%
@media (min-width: $tablet)
  width: 40%
  position: fixed

.main__copy__inner

min-height: 100vh
max-width: 40rem
margin: auto
//font-size: 1.2rem

.main__copy

position: relative
z-index: 2
padding: 3rem 4em 0em 3em
background-color: white
font-size: 1.2rem

div > p:first-of-type
  margin-bottom: 1rem

.main__chapter
  margin-bottom: 1.5em
  font-weight: 500
  color: $okf-grey-3

.title
  font-size: $size-2
  margin-bottom: 2rem

h1, h2, h3, h4
  font-weight: 500
  margin-bottom: 0.8em
  color: $okf-font-1

h2
  font-size: $size-4

h3
  font-size: $size-5
  margin-top: 1.4em

p, ul, ol
  color: $okf-font-2
* + p
  margin-bottom: 1em

strong
  font-weight: 500
  color: currentColor

ul
  list-style: bullet
  list-style: disc outside
  margin: 1em 0
  padding-left: 2em

hr
  margin: 3rem 0 3.5rem

.main__next

text-align: center

.main__next__chapter

margin: 1rem 0 0 0 !important
color: $okf-grey-3 !important
font-weight: 500

.main__next__link

display: block
color: $okf-font-1
&:hover,
&:active
  color: $okf-blue
  .icon-next-chapter
    transform: translateX(0.2em)

.main__next__license

margin-bottom: 2.5rem

.icon-next-chapter

transition: transform 200ms ease