:root {
--pico-typography-spacing-top: 1.5rem;
}

hgroup.h-card {
display:flex;
margin:0;
}
hgroup.h-card div {
margin: 0 0 0 0.5rem;
}
hgroup.h-card h2 {
display: inline;
}
hgroup.h-card a, hgroup.h-card p {
margin: 0;
padding: 0;
}
hgroup.h-card svg {
width: 3.4rem;
height: 3.4rem;
}

#title {
display: flex;
flex-direction: column;
}
#title > .content-date {
text-align: right;
}
#title > h1 {
text-align: center;
}

img.shortcode-thumbnail {
width: 20%;
min-width: 100px;
max-height: 300px;
vertical-align: top;
}

img.shortcode-thumbnail[align="left"] {
margin: 0 0.5rem 0 0;
}

img.shortcode-thumbnail[align="right"] {
margin: 0 0 0 0.5rem;
}

div.shortcode-thumbnail {
text-align: center;
}

div.shortcode-downloads {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
}

div.shortcode-downloads > div {
width: 30%;
margin: 0 0.5rem 0.5rem 0;
}

div.shortcode-downloads img {
max-height: 300px;
}

div.shortcode-downloads a {
display: inline-flex;
flex-direction: column;
align-items: center;
text-align: center;
white-space: nowrap;
}
