/*
 * Typography for the rendered privacy policy and licence pages.
 *
 * Those pages are produced by the packaging script from `document-template.html`; colours come from
 * the variables declared in `style.css`, so light and dark mode need nothing extra here.
 */

.document {
    max-width: 38rem;
    padding: clamp(2rem, 5vw, 3.5rem) 0 clamp(3rem, 6vw, 5rem);
    line-height: 1.7;
}

.document h1 {
    font-size: clamp(1.7rem, 3vw, 2.1rem);
    letter-spacing: -0.01em;
}

.document h2 {
    margin-top: 2.2em;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
}

.document h3 {
    margin-top: 1.8em;
    font-size: 1.05rem;
}

.document ul,
.document ol {
    margin: 0 0 1em;
    padding-inline-start: 1.4em;
}

.document li {
    margin-bottom: 0.35em;
}

.document a {
    color: var(--accent);
    text-underline-offset: 0.15em;
}

.document code {
    padding: 0.1em 0.35em;
    border-radius: 0.25rem;
    background: var(--bg-alt);
    font-family: "Cascadia Mono", Consolas, "Courier New", monospace;
    font-size: 0.9em;
}

.document hr {
    height: 0;
    margin: 2.4em 0;
    border: 0;
    border-top: 1px solid var(--border);
}