main {
    clear: both;
}

div {
}

button {
    width: 100px
}

pre {
    overflow-x: auto;
    max-width: 100%;
}

.float-left {
    float: left;
    margin: 1rem 1.5rem 1rem 1rem;;
    max-width: 300px;
}

.float-right {
    float: right;
    margin: 1rem 1rem 1rem 1.5rem;;
    max-width: 300px;
}

.clearfix {
    clear: both;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.text-center {
    text-align: center;
}

.card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.card-link article :first-child {
    margin-top: 0;
}
.card-row {
    display: grid;
    gap: 1.5rem;
}

.card-row img {
    max-width: 100%;
    height: auto;
}

.card-row.cols-2 { grid-template-columns: repeat(2, 1fr); }
.card-row.cols-3 { grid-template-columns: repeat(3, 1fr); }
.card-row.cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 600px) {
    .card-row.cols-2,
    .card-row.cols-3,
    .card-row.cols-4 {
        grid-template-columns: 1fr;
    }
}

.video-wrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
nav[aria-label="breadcrumb"] ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    gap: 0.4rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

nav[aria-label="breadcrumb"] li:not(:last-child)::after {
    content: "\203A";
    margin-left: 0.4rem;
    color: var(--pico-muted-color);
}

@media (max-width: 600px) {
    nav[aria-label="breadcrumb"] li:not(:first-child):not(:last-child) {
        display: none;
    }
    nav[aria-label="breadcrumb"] li:first-child::after {
        content: "\203A \2026";
        margin-left: 0.4rem;
        color: var(--pico-muted-color);
    }
}

.page-layout {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-layout > * {
    min-width: 0;
}

@media (max-width: 800px) {
    .page-layout {
        grid-template-columns: 1fr;
    }
    .page-layout aside {
        display: none;
    }
}