/* Load Global Variables */
@import "/v1/styles/shared_variables.css";

/* Set File Variables */
:root {
    --article-left-margin: 1rem;
    --article-right-margin: var(--article-left-margin);
    --half-indent: calc(var(--article-left-margin) / 2);
    --checkbox-size: 0.5rem;
    --definition-counter-font-style: italic;
    --article-interface-font-size: var(--standard-font-size);
    --article-font-size: var(--standard-font-size);
}


/* Clear any browser padding/margin */
* {
    margin: 0;
    padding: 0;
}

body {
    font-size: var(--article-interface-font-size);
}

h1.article-header {
    vertical-align: middle;
    text-align: center;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: var(--info-background-color);
    height: 4rem;
    font-size: var(--h1-font-size);
    /* line-height: 2.5rem; */
    border-radius: var(--header-border-radius);
}

h1.article-header::before {
    margin-right: 0.5rem;
    content: "—";
}

h1.article-header::after {
    margin-left: 0.5rem;
    content: "—";
}

span.article-version {
    font-size: calc(var(--article-font-size) * 1.25)
}

span.article-version ~ time::before {
    content: '(';
}

span.article-version ~ time::after {
    content: ')';
}