@import "/css/home.css";
@import "/fonts/sitelenselikiwen.css";

body:has(input[value=pona]:checked),
body:has(input[value=pona]:checked) :lang(tok) {
    font-family: "sitelen seli kiwen", var(--page-font-stack);
}
body:has(input[value=pona]:checked) code:lang(tok),
body:has(input[value=pona]:checked) input:lang(tok),
body:has(input[value=pona]:checked) pre:lang(tok),
body:has(input[value=pona]:checked) textarea:lang(tok) {
    font-family: "sitelen seli kiwen mono", var(--code-font-stack);
}

body:has(input[value=pona]:checked) :not(:lang(tok)) {
    font-family: var(--page-font-stack);
}

@media (max-width: 340px) {
    #muse > figcaption {
        text-align: left;
        text-indent: 2ch;
    }
}

@media (min-width: 200px) {
    #masthead > hgroup > h1 {
        font-size: 2rem;
    }
}

@media (min-width: 330px) {
    #masthead > hgroup > h1 {
        font-size: 2.5rem;
    }
}

@media (min-width: 360px) {
    #masthead > hgroup > h1 {
        font-size: 2.875rem;
    }
}

@media (min-width: 500px) and (max-width: 625px) {
    #masthead > hgroup > h1 {
        font-size: 4rem;
    }
}

#masthead > hgroup {
    max-width: none;
}

@media (max-width: 625px) {
    #masthead > hgroup > h1 > :not(:first-child),
    #masthead > hgroup > p {
        display: none;
    }
}