layouts.css

box-l {
    display: block;
    padding: var(--s1);
    border-width: var(--border-thin);
    /* ↓ For high contrast mode */
    outline: var(--border-thin) solid transparent;
    outline-offset: calc(var(--border-thin) * -1);
}

center-l {
    display: block;
    box-sizing: content-box;
    margin-inline: auto;
    max-inline-size: var(--measure);
}

cluster-l {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

cover-l {
    display: flex;
    flex-direction: column;
    min-block-size: 100vh;
    padding: var(--s1);
}

frame-l {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
frame-l > img,
frame-l > video {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

grid-l {
    display: grid;
    grid-gap: var(--s1);
    align-content: start;
    grid-template-columns: 100%;
}

icon-l svg {
    height: 0.75em;
    height: 1cap;
    width: 0.75em;
    width: 1cap;
}

imposter-l {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
}

reel-l {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: var(--color-light) var(--color-dark);
}
reel-l > * {
    flex: 0 0 var(--item-width);
}
reel-l > img {
    block-size: 100%;
    flex-basis: auto;
    inline-size: auto;
}
reel-l::-webkit-scrollbar {
    block-size: 1rem;
}
reel-l::-webkit-scrollbar-track {
    background-color: var(--color-dark);
}
reel-l::-webkit-scrollbar-thumb {
    background-color: var(--color-dark);
    background-image: linear-gradient(
        var(--color-dark) 0,
        var(--color-dark) 0.25rem,
        var(--color-light) 0.25rem,
        var(--color-light) 0.75rem,
        var(--color-dark) 0.75rem
    );
}

sidebar-l {
    display: flex;
    flex-wrap: wrap;
}
sidebar-l > * {
    flex-grow: 1;
}

stack-l {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
stack-l > * + * {
    margin-block-start: var(--s1);
}

switcher-l {
    display: flex;
    flex-wrap: wrap;
}
switcher-l > * {
    flex-basis: calc((var(--measure) - 100%) * 999);
    flex-grow: 1;
}