main {
    /*Article title*/
    h1 {
        margin-top: 32px;
        margin-bottom: 4px;
        font-size: 40px;
    }

    .date {
        margin-bottom: 16px;
        font-size: 15px;
    }

    /*Article headings*/
    h2 {
        margin-top: 20px;
        margin-bottom: 12px;
        font-size: 28px;
    }

    h3 {
        margin-top: 18px;
        margin-bottom: 11px;
        font-size: 23px;
    }

    h4 {
        margin-top: 18px;
        margin-bottom: 9px;
        font-size: 21px;
    }

    h5 {
        margin-top: 18px;
        margin-bottom: 8px;
        font-size: 19px;
    }

    h6 {
        margin-top: 18px;
        margin-bottom: 7px;
        font-size: 18px;
    }

    .caption {
        font-size: 14.5px;
        font-style: italic;
    }

    img {
        width: 100%;
    }

    .img_flex {
        display: flex;
        margin-bottom: 6px;
        align-items: center;
        img {
            min-width: 0; /* This is needed for Blink/WebKit, which will treat the the flexbox main-axis dimension (width or height) of an image as a minimum if not */
            min-height: 0;
            vertical-align: bottom /* Needed to prevent double space when there are links around images */
        }
    }

    .small {
        @media screen and (width >= 600px) {
          max-width: 50%
        }
    }

    button {
        border: none;
        background: none;
        cursor: pointer;
        height: 38px;
        aspect-ratio: 1/1;
        position: relative;
        top: 4px;
    }

    .contents_title {
        font-size: 22px;
        margin-top: 35px;
        margin-bottom: 15px;
        font-style: italic;
    }

    .contents {
        font-size: 1.23em;
        text-underline-offset: 27.5%;
        margin-bottom: 35px;
        li {
            margin-bottom: 1.5%;
            font-size: 0.9em;
            margin-left: 35px;
        }
        ul {
            margin-top: 1.5%;
            margin-bottom: 0px;
        }
    }

    .footnotes {
        content-visibility: auto;
        contain-intrinsic-size: auto 350px;
        h2 {
            padding-top: 10px;
            margin-bottom: 10px;
            font-size: 24px;
        }
        p, li {
            font-size: 14px;
        }
    }
}