/* === Colours: palette === */

:root {
    --black: #1a1a1a;
    --grey-600: #888;
    --grey-400: #aaa;
    --grey-300: #bbb;
    --grey-200: #ebebeb;
    --grey-150: #eee;
    --grey-100: #f2f2f2;
    --white: #fff;

    --blue-600: #2060bf;
    --blue-800: #13408c;

    --yellow-300: #fde68a;
    --yellow-500: #cc8800;
}

/* === Reset & base === */

html {
    font-size: 16px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

textarea {
    font-family: inherit;
    font-size: inherit;
}

body {
    font-family: "Roboto Slab", Georgia, serif;
    font-size: 1.1875rem;
    line-height: 1.65;
    color: var(--black);
    background: var(--white);
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
}

/* === Header === */

header {
    padding: 3rem 1.5rem 3.5rem;
    text-align: center;
}

header a {
    line-height: 1em;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--black);
    text-decoration: none;
    display: inline-block;
    transition:
        transform 0.5s ease,
        color 0.5s ease;
}

header a:hover {
    color: var(--blue-600);
    transform: scale(1.08);
}

/* === Main layout === */

main {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 1.5rem 2rem;
}

/* === Articles === */

article {
    margin-bottom: 3rem;
}

article + article {
    padding-top: 2.5rem;
    border-top: 1px solid var(--grey-200);
}

/* === Post title === */

article > h1 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 0.9rem;
}

article > h2 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 0.9rem;
}

article > h1 a,
article > h2 a {
    color: var(--black);
    text-decoration: none;
}

article > h1 a:hover,
article > h2 a:hover {
    color: var(--blue-600);
}

/* === Images === */

.post-images {
    margin-bottom: 2rem;
}

.post-images figure {
    margin: 0;
}

.post-images figure + figure {
    margin-top: 1.5rem;
}

.post-images img {
    width: 100%;
    display: block;
    border-radius: 2px;
}

/* Full-bleed images on individual post pages */
article.single-post .post-images {
    width: 100vw;
    max-width: 840px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 2.5rem;
}

article.single-post .post-images img {
    border-radius: 0;
}

/* === Post body === */

.post-body a {
    color: var(--blue-600);
}

.post-body a:hover {
    color: var(--blue-800);
}

.post-body {
    font-size: 1rem;
    color: var(--black);
}

.post-body p {
    margin: 0 0 1rem;
}

.post-body p:last-child {
    margin-bottom: 0;
}

.post-body blockquote {
    margin: 1.25rem 0;
    font-size: 1rem;
    background: var(--grey-150);
    border-left: 5px solid var(--grey-400);
    padding: 1.5rem;
    line-height: 1.55;
}

.post-body h3 {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 1.4rem 0 0.4rem;
    color: var(--black);
}

.post-body h4 {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 1.2rem 0 0.3rem;
    color: var(--black);
}

/* === Highlighted text === */

mark {
    background: var(--yellow-300);
    color: inherit;
    padding: 0.05em 0.15em;
    border-radius: 2px;
}

/* === Code === */

code {
    font-family: "Source Code Pro", "Courier New", Courier, monospace;
    font-size: inherit;
    background: var(--grey-100);
    padding: 0.15em 0.4em;
    border-radius: 3px;
}

.post-body pre {
    background: var(--grey-100);
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin: 0 0 0.85rem;
    overflow-x: auto;
}

.post-body pre code {
    background: none;
    padding: 0;
    border-radius: 0;
    font-size: 0.95rem;
    line-height: 1.7;
}

/* === Download link === */

a.download-link {
    color: var(--blue-600);
    text-decoration: none;
    transition: color 0.2s ease;
}

a.download-link:hover {
    color: var(--blue-800);
}

a.download-link::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.35em;
    background-color: var(--blue-600);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzUyIDk2QzM1MiA3OC4zIDMzNy43IDY0IDMyMCA2NEMzMDIuMyA2NCAyODggNzguMyAyODggOTZMMjg4IDMwNi43TDI0Ni42IDI2NS4zQzIzNC4xIDI1Mi44IDIxMy44IDI1Mi44IDIwMS4zIDI2NS4zQzE4OC44IDI3Ny44IDE4OC44IDI5OC4xIDIwMS4zIDMxMC42TDI5Ny4zIDQwNi42QzMwOS44IDQxOS4xIDMzMC4xIDQxOS4xIDM0Mi42IDQwNi42TDQzOC42IDMxMC42QzQ1MS4xIDI5OC4xIDQ1MS4xIDI3Ny44IDQzOC42IDI2NS4zQzQyNi4xIDI1Mi44IDQwNS44IDI1Mi44IDM5My4zIDI2NS4zTDM1MiAzMDYuN0wzNTIgOTZ6TTE2MCAzODRDMTI0LjcgMzg0IDk2IDQxMi43IDk2IDQ0OEw5NiA0ODBDOTYgNTE1LjMgMTI0LjcgNTQ0IDE2MCA1NDRMNDgwIDU0NEM1MTUuMyA1NDQgNTQ0IDUxNS4zIDU0NCA0ODBMNTQ0IDQ0OEM1NDQgNDEyLjcgNTE1LjMgMzg0IDQ4MCAzODRMNDMzLjEgMzg0TDM3Ni41IDQ0MC42QzM0NS4zIDQ3MS44IDI5NC42IDQ3MS44IDI2My40IDQ0MC42TDIwNi45IDM4NEwxNjAgMzg0ek00NjQgNDQwQzQ3Ny4zIDQ0MCA0ODggNDUwLjcgNDg4IDQ2NEM0ODggNDc3LjMgNDc3LjMgNDg4IDQ2NCA0ODhDNDUwLjcgNDg4IDQ0MCA0NzcuMyA0NDAgNDY0QzQ0MCA0NTAuNyA0NTAuNyA0NDAgNDY0IDQ0MHoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzUyIDk2QzM1MiA3OC4zIDMzNy43IDY0IDMyMCA2NEMzMDIuMyA2NCAyODggNzguMyAyODggOTZMMjg4IDMwNi43TDI0Ni42IDI2NS4zQzIzNC4xIDI1Mi44IDIxMy44IDI1Mi44IDIwMS4zIDI2NS4zQzE4OC44IDI3Ny44IDE4OC44IDI5OC4xIDIwMS4zIDMxMC42TDI5Ny4zIDQwNi42QzMwOS44IDQxOS4xIDMzMC4xIDQxOS4xIDM0Mi42IDQwNi42TDQzOC42IDMxMC42QzQ1MS4xIDI5OC4xIDQ1MS4xIDI3Ny44IDQzOC42IDI2NS4zQzQyNi4xIDI1Mi44IDQwNS44IDI1Mi44IDM5My4zIDI2NS4zTDM1MiAzMDYuN0wzNTIgOTZ6TTE2MCAzODRDMTI0LjcgMzg0IDk2IDQxMi43IDk2IDQ0OEw5NiA0ODBDOTYgNTE1LjMgMTI0LjcgNTQ0IDE2MCA1NDRMNDgwIDU0NEM1MTUuMyA1NDQgNTQ0IDUxNS4zIDU0NCA0ODBMNTQ0IDQ0OEM1NDQgNDEyLjcgNTE1LjMgMzg0IDQ4MCAzODRMNDMzLjEgMzg0TDM3Ni41IDQ0MC42QzM0NS4zIDQ3MS44IDI5NC42IDQ3MS44IDI2My40IDQ0MC42TDIwNi45IDM4NEwxNjAgMzg0ek00NjQgNDQwQzQ3Ny4zIDQ0MCA0ODggNDUwLjcgNDg4IDQ2NEM0ODggNDc3LjMgNDc3LjMgNDg4IDQ2NCA0ODhDNDUwLjcgNDg4IDQ0MCA0NzcuMyA0NDAgNDY0QzQ0MCA0NTAuNyA0NTAuNyA0NDAgNDY0IDQ0MHoiLz48L3N2Zz4=");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.2em;
    transition: background-color 0.2s ease;
}

a.download-link:hover::before {
    background-color: var(--blue-800);
}

/* === Micro-post === */

article.micro-post .post-body {
    font-size: 1.15rem;
    font-weight: 400;
}

/* === Date === */

article footer {
    margin-top: 1.8rem;
    display: flex;
    align-items: center;
    line-height: 1;
}

time {
    font-size: 0.9rem;
    color: var(--grey-600);
}

time a {
    color: var(--blue-600);
    text-decoration: none;
}

time a:hover {
    color: var(--blue-800);
}

/* === Category === */

.category {
    font-size: 0.9rem;
    color: var(--blue-600);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

article footer .category {
    border-left: 1px solid var(--grey-400);
    padding-left: 0.5rem;
    margin-left: 0.5rem;
}

.category:hover {
    color: var(--blue-800);
}

.category::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: var(--blue-600);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDEyOEMxMjggOTIuNyAxNTYuNyA2NCAxOTIgNjRMNDQ4IDY0QzQ4My4zIDY0IDUxMiA5Mi43IDUxMiAxMjhMNTEyIDU0NS4xQzUxMiA1NzAuNyA0ODMuNSA1ODUuOSA0NjIuMiA1NzEuN0wzMjAgNDc2LjhMMTc3LjggNTcxLjdDMTU2LjUgNTg1LjkgMTI4IDU3MC42IDEyOCA1NDUuMUwxMjggMTI4ek0xOTIgMTEyQzE4My4yIDExMiAxNzYgMTE5LjIgMTc2IDEyOEwxNzYgNTE1LjJMMjkzLjQgNDM3QzMwOS41IDQyNi4zIDMzMC41IDQyNi4zIDM0Ni42IDQzN0w0NjQgNTE1LjJMNDY0IDEyOEM0NjQgMTE5LjIgNDU2LjggMTEyIDQ0OCAxMTJMMTkyIDExMnoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDEyOEMxMjggOTIuNyAxNTYuNyA2NCAxOTIgNjRMNDQ4IDY0QzQ4My4zIDY0IDUxMiA5Mi43IDUxMiAxMjhMNTEyIDU0NS4xQzUxMiA1NzAuNyA0ODMuNSA1ODUuOSA0NjIuMiA1NzEuN0wzMjAgNDc2LjhMMTc3LjggNTcxLjdDMTU2LjUgNTg1LjkgMTI4IDU3MC42IDEyOCA1NDUuMUwxMjggMTI4ek0xOTIgMTEyQzE4My4yIDExMiAxNzYgMTE5LjIgMTc2IDEyOEwxNzYgNTE1LjJMMjkzLjQgNDM3QzMwOS41IDQyNi4zIDMzMC41IDQyNi4zIDM0Ni42IDQzN0w0NjQgNTE1LjJMNDY0IDEyOEM0NjQgMTE5LjIgNDU2LjggMTEyIDQ0OCAxMTJMMTkyIDExMnoiLz48L3N2Zz4=");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.2s ease;
}

.category:hover::before {
    background-color: var(--blue-800);
}

/* === More photos / Read more links === */

.more-photos,
.read-more {
    display: block;
    margin-top: 1rem;
    font-size: 1rem;
    color: var(--blue-600);
    text-decoration: none;
}

.more-photos:hover,
.read-more:hover {
    color: var(--blue-800);
}

.more-photos::before {
    content: "";
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.2em;
    margin-right: 0.35em;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTYwIDE0NEMxNTEuMiAxNDQgMTQ0IDE1MS4yIDE0NCAxNjBMMTQ0IDQ4MEMxNDQgNDg4LjggMTUxLjIgNDk2IDE2MCA0OTZMNDgwIDQ5NkM0ODguOCA0OTYgNDk2IDQ4OC44IDQ5NiA0ODBMNDk2IDE2MEM0OTYgMTUxLjIgNDg4LjggMTQ0IDQ4MCAxNDRMMTYwIDE0NHpNOTYgMTYwQzk2IDEyNC43IDEyNC43IDk2IDE2MCA5Nkw0ODAgOTZDNTE1LjMgOTYgNTQ0IDEyNC43IDU0NCAxNjBMNTQ0IDQ4MEM1NDQgNTE1LjMgNTE1LjMgNTQ0IDQ4MCA1NDRMMTYwIDU0NEMxMjQuNyA1NDQgOTYgNTE1LjMgOTYgNDgwTDk2IDE2MHpNMjI0IDE5MkMyNDEuNyAxOTIgMjU2IDIwNi4zIDI1NiAyMjRDMjU2IDI0MS43IDI0MS43IDI1NiAyMjQgMjU2QzIwNi4zIDI1NiAxOTIgMjQxLjcgMTkyIDIyNEMxOTIgMjA2LjMgMjA2LjMgMTkyIDIyNCAxOTJ6TTM2MCAyNjRDMzY4LjUgMjY0IDM3Ni40IDI2OC41IDM4MC43IDI3NS44TDQ2MC43IDQxMS44QzQ2NS4xIDQxOS4yIDQ2NS4xIDQyOC40IDQ2MC44IDQzNS45QzQ1Ni41IDQ0My40IDQ0OC42IDQ0OCA0NDAgNDQ4TDIwMCA0NDhDMTkxLjEgNDQ4IDE4Mi44IDQ0MyAxNzguNyA0MzUuMUMxNzQuNiA0MjcuMiAxNzUuMiA0MTcuNiAxODAuMyA0MTAuM0wyMzYuMyAzMzAuM0MyNDAuOCAzMjMuOSAyNDguMSAzMjAuMSAyNTYgMzIwLjFDMjYzLjkgMzIwLjEgMjcxLjIgMzIzLjkgMjc1LjcgMzMwLjNMMjkyLjkgMzU0LjlMMzM5LjQgMjc1LjlDMzQzLjcgMjY4LjYgMzUxLjYgMjY0LjEgMzYwLjEgMjY0LjF6Ii8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTYwIDE0NEMxNTEuMiAxNDQgMTQ0IDE1MS4yIDE0NCAxNjBMMTQ0IDQ4MEMxNDQgNDg4LjggMTUxLjIgNDk2IDE2MCA0OTZMNDgwIDQ5NkM0ODguOCA0OTYgNDk2IDQ4OC44IDQ5NiA0ODBMNDk2IDE2MEM0OTYgMTUxLjIgNDg4LjggMTQ0IDQ4MCAxNDRMMTYwIDE0NHpNOTYgMTYwQzk2IDEyNC43IDEyNC43IDk2IDE2MCA5Nkw0ODAgOTZDNTE1LjMgOTYgNTQ0IDEyNC43IDU0NCAxNjBMNTQ0IDQ4MEM1NDQgNTE1LjMgNTE1LjMgNTQ0IDQ4MCA1NDRMMTYwIDU0NEMxMjQuNyA1NDQgOTYgNTE1LjMgOTYgNDgwTDk2IDE2MHpNMjI0IDE5MkMyNDEuNyAxOTIgMjU2IDIwNi4zIDI1NiAyMjRDMjU2IDI0MS43IDI0MS43IDI1NiAyMjQgMjU2QzIwNi4zIDI1NiAxOTIgMjQxLjcgMTkyIDIyNEMxOTIgMjA2LjMgMjA2LjMgMTkyIDIyNCAxOTJ6TTM2MCAyNjRDMzY4LjUgMjY0IDM3Ni40IDI2OC41IDM4MC43IDI3NS44TDQ2MC43IDQxMS44QzQ2NS4xIDQxOS4yIDQ2NS4xIDQyOC40IDQ2MC44IDQzNS45QzQ1Ni41IDQ0My40IDQ0OC42IDQ0OCA0NDAgNDQ4TDIwMCA0NDhDMTkxLjEgNDQ4IDE4Mi44IDQ0MyAxNzguNyA0MzUuMUMxNzQuNiA0MjcuMiAxNzUuMiA0MTcuNiAxODAuMyA0MTAuM0wyMzYuMyAzMzAuM0MyNDAuOCAzMjMuOSAyNDguMSAzMjAuMSAyNTYgMzIwLjFDMjYzLjkgMzIwLjEgMjcxLjIgMzIzLjkgMjc1LjcgMzMwLjNMMjkyLjkgMzU0LjlMMzM5LjQgMjc1LjlDMzQzLjcgMjY4LjYgMzUxLjYgMjY0LjEgMzYwLjEgMjY0LjF6Ii8+PC9zdmc+");
}

.more-photos::after,
.read-more::after {
    content: "";
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.1em;
    margin-left: 0.35em;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTY2LjYgMzQyLjZDNTc5LjEgMzMwLjEgNTc5LjEgMzA5LjggNTY2LjYgMjk3LjNMNDA2LjYgMTM3LjNDMzk0LjEgMTI0LjggMzczLjggMTI0LjggMzYxLjMgMTM3LjNDMzQ4LjggMTQ5LjggMzQ4LjggMTcwLjEgMzYxLjMgMTgyLjZMNDY2LjcgMjg4TDk2IDI4OEM3OC4zIDI4OCA2NCAzMDIuMyA2NCAzMjBDNjQgMzM3LjcgNzguMyAzNTIgOTYgMzUyTDQ2Ni43IDM1MkwzNjEuMyA0NTcuNEMzNDguOCA0NjkuOSAzNDguOCA0OTAuMiAzNjEuMyA1MDIuN0MzNzMuOCA1MTUuMiAzOTQuMSA1MTUuMiA0MDYuNiA1MDIuN0w1NjYuNiAzNDIuN3oiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTY2LjYgMzQyLjZDNTc5LjEgMzMwLjEgNTc5LjEgMzA5LjggNTY2LjYgMjk3LjNMNDA2LjYgMTM3LjNDMzk0LjEgMTI0LjggMzczLjggMTI0LjggMzYxLjMgMTM3LjNDMzQ4LjggMTQ5LjggMzQ4LjggMTcwLjEgMzYxLjMgMTgyLjZMNDY2LjcgMjg4TDk2IDI4OEM3OC4zIDI4OCA2NCAzMDIuMyA2NCAzMjBDNjQgMzM3LjcgNzguMyAzNTIgOTYgMzUyTDQ2Ni43IDM1MkwzNjEuMyA0NTcuNEMzNDguOCA0NjkuOSAzNDguOCA0OTAuMiAzNjEuMyA1MDIuN0MzNzMuOCA1MTUuMiAzOTQuMSA1MTUuMiA0MDYuNiA1MDIuN0w1NjYuNiAzNDIuN3oiLz48L3N2Zz4=");
}

/* === Archive === */

main > h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 3rem;
}

main > h2 {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 1.8rem 0 0.6rem;
}

main > ul {
    list-style: disc;
    padding-left: 1.6rem;
    margin: 0 0 1.5rem;
}

main > ul li {
    font-size: 0.95rem;
    line-height: 1.4;
}

main > ul li::marker {
    color: var(--black);
    font-size: 0.7em;
}

main > ul a {
    font-size: 0.95rem;
    color: var(--blue-600);
    text-decoration: none;
}

main > ul a:hover {
    color: var(--blue-800);
}

dl.archive-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 1.5rem 0 2.5rem;
    padding: 0;
    display: none;
}

dl.archive-stats dt {
    font-size: 0.95rem;
    color: var(--blue-600);
    cursor: pointer;
}

dl.archive-stats dt.selected {
    font-weight: 500;
    color: var(--black);
}

dl.archive-stats dt::before {
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.1em;
    margin-right: 0.3em;
}

dl.archive-stats dt.all::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTkyIDExMkwzMDQgMTEyTDMwNCAyMDBDMzA0IDIzOS44IDMzNi4yIDI3MiAzNzYgMjcyTDQ2NCAyNzJMNDY0IDUxMkM0NjQgNTIwLjggNDU2LjggNTI4IDQ0OCA1MjhMMTkyIDUyOEMxODMuMiA1MjggMTc2IDUyMC44IDE3NiA1MTJMMTc2IDEyOEMxNzYgMTE5LjIgMTgzLjIgMTEyIDE5MiAxMTJ6TTM1MiAxMzEuOUw0NDQuMSAyMjRMMzc2IDIyNEMzNjIuNyAyMjQgMzUyIDIxMy4zIDM1MiAyMDBMMzUyIDEzMS45ek0xOTIgNjRDMTU2LjcgNjQgMTI4IDkyLjcgMTI4IDEyOEwxMjggNTEyQzEyOCA1NDcuMyAxNTYuNyA1NzYgMTkyIDU3Nkw0NDggNTc2QzQ4My4zIDU3NiA1MTIgNTQ3LjMgNTEyIDUxMkw1MTIgMjUwLjVDNTEyIDIzMy41IDUwNS4zIDIxNy4yIDQ5My4zIDIwNS4yTDM3MC43IDgyLjdDMzU4LjcgNzAuNyAzNDIuNSA2NCAzMjUuNSA2NEwxOTIgNjR6TTI0OCAzMjBDMjM0LjcgMzIwIDIyNCAzMzAuNyAyMjQgMzQ0QzIyNCAzNTcuMyAyMzQuNyAzNjggMjQ4IDM2OEwzOTIgMzY4QzQwNS4zIDM2OCA0MTYgMzU3LjMgNDE2IDM0NEM0MTYgMzMwLjcgNDA1LjMgMzIwIDM5MiAzMjBMMjQ4IDMyMHpNMjQ4IDQxNkMyMzQuNyA0MTYgMjI0IDQyNi43IDIyNCA0NDBDMjI0IDQ1My4zIDIzNC43IDQ2NCAyNDggNDY0TDM5MiA0NjRDNDA1LjMgNDY0IDQxNiA0NTMuMyA0MTYgNDQwQzQxNiA0MjYuNyA0MDUuMyA0MTYgMzkyIDQxNkwyNDggNDE2eiIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTkyIDExMkwzMDQgMTEyTDMwNCAyMDBDMzA0IDIzOS44IDMzNi4yIDI3MiAzNzYgMjcyTDQ2NCAyNzJMNDY0IDUxMkM0NjQgNTIwLjggNDU2LjggNTI4IDQ0OCA1MjhMMTkyIDUyOEMxODMuMiA1MjggMTc2IDUyMC44IDE3NiA1MTJMMTc2IDEyOEMxNzYgMTE5LjIgMTgzLjIgMTEyIDE5MiAxMTJ6TTM1MiAxMzEuOUw0NDQuMSAyMjRMMzc2IDIyNEMzNjIuNyAyMjQgMzUyIDIxMy4zIDM1MiAyMDBMMzUyIDEzMS45ek0xOTIgNjRDMTU2LjcgNjQgMTI4IDkyLjcgMTI4IDEyOEwxMjggNTEyQzEyOCA1NDcuMyAxNTYuNyA1NzYgMTkyIDU3Nkw0NDggNTc2QzQ4My4zIDU3NiA1MTIgNTQ3LjMgNTEyIDUxMkw1MTIgMjUwLjVDNTEyIDIzMy41IDUwNS4zIDIxNy4yIDQ5My4zIDIwNS4yTDM3MC43IDgyLjdDMzU4LjcgNzAuNyAzNDIuNSA2NCAzMjUuNSA2NEwxOTIgNjR6TTI0OCAzMjBDMjM0LjcgMzIwIDIyNCAzMzAuNyAyMjQgMzQ0QzIyNCAzNTcuMyAyMzQuNyAzNjggMjQ4IDM2OEwzOTIgMzY4QzQwNS4zIDM2OCA0MTYgMzU3LjMgNDE2IDM0NEM0MTYgMzMwLjcgNDA1LjMgMzIwIDM5MiAzMjBMMjQ4IDMyMHpNMjQ4IDQxNkMyMzQuNyA0MTYgMjI0IDQyNi43IDIyNCA0NDBDMjI0IDQ1My4zIDIzNC43IDQ2NCAyNDggNDY0TDM5MiA0NjRDNDA1LjMgNDY0IDQxNiA0NTMuMyA0MTYgNDQwQzQxNiA0MjYuNyA0MDUuMyA0MTYgMzkyIDQxNkwyNDggNDE2eiIvPjwvc3ZnPg==");
}

dl.archive-stats dt.photo-post::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTYwIDE0NEMxNTEuMiAxNDQgMTQ0IDE1MS4yIDE0NCAxNjBMMTQ0IDQ4MEMxNDQgNDg4LjggMTUxLjIgNDk2IDE2MCA0OTZMNDgwIDQ5NkM0ODguOCA0OTYgNDk2IDQ4OC44IDQ5NiA0ODBMNDk2IDE2MEM0OTYgMTUxLjIgNDg4LjggMTQ0IDQ4MCAxNDRMMTYwIDE0NHpNOTYgMTYwQzk2IDEyNC43IDEyNC43IDk2IDE2MCA5Nkw0ODAgOTZDNTE1LjMgOTYgNTQ0IDEyNC43IDU0NCAxNjBMNTQ0IDQ4MEM1NDQgNTE1LjMgNTE1LjMgNTQ0IDQ4MCA1NDRMMTYwIDU0NEMxMjQuNyA1NDQgOTYgNTE1LjMgOTYgNDgwTDk2IDE2MHpNMjI0IDE5MkMyNDEuNyAxOTIgMjU2IDIwNi4zIDI1NiAyMjRDMjU2IDI0MS43IDI0MS43IDI1NiAyMjQgMjU2QzIwNi4zIDI1NiAxOTIgMjQxLjcgMTkyIDIyNEMxOTIgMjA2LjMgMjA2LjMgMTkyIDIyNCAxOTJ6TTM2MCAyNjRDMzY4LjUgMjY0IDM3Ni40IDI2OC41IDM4MC43IDI3NS44TDQ2MC43IDQxMS44QzQ2NS4xIDQxOS4yIDQ2NS4xIDQyOC40IDQ2MC44IDQzNS45QzQ1Ni41IDQ0My40IDQ0OC42IDQ0OCA0NDAgNDQ4TDIwMCA0NDhDMTkxLjEgNDQ4IDE4Mi44IDQ0MyAxNzguNyA0MzUuMUMxNzQuNiA0MjcuMiAxNzUuMiA0MTcuNiAxODAuMyA0MTAuM0wyMzYuMyAzMzAuM0MyNDAuOCAzMjMuOSAyNDguMSAzMjAuMSAyNTYgMzIwLjFDMjYzLjkgMzIwLjEgMjcxLjIgMzIzLjkgMjc1LjcgMzMwLjNMMjkyLjkgMzU0LjlMMzM5LjQgMjc1LjlDMzQzLjcgMjY4LjYgMzUxLjYgMjY0LjEgMzYwLjEgMjY0LjF6Ii8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTYwIDE0NEMxNTEuMiAxNDQgMTQ0IDE1MS4yIDE0NCAxNjBMMTQ0IDQ4MEMxNDQgNDg4LjggMTUxLjIgNDk2IDE2MCA0OTZMNDgwIDQ5NkM0ODguOCA0OTYgNDk2IDQ4OC44IDQ5NiA0ODBMNDk2IDE2MEM0OTYgMTUxLjIgNDg4LjggMTQ0IDQ4MCAxNDRMMTYwIDE0NHpNOTYgMTYwQzk2IDEyNC43IDEyNC43IDk2IDE2MCA5Nkw0ODAgOTZDNTE1LjMgOTYgNTQ0IDEyNC43IDU0NCAxNjBMNTQ0IDQ4MEM1NDQgNTE1LjMgNTE1LjMgNTQ0IDQ4MCA1NDRMMTYwIDU0NEMxMjQuNyA1NDQgOTYgNTE1LjMgOTYgNDgwTDk2IDE2MHpNMjI0IDE5MkMyNDEuNyAxOTIgMjU2IDIwNi4zIDI1NiAyMjRDMjU2IDI0MS43IDI0MS43IDI1NiAyMjQgMjU2QzIwNi4zIDI1NiAxOTIgMjQxLjcgMTkyIDIyNEMxOTIgMjA2LjMgMjA2LjMgMTkyIDIyNCAxOTJ6TTM2MCAyNjRDMzY4LjUgMjY0IDM3Ni40IDI2OC41IDM4MC43IDI3NS44TDQ2MC43IDQxMS44QzQ2NS4xIDQxOS4yIDQ2NS4xIDQyOC40IDQ2MC44IDQzNS45QzQ1Ni41IDQ0My40IDQ0OC42IDQ0OCA0NDAgNDQ4TDIwMCA0NDhDMTkxLjEgNDQ4IDE4Mi44IDQ0MyAxNzguNyA0MzUuMUMxNzQuNiA0MjcuMiAxNzUuMiA0MTcuNiAxODAuMyA0MTAuM0wyMzYuMyAzMzAuM0MyNDAuOCAzMjMuOSAyNDguMSAzMjAuMSAyNTYgMzIwLjFDMjYzLjkgMzIwLjEgMjcxLjIgMzIzLjkgMjc1LjcgMzMwLjNMMjkyLjkgMzU0LjlMMzM5LjQgMjc1LjlDMzQzLjcgMjY4LjYgMzUxLjYgMjY0LjEgMzYwLjEgMjY0LjF6Ii8+PC9zdmc+");
}

dl.archive-stats dt.micro-post::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjY3LjcgNTc2LjlDMjY3LjcgNTc2LjkgMjY3LjcgNTc2LjkgMjY3LjcgNTc2LjlMMjI5LjkgNjAzLjZDMjIyLjYgNjA4LjggMjEzIDYwOS40IDIwNSA2MDUuM0MxOTcgNjAxLjIgMTkyIDU5MyAxOTIgNTg0TDE5MiA1MTJMMTYwIDUxMkMxMDcgNTEyIDY0IDQ2OSA2NCA0MTZMNjQgMTkyQzY0IDEzOSAxMDcgOTYgMTYwIDk2TDQ4MCA5NkM1MzMgOTYgNTc2IDEzOSA1NzYgMTkyTDU3NiA0MTZDNTc2IDQ2OSA1MzMgNTEyIDQ4MCA1MTJMMzU5LjYgNTEyTDI2Ny43IDU3Ni45ek0zMzIgNDcyLjhDMzQwLjEgNDY3LjEgMzQ5LjggNDY0IDM1OS43IDQ2NEw0ODAgNDY0QzUwNi41IDQ2NCA1MjggNDQyLjUgNTI4IDQxNkw1MjggMTkyQzUyOCAxNjUuNSA1MDYuNSAxNDQgNDgwIDE0NEwxNjAgMTQ0QzEzMy41IDE0NCAxMTIgMTY1LjUgMTEyIDE5MkwxMTIgNDE2QzExMiA0NDIuNSAxMzMuNSA0NjQgMTYwIDQ2NEwyMTYgNDY0QzIyNi40IDQ2NCAyMzUuMyA0NzAuNiAyMzguNiA0NzkuOUMyMzkuNSA0ODIuNCAyNDAgNDg1LjEgMjQwIDQ4OEwyNDAgNTM3LjdDMjcyLjcgNTE0LjYgMzAzLjMgNDkzIDMzMS45IDQ3Mi44eiIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjY3LjcgNTc2LjlDMjY3LjcgNTc2LjkgMjY3LjcgNTc2LjkgMjY3LjcgNTc2LjlMMjI5LjkgNjAzLjZDMjIyLjYgNjA4LjggMjEzIDYwOS40IDIwNSA2MDUuM0MxOTcgNjAxLjIgMTkyIDU5MyAxOTIgNTg0TDE5MiA1MTJMMTYwIDUxMkMxMDcgNTEyIDY0IDQ2OSA2NCA0MTZMNjQgMTkyQzY0IDEzOSAxMDcgOTYgMTYwIDk2TDQ4MCA5NkM1MzMgOTYgNTc2IDEzOSA1NzYgMTkyTDU3NiA0MTZDNTc2IDQ2OSA1MzMgNTEyIDQ4MCA1MTJMMzU5LjYgNTEyTDI2Ny43IDU3Ni45ek0zMzIgNDcyLjhDMzQwLjEgNDY3LjEgMzQ5LjggNDY0IDM1OS43IDQ2NEw0ODAgNDY0QzUwNi41IDQ2NCA1MjggNDQyLjUgNTI4IDQxNkw1MjggMTkyQzUyOCAxNjUuNSA1MDYuNSAxNDQgNDgwIDE0NEwxNjAgMTQ0QzEzMy41IDE0NCAxMTIgMTY1LjUgMTEyIDE5MkwxMTIgNDE2QzExMiA0NDIuNSAxMzMuNSA0NjQgMTYwIDQ2NEwyMTYgNDY0QzIyNi40IDQ2NCAyMzUuMyA0NzAuNiAyMzguNiA0NzkuOUMyMzkuNSA0ODIuNCAyNDAgNDg1LjEgMjQwIDQ4OEwyNDAgNTM3LjdDMjcyLjcgNTE0LjYgMzAzLjMgNDkzIDMzMS45IDQ3Mi44eiIvPjwvc3ZnPg==");
}

dl.archive-stats dt.favourite::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwLjEgMzJDMzI5LjEgMzIgMzM3LjQgMzcuMSAzNDEuNSA0NS4xTDQxNSAxODkuM0w1NzQuOSAyMTQuN0M1ODMuOCAyMTYuMSA1OTEuMiAyMjIuNCA1OTQgMjMxQzU5Ni44IDIzOS42IDU5NC41IDI0OSA1ODguMiAyNTUuNEw0NzMuNyAzNjkuOUw0OTkgNTI5LjhDNTAwLjQgNTM4LjcgNDk2LjcgNTQ3LjcgNDg5LjQgNTUzQzQ4Mi4xIDU1OC4zIDQ3Mi40IDU1OS4xIDQ2NC40IDU1NUwzMjAuMSA0ODEuNkwxNzUuOCA1NTVDMTY3LjggNTU5LjEgMTU4LjEgNTU4LjMgMTUwLjggNTUzQzE0My41IDU0Ny43IDEzOS44IDUzOC44IDE0MS4yIDUyOS44TDE2Ni40IDM2OS45TDUyIDI1NS40QzQ1LjYgMjQ5IDQzLjQgMjM5LjYgNDYuMiAyMzFDNDkgMjIyLjQgNTYuMyAyMTYuMSA2NS4zIDIxNC43TDIyNS4yIDE4OS4zTDI5OC44IDQ1LjFDMzAyLjkgMzcuMSAzMTEuMiAzMiAzMjAuMiAzMnpNMzIwLjEgMTA4LjhMMjYyLjMgMjIyQzI1OC44IDIyOC44IDI1Mi4zIDIzMy42IDI0NC43IDIzNC44TDExOS4yIDI1NC44TDIwOSAzNDQuN0MyMTQuNCAzNTAuMSAyMTYuOSAzNTcuOCAyMTUuNyAzNjUuNEwxOTUuOSA0OTAuOUwzMDkuMiA0MzMuM0MzMTYgNDI5LjggMzI0LjEgNDI5LjggMzMxIDQzMy4zTDQ0NC4zIDQ5MC45TDQyNC41IDM2NS40QzQyMy4zIDM1Ny44IDQyNS44IDM1MC4xIDQzMS4yIDM0NC43TDUyMSAyNTQuOEwzOTUuNSAyMzQuOEMzODcuOSAyMzMuNiAzODEuNCAyMjguOCAzNzcuOSAyMjJMMzIwLjEgMTA4Ljh6Ii8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwLjEgMzJDMzI5LjEgMzIgMzM3LjQgMzcuMSAzNDEuNSA0NS4xTDQxNSAxODkuM0w1NzQuOSAyMTQuN0M1ODMuOCAyMTYuMSA1OTEuMiAyMjIuNCA1OTQgMjMxQzU5Ni44IDIzOS42IDU5NC41IDI0OSA1ODguMiAyNTUuNEw0NzMuNyAzNjkuOUw0OTkgNTI5LjhDNTAwLjQgNTM4LjcgNDk2LjcgNTQ3LjcgNDg5LjQgNTUzQzQ4Mi4xIDU1OC4zIDQ3Mi40IDU1OS4xIDQ2NC40IDU1NUwzMjAuMSA0ODEuNkwxNzUuOCA1NTVDMTY3LjggNTU5LjEgMTU4LjEgNTU4LjMgMTUwLjggNTUzQzE0My41IDU0Ny43IDEzOS44IDUzOC44IDE0MS4yIDUyOS44TDE2Ni40IDM2OS45TDUyIDI1NS40QzQ1LjYgMjQ5IDQzLjQgMjM5LjYgNDYuMiAyMzFDNDkgMjIyLjQgNTYuMyAyMTYuMSA2NS4zIDIxNC43TDIyNS4yIDE4OS4zTDI5OC44IDQ1LjFDMzAyLjkgMzcuMSAzMTEuMiAzMiAzMjAuMiAzMnpNMzIwLjEgMTA4LjhMMjYyLjMgMjIyQzI1OC44IDIyOC44IDI1Mi4zIDIzMy42IDI0NC43IDIzNC44TDExOS4yIDI1NC44TDIwOSAzNDQuN0MyMTQuNCAzNTAuMSAyMTYuOSAzNTcuOCAyMTUuNyAzNjUuNEwxOTUuOSA0OTAuOUwzMDkuMiA0MzMuM0MzMTYgNDI5LjggMzI0LjEgNDI5LjggMzMxIDQzMy4zTDQ0NC4zIDQ5MC45TDQyNC41IDM2NS40QzQyMy4zIDM1Ny44IDQyNS44IDM1MC4xIDQzMS4yIDM0NC43TDUyMSAyNTQuOEwzOTUuNSAyMzQuOEMzODcuOSAyMzMuNiAzODEuNCAyMjguOCAzNzcuOSAyMjJMMzIwLjEgMTA4Ljh6Ii8+PC9zdmc+");
}

dl.archive-stats dd + dt {
    border-left: 1px solid var(--grey-400);
    padding-left: 0.75rem;
    margin-left: 0.75rem;
}

dl.archive-stats dd {
    font-size: 0.95rem;
    color: var(--grey-600);
    margin: 0 0 0 0.3rem;
}

main section + section {
    margin-top: 1.5rem;
}

main section h2 {
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--grey-400);
    margin: 0 0 0.3rem;
}

main section ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

main section li {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    line-height: 1.4;
}

main section .day {
    min-width: 2ch;
    text-align: right;
    flex-shrink: 0;
    font-size: 0.8rem;
    color: var(--grey-300);
}

main section a {
    font-size: 0.95rem;
    color: var(--blue-600);
    text-decoration: none;
}

main section a:hover {
    color: var(--blue-800);
}

li.favourite a::after {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    background-color: var(--yellow-500);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzQxLjUgNDUuMUMzMzcuNCAzNy4xIDMyOS4xIDMyIDMyMC4xIDMyQzMxMS4xIDMyIDMwMi44IDM3LjEgMjk4LjcgNDUuMUwyMjUuMSAxODkuM0w2NS4yIDIxNC43QzU2LjMgMjE2LjEgNDguOSAyMjIuNCA0Ni4xIDIzMUM0My4zIDIzOS42IDQ1LjYgMjQ5IDUxLjkgMjU1LjRMMTY2LjMgMzY5LjlMMTQxLjEgNTI5LjhDMTM5LjcgNTM4LjcgMTQzLjQgNTQ3LjcgMTUwLjcgNTUzQzE1OCA1NTguMyAxNjcuNiA1NTkuMSAxNzUuNyA1NTVMMzIwLjEgNDgxLjZMNDY0LjQgNTU1QzQ3Mi40IDU1OS4xIDQ4Mi4xIDU1OC4zIDQ4OS40IDU1M0M0OTYuNyA1NDcuNyA1MDAuNCA1MzguOCA0OTkgNTI5LjhMNDczLjcgMzY5LjlMNTg4LjEgMjU1LjRDNTk0LjUgMjQ5IDU5Ni43IDIzOS42IDU5My45IDIzMUM1OTEuMSAyMjIuNCA1ODMuOCAyMTYuMSA1NzQuOCAyMTQuN0w0MTUgMTg5LjNMMzQxLjUgNDUuMXoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzQxLjUgNDUuMUMzMzcuNCAzNy4xIDMyOS4xIDMyIDMyMC4xIDMyQzMxMS4xIDMyIDMwMi44IDM3LjEgMjk4LjcgNDUuMUwyMjUuMSAxODkuM0w2NS4yIDIxNC43QzU2LjMgMjE2LjEgNDguOSAyMjIuNCA0Ni4xIDIzMUM0My4zIDIzOS42IDQ1LjYgMjQ5IDUxLjkgMjU1LjRMMTY2LjMgMzY5LjlMMTQxLjEgNTI5LjhDMTM5LjcgNTM4LjcgMTQzLjQgNTQ3LjcgMTUwLjcgNTUzQzE1OCA1NTguMyAxNjcuNiA1NTkuMSAxNzUuNyA1NTVMMzIwLjEgNDgxLjZMNDY0LjQgNTU1QzQ3Mi40IDU1OS4xIDQ4Mi4xIDU1OC4zIDQ4OS40IDU1M0M0OTYuNyA1NDcuNyA1MDAuNCA1MzguOCA0OTkgNTI5LjhMNDczLjcgMzY5LjlMNTg4LjEgMjU1LjRDNTk0LjUgMjQ5IDU5Ni43IDIzOS42IDU5My45IDIzMUM1OTEuMSAyMjIuNCA1ODMuOCAyMTYuMSA1NzQuOCAyMTQuN0w0MTUgMTg5LjNMMzQxLjUgNDUuMXoiLz48L3N2Zz4=");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.05em;
    margin-left: 0.3em;
}

/* === Footer === */

body > footer {
    padding: 2rem 1.5rem 3rem;
    text-align: center;
}

body > footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

body > footer li {
    font-size: 0.95rem;
    color: var(--grey-300);
}

body > footer li + li {
    border-left: 1px solid var(--grey-400);
    padding-left: 0.75rem;
    margin-left: 0.75rem;
}

body > footer a {
    color: var(--black);
    text-decoration: none;
}

body > footer a:hover {
    color: var(--blue-600);
}

body > footer strong {
    font-weight: 700;
}

/* === Nav: shared base === */

main + nav,
nav + nav {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 1.5rem 2rem;
}

nav:last-of-type {
    padding-bottom: 5rem;
}

/* === Nav: back link === */

main + nav > a,
nav + nav > a {
    font-size: 0.9rem;
    color: var(--blue-600);
    text-decoration: none;
}

main + nav > a:hover,
nav + nav > a:hover {
    color: var(--blue-800);
}

/* === Nav: pagination (index pages) === */

main + nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

main + nav > ul li.older {
    margin-left: auto;
}

main + nav > ul a {
    font-size: 0.9rem;
    color: var(--blue-600);
    text-decoration: none;
}

main + nav > ul a:hover {
    color: var(--blue-800);
}

/* === Nav: icons === */

main + nav > a::before,
nav + nav > a::before,
main + nav > ul li.newer a::before,
main + nav > ul li.older a::after {
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.1em;
}

main + nav > a::before,
nav + nav > a::before {
    width: 1em;
    height: 1em;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzA0IDcwLjFDMzEzLjEgNjEuOSAzMjYuOSA2MS45IDMzNiA3MC4xTDU2OCAyNzguMUM1NzcuOSAyODYuOSA1NzguNyAzMDIuMSA1NjkuOCAzMTJDNTYwLjkgMzIxLjkgNTQ1LjggMzIyLjcgNTM1LjkgMzEzLjhMNTI3LjkgMzA2LjZMNTI3LjkgNTExLjlDNTI3LjkgNTQ3LjIgNDk5LjIgNTc1LjkgNDYzLjkgNTc1LjlMMTc1LjkgNTc1LjlDMTQwLjYgNTc1LjkgMTExLjkgNTQ3LjIgMTExLjkgNTExLjlMMTExLjkgMzA2LjZMMTAzLjkgMzEzLjhDOTQgMzIyLjYgNzguOSAzMjEuOCA3MCAzMTJDNjEuMSAzMDIuMiA2MiAyODcgNzEuOCAyNzguMUwzMDQgNzAuMXpNMzIwIDEyMC4yTDE2MCAyNjMuN0wxNjAgNTEyQzE2MCA1MjAuOCAxNjcuMiA1MjggMTc2IDUyOEwyMjQgNTI4TDIyNCA0MjRDMjI0IDM4NC4yIDI1Ni4yIDM1MiAyOTYgMzUyTDM0NCAzNTJDMzgzLjggMzUyIDQxNiAzODQuMiA0MTYgNDI0TDQxNiA1MjhMNDY0IDUyOEM0NzIuOCA1MjggNDgwIDUyMC44IDQ4MCA1MTJMNDgwIDI2My43TDMyMCAxMjAuM3pNMjcyIDUyOEwzNjggNTI4TDM2OCA0MjRDMzY4IDQxMC43IDM1Ny4zIDQwMCAzNDQgNDAwTDI5NiA0MDBDMjgyLjcgNDAwIDI3MiA0MTAuNyAyNzIgNDI0TDI3MiA1Mjh6Ii8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzA0IDcwLjFDMzEzLjEgNjEuOSAzMjYuOSA2MS45IDMzNiA3MC4xTDU2OCAyNzguMUM1NzcuOSAyODYuOSA1NzguNyAzMDIuMSA1NjkuOCAzMTJDNTYwLjkgMzIxLjkgNTQ1LjggMzIyLjcgNTM1LjkgMzEzLjhMNTI3LjkgMzA2LjZMNTI3LjkgNTExLjlDNTI3LjkgNTQ3LjIgNDk5LjIgNTc1LjkgNDYzLjkgNTc1LjlMMTc1LjkgNTc1LjlDMTQwLjYgNTc1LjkgMTExLjkgNTQ3LjIgMTExLjkgNTExLjlMMTExLjkgMzA2LjZMMTAzLjkgMzEzLjhDOTQgMzIyLjYgNzguOSAzMjEuOCA3MCAzMTJDNjEuMSAzMDIuMiA2MiAyODcgNzEuOCAyNzguMUwzMDQgNzAuMXpNMzIwIDEyMC4yTDE2MCAyNjMuN0wxNjAgNTEyQzE2MCA1MjAuOCAxNjcuMiA1MjggMTc2IDUyOEwyMjQgNTI4TDIyNCA0MjRDMjI0IDM4NC4yIDI1Ni4yIDM1MiAyOTYgMzUyTDM0NCAzNTJDMzgzLjggMzUyIDQxNiAzODQuMiA0MTYgNDI0TDQxNiA1MjhMNDY0IDUyOEM0NzIuOCA1MjggNDgwIDUyMC44IDQ4MCA1MTJMNDgwIDI2My43TDMyMCAxMjAuM3pNMjcyIDUyOEwzNjggNTI4TDM2OCA0MjRDMzY4IDQxMC43IDM1Ny4zIDQwMCAzNDQgNDAwTDI5NiA0MDBDMjgyLjcgNDAwIDI3MiA0MTAuNyAyNzIgNDI0TDI3MiA1Mjh6Ii8+PC9zdmc+");
    margin-right: 0.4em;
}

main + nav > ul li.newer a::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNzMuNCAyOTcuNEM2MC45IDMwOS45IDYwLjkgMzMwLjIgNzMuNCAzNDIuN0wyMzMuNCA1MDIuN0MyNDUuOSA1MTUuMiAyNjYuMiA1MTUuMiAyNzguNyA1MDIuN0MyOTEuMiA0OTAuMiAyOTEuMiA0NjkuOSAyNzguNyA0NTcuNEwxNzMuMyAzNTJMNTQ0IDM1MkM1NjEuNyAzNTIgNTc2IDMzNy43IDU3NiAzMjBDNTc2IDMwMi4zIDU2MS43IDI4OCA1NDQgMjg4TDE3My4zIDI4OEwyNzguNyAxODIuNkMyOTEuMiAxNzAuMSAyOTEuMiAxNDkuOCAyNzguNyAxMzcuM0MyNjYuMiAxMjQuOCAyNDUuOSAxMjQuOCAyMzMuNCAxMzcuM0w3My40IDI5Ny4zeiIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNzMuNCAyOTcuNEM2MC45IDMwOS45IDYwLjkgMzMwLjIgNzMuNCAzNDIuN0wyMzMuNCA1MDIuN0MyNDUuOSA1MTUuMiAyNjYuMiA1MTUuMiAyNzguNyA1MDIuN0MyOTEuMiA0OTAuMiAyOTEuMiA0NjkuOSAyNzguNyA0NTcuNEwxNzMuMyAzNTJMNTQ0IDM1MkM1NjEuNyAzNTIgNTc2IDMzNy43IDU3NiAzMjBDNTc2IDMwMi4zIDU2MS43IDI4OCA1NDQgMjg4TDE3My4zIDI4OEwyNzguNyAxODIuNkMyOTEuMiAxNzAuMSAyOTEuMiAxNDkuOCAyNzguNyAxMzcuM0MyNjYuMiAxMjQuOCAyNDUuOSAxMjQuOCAyMzMuNCAxMzcuM0w3My40IDI5Ny4zeiIvPjwvc3ZnPg==");
    margin-right: 0.4em;
}

main + nav > ul li.older a::after {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTY2LjYgMzQyLjZDNTc5LjEgMzMwLjEgNTc5LjEgMzA5LjggNTY2LjYgMjk3LjNMNDA2LjYgMTM3LjNDMzk0LjEgMTI0LjggMzczLjggMTI0LjggMzYxLjMgMTM3LjNDMzQ4LjggMTQ5LjggMzQ4LjggMTcwLjEgMzYxLjMgMTgyLjZMNDY2LjcgMjg4TDk2IDI4OEM3OC4zIDI4OCA2NCAzMDIuMyA2NCAzMjBDNjQgMzM3LjcgNzguMyAzNTIgOTYgMzUyTDQ2Ni43IDM1MkwzNjEuMyA0NTcuNEMzNDguOCA0NjkuOSAzNDguOCA0OTAuMiAzNjEuMyA1MDIuN0MzNzMuOCA1MTUuMiAzOTQuMSA1MTUuMiA0MDYuNiA1MDIuN0w1NjYuNiAzNDIuN3oiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTY2LjYgMzQyLjZDNTc5LjEgMzMwLjEgNTc5LjEgMzA5LjggNTY2LjYgMjk3LjNMNDA2LjYgMTM3LjNDMzk0LjEgMTI0LjggMzczLjggMTI0LjggMzYxLjMgMTM3LjNDMzQ4LjggMTQ5LjggMzQ4LjggMTcwLjEgMzYxLjMgMTgyLjZMNDY2LjcgMjg4TDk2IDI4OEM3OC4zIDI4OCA2NCAzMDIuMyA2NCAzMjBDNjQgMzM3LjcgNzguMyAzNTIgOTYgMzUyTDQ2Ni43IDM1MkwzNjEuMyA0NTcuNEMzNDguOCA0NjkuOSAzNDguOCA0OTAuMiAzNjEuMyA1MDIuN0MzNzMuOCA1MTUuMiAzOTQuMSA1MTUuMiA0MDYuNiA1MDIuN0w1NjYuNiAzNDIuN3oiLz48L3N2Zz4=");
    margin-left: 0.4em;
}