@charset "UTF-8";

:root {
    --privacy-bg-color: #f3f4f3;
    --privacy-border-color: #dfdfdf;
    --privacy-text-color: #0b0b0b;
    --privacy-selection-color: #0072d0;
}

:root.scheme-dark {
    --privacy-bg-color: #1e1e1e;
    --privacy-border-color: #4a4b4a;
    --privacy-text-color: #d4d4d8;
    --privacy-selection-color: #005fad;
}

@media (prefers-color-scheme: dark) {
    :root {
        --privacy-bg-color: #121212;
        --privacy-border-color: #343434;
        --privacy-text-color: #ededed;
        --privacy-selection-color: #005fad;
    }
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    background-color: var(--privacy-bg-color);
}

article {
    width: 1200px;
    padding: 15px 20px;
    background-color: inherit;
    color: var(--privacy-text-color);
    border: 1px solid var(--privacy-border-color);
}

article ::selection {
    background-color: var(--privacy-selection-color);
    color: white;
}

article h1 {
    text-align: center;
    margin: 0;
    padding: 9px 0;
    font-size: 32px;
}

article h2 {
    text-align: left;
    margin: 0;
    padding: 5px 0;
    font-size: 24px;
}

article p {
    margin: 0.6em 0;
    font-size: 18px;
    line-height: 1.6em;
}

article ol {
    margin: 0;
    list-style-type: decimal;
    padding-left: 25px;
}

article ul {
    margin: 0;
    list-style-type: disc;
    padding-left: 25px;
}

article li {
    margin: 0.8em 0;
    font-size: 18px;
    line-height: 1.6em;
}

article a {
    color: var(--privacy-text-color);
    text-decoration: underline;
}

article a:hover {
    text-decoration: none;
}