p > a{
    text-decoration: underline dotted 1px;
    text-underline-offset: .35em;
}

@media screen and (min-width: 1181px){
    p > a{
        text-decoration-color: transparent;
        transition: all .2s;
    }

    p > a:hover{
        text-decoration-color: inherit;
        text-decoration-style: solid;
    }
}

form > p,
figure,
table{
    margin: 1em 0;
}

.content ul,
.content ol,
.content dl{
    margin: 2em 0;
}

.content p{
    line-height: 1.6;
    margin-top: 1em;
    padding: 0 1em;
}

@media screen and (min-width: 767px){
    .content p{
        margin-top: 2em;
        padding: 0 2em;
    }

    .content p + p{
        margin-top: 1em;
    }

    .content ul,
    .content ol,
    .content dl{
        margin: 3em 0;
    }

    figure,
    table{
        margin: 2em 0;
    }
}

input{
    outline: none;
    padding: .25em .5em;
    border: 2px #ccc solid;
    border-radius: 2px;
    transition: .2s;
}

img{
    max-width: 100%;
    height: auto;
    pointer-events: none;
    line-height: 1;
}

figure{
    line-height: 1;
    position: relative;
}

figure.gray img{
    border: 1px #ddd solid;
}

figcaption{
    margin-top: .25em;
    display: table-caption;
    caption-side: bottom;
    text-align: center;
    display: block;
}

figcaption a{
    font-size: inherit;
}

.right{
    text-align: right !important;
}

.center{
    text-align: center !important;
}

mark{
    position: relative;
    background: none;
    transition: background-size 1s ease-out;
    background-repeat: no-repeat;
    background-size: 0% 100%;
}

mark.is-visible{
    background-size: 100% 100%;
}

.content iframe{
    width: 100%;
    padding: 0;
    margin-top: 1em;
}

@media screen and (min-width: 767px){
    .content iframe{
        margin-top: 2em;
    }
}

.content p.color{
    padding: 2em 1em;
}

.content p.color mark{
    color: inherit;
}

@media screen and (min-width: 767px){
    .content p.color{
        padding: 2em;
    }
}

@media screen and (min-width: 767px){
    .grids{
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 0;
    }
}