.download-tiles{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1rem 0 2rem;
}

.download-tile{
    display:block;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 10px;
    text-decoration: none;
}

.download-tile-title{
    font-weight: 700;
    margin-bottom: .25rem;
}

.download-tile-sub{
    opacity: .75;
    font-size: .9em;
}

/* Logo2 styles from _intro.scss */
.logo2 {
    border-bottom: 0;
    display: inline-block;
    margin: 0 0 1em 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo2:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='none' zoomAndPan='disable'%3E%3Cpolygon points='0,0 100,0 100,25 50,0 0,25' style='fill:%23f4f4f4' /%3E%3Cpolygon points='0,100 100,100 100,75 50,100 0,75'  style='fill:%23f4f4f4' /%3E%3C/svg%3E");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.logo2 img {
    display: block;
    margin-left: -0.25em;
    width: 4.5em;
}

/* Button and box styles for shortcodes */
.sc-box,
.box {
    display: flex;
    flex-direction: column;
}

.sc-box header,
.box header {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.sc-box .button,
.box .button,
.sc-box .sc-button,
.box .sc-button,
.sc-box a.button,
.box a.button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: auto;
}

/* Flex layout for equal height boxes */
.sc-flex > .column {
    display: flex;
    flex-direction: column;
}

.sc-flex .sc-box,
.sc-flex .box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sc-flex .sc-box a.button,
.sc-flex .box a.button {
    margin-top: auto;
}

/* Actions (button groups) */
.actions {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.actions li {
    display: block !important;
    margin: 0.5em 0 !important;
}

.actions.fit {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.actions.fit li {
    display: block !important;
    flex: 1 !important;
    width: 100% !important;
    margin: 0 !important;
}

.actions.fit li a.button {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.75em 1.5em !important;
}