/* Vocabulary group index only. */
.mobile-mother.vocab-group-index .lgallery-content {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.mobile-mother.vocab-group-index .lgallery-title {
    grid-column:1 / -1;
}
.mobile-mother.vocab-group-index .lgallery-article {
    width:auto;
    min-width:0;
    margin:0;
    padding:10px;
    box-sizing:border-box;
    overflow-wrap:break-word;
}
.mobile-mother.vocab-group-index .lgallery-article-picture {
    width:104px;
    height:104px;
    object-fit:cover;
    max-width:100%;
}
.mobile-mother.vocab-group-index .lgallery-article-content {
    margin:0;
}
@media(max-width:1100px) {
    .mobile-mother.vocab-group-index .lgallery-content {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:600px) {
    .mobile-mother.vocab-group-index .lgallery-content {
        grid-template-columns:minmax(0,1fr);
    }
}
.mobile-mother.vocab-group-index .lgallery-article {
    height:auto;
    min-height:128px;
    display:flow-root;
}
.mobile-mother.vocab-group-index .lgallery-article-picture {
    margin:0 12px 0 0;
}
/* Match the outside tile spacing to the 14px gaps between columns. */
.mobile-mother.vocab-group-index .lgallery-content {
    box-sizing: border-box;
    padding-inline: 14px;
}
/* Extend each existing native section link across its whole tile. */
.mobile-mother.vocab-group-index .lgallery-article {
    position: relative;
    cursor: pointer;
}
.mobile-mother.vocab-group-index .lgallery-article > a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}
.mobile-mother.vocab-group-index .lgallery-article:focus-within {
    outline: 3px solid #6F1A05;
    outline-offset: 2px;
}