/* Layout */
main.container {
    max-width: 1200px;
    margin-inline: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

html,
body {
    height: 100vh;
}

body>footer {
    position: sticky;
    top: 100vh;
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-background-color);
    box-shadow: var(--pico-card-box-shadow);
}

body>header {
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-background-color);
    box-shadow: var(--pico-card-box-shadow);
}

/* Links in h elements */
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    --pico-color: inherit;
    --pico-underline: inherit;
}

details[open].toc>summary {
    /* TODO: Style the title to look similiar to the one on the picocss docs */
}

details.toc > ul > li::before {
    float: left;
    content: "\200b";
}

details.toc>ul> {
        border-left: var(--pico-border-width) solid var(--pico-muted-border-color);