@import url("https://rsms.me/inter/inter.css");

* {
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    padding: 1em;
    margin: 0;
    font-feature-settings: 'ss02' 1, 'tnum' 1;
}

h1 {
    margin-top: 0;
}

summary {
    margin-left: 0.2em;
}

details > *:not(summary) {
    margin-left: 1.3em;
}

p, details {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

p:nth-child(2n), details:nth-child(2n) {
    background: rgba(0, 0, 0, 0.05);
}

details {
    border: 1px solid transparent;
}

details[open] {
    padding-right: 1em;
    margin-bottom: 1em;
    border: 1px solid rgba(0, 0, 0, 0.5);
}