@layer {
    :root {
        color-scheme: light dark;
    }
    body {
        font-family: Meiryo, Hiragino Sans, Arial, sans-serif;
        font-size: 17px;
        line-height: 1.6;
        margin: 20px;
        background-color: light-dark(#ffffff, #1E2022);
        color: light-dark(#1d1d1f, #DDDDDD);
    }
    h1 {
        text-align: center;
        font-size: 24px;
        padding-bottom: 5px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 20px;
    }
    h2 {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    p {
        margin-bottom: 10px;
    }
    .indent {
        margin-left: 20px;
    }
    ol {
        margin-left: 20px;
        padding-left: 20px;
        list-style-type: decimal;
    }

    ol > li {
        margin-bottom: 5px;
    }
   img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
   }
}