.content {
    padding-block: 72rem;
}

.content__inner h2 {
    -webkit-margin-after: 24rem;
            margin-block-end: 24rem;
    font-size: 48rem;
    font-weight: 500;
    line-height: 52rem;
}

.content__inner h3,
.content__inner h4 {
    -webkit-margin-after: 16rem;
            margin-block-end: 16rem;
    font-size: 20rem;
    font-weight: 600;
    line-height: 24rem;
    letter-spacing: -0.8rem;
}

.content__inner h3:not(:first-child),
.content__inner h4:not(:first-child) {
    -webkit-margin-before: 56rem;
            margin-block-start: 56rem;
}

.content__inner p:not(:first-child) {
    -webkit-margin-before: 24rem;
            margin-block-start: 24rem;
}

.content__inner a {
    text-decoration: underline;
    text-decoration-color: var(--color-primary);
    text-underline-offset: 2rem;
    text-decoration-thickness: 2rem;
    -webkit-transition: color var(--global-transition-duration);
    transition: color var(--global-transition-duration);
}

.content__inner a:hover {
    color: var(--color-primary);
}

.content__inner ul {
    -webkit-margin-after: 56rem;
            margin-block-end: 56rem;
    color: var(--color-secondary);
    line-height: 20rem;
    border-radius: 50%;
    letter-spacing: 0.18rem;
}

.content__inner ul:not(:first-child) {
    -webkit-margin-before: 16rem;
            margin-block-start: 16rem;
}

.content__inner ul li {
    position: relative;
    -webkit-padding-start: 30rem;
            padding-inline-start: 30rem;
}

.content__inner ul li:before {
    position: absolute;
    top: 0;
    width: 20rem;
    height: 20rem;
    background: url('../../img/content/icons/ul.svg') center/contain no-repeat;
    content: '';
    inset-inline-start: 0;
}

.content__inner ul li:not(:first-child) {
    -webkit-margin-before: 16rem;
            margin-block-start: 16rem;
}

.content__inner ol {
    -webkit-margin-after: 56rem;
            margin-block-end: 56rem;
    color: var(--color-secondary);
    line-height: 20rem;
    counter-reset: contentOlItem;
    letter-spacing: 0.18rem;
}

.content__inner ol:not(:first-child) {
    -webkit-margin-before: 16rem;
            margin-block-start: 16rem;
}

.content__inner ol li {
    position: relative;
    -webkit-padding-start: 30rem;
            padding-inline-start: 30rem;
    counter-increment: contentOlItem;
}

.content__inner ol li:before {
    content: counter(contentOlItem) '.';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    font-weight: 700;
}

.content__inner ol li:not(:first-child) {
    -webkit-margin-before: 16rem;
            margin-block-start: 16rem;
}

.content__inner .video:not(:first-child) {
    -webkit-margin-before: 56rem;
            margin-block-start: 56rem;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .content__inner {
        max-width: 770rem;
        margin-inline: auto;
    }
}