@charset "utf-8";


/* === { DOCUMENT } === */

body {
    font-family: "SUSE", sans-serif;
    font-size: 100%;
}


/* === { LINKS } === */

a {
    &:where(:link, :visited) {
        color: inherit;
        text-decoration: underline;
    }
    
    &:where(:hover, :active) {
        text-decoration-style: dotted;
    }
}


/* === { HEADINGS } === */

h1 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 120%;
}

h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 140%;
}


/* === { COPY } === */

p {
    line-height: 140%;
}

:where(b, strong) {
    font-weight: 700;
}


/* === { MISC } === */

hr {
    background-color: var(--color_primary);
    border: none;
    height: 1px;
}

ul {
    line-height: 160%;
    list-style-position: inside;
    
    li {
        line-height: inherit;
        list-style-type: none;
    }

    ul {
        li {
            list-style-type: square;
        }
    }
}