#page > .container {
    max-width: 880px;
    padding-inline: clamp(20px, 4vw, 32px);
    color: #5F7A75;
    font-size: 18px;
    line-height: 1.7;
    overflow-wrap: break-word;
}

#page h1 {
    font-size: clamp(36px, 5vw, 48px);
    line-height: 1.15;
}

#page h2 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: clamp(26px, 3.5vw, 32px);
    line-height: 1.3;
}

#page h3 {
    margin-top: 32px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.3;
}

#page :is(p, ul, ol, figure) {
    margin-bottom: 24px;
}

#page :is(ul, ol) {
    padding-left: 24px;
}

#page li + li {
    margin-top: 8px;
}

#page li > :is(ul, ol) {
    margin-top: 8px;
    margin-bottom: 0;
}

#page table {
    min-width: 560px;
    color: #5F7A75;
    border-color: #A4B4AF;
    font-size: 16px;
    line-height: 1.5;
}

#page table :is(th, td) {
    padding: 14px 16px;
    color: inherit;
    border-color: #A4B4AF;
    vertical-align: top;
}

#page table th {
    background: #EEF0F1;
}
