/* SEO Glossary latest/list module — scoped, template-aware modern layout. */
.seog-latest {
    --seog-border: var(--bs-border-color, rgba(127, 127, 127, .30));
    --seog-radius: var(--bs-border-radius-lg, .7rem);
    --seog-surface: var(--bs-body-bg, transparent);
    --seog-subtle: var(--bs-tertiary-bg, rgba(127, 127, 127, .08));
    --seog-text: var(--bs-body-color, inherit);
    --seog-muted: var(--bs-secondary-color, currentColor);
    --seog-link: var(--bs-link-color, var(--bs-primary, currentColor));
    color: var(--seog-text);
    max-width: 100%;
}

.seog-latest,
.seog-latest * {
    box-sizing: border-box;
}

.seog-latest a {
    color: var(--seog-link);
    text-decoration-thickness: .08em;
    text-underline-offset: .15em;
}

.seog-latest a:hover,
.seog-latest a:focus-visible {
    text-decoration: underline;
}

.seog-latest__list {
    display: grid;
    gap: .6rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.seog-latest__item {
    background: var(--seog-subtle);
    border: 1px solid var(--seog-border);
    border-radius: var(--seog-radius);
    min-width: 0;
    padding: .8rem .9rem;
}

.seog-latest__term {
    display: inline-block;
    font-weight: 650;
    line-height: 1.35;
}

.seog-latest__description,
.seog-latest__intro-link {
    color: inherit;
    display: block;
    line-height: 1.55;
    margin-top: .35rem;
    overflow-wrap: anywhere;
}

.seog-latest__intro-link {
    margin-top: 0;
    text-decoration: none;
}

.seog-latest__carousel .owl-stage {
    display: flex;
}

.seog-latest__carousel .owl-item {
    display: flex;
    min-width: 0;
}

.seog-latest__card {
    background: var(--seog-surface);
    border: 1px solid var(--seog-border);
    border-radius: var(--seog-radius);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: .35rem;
    min-width: 0;
    overflow: hidden;
}

.seog-latest__media {
    background: var(--seog-subtle);
    display: block;
    overflow: hidden;
}

.seog-latest__media img {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    object-fit: cover;
    transition: transform .2s ease;
    width: 100%;
}

.seog-latest__card:hover .seog-latest__media img {
    transform: scale(1.015);
}

.seog-latest__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .65rem;
    padding: 1rem;
}

.seog-latest__title {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.seog-latest__title a {
    color: inherit;
    text-decoration: none;
}

.seog-latest__meta {
    color: var(--seog-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .875rem;
    gap: .35rem .8rem;
    opacity: .78;
}

.seog-latest__intro {
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
}

.seog-latest__tags {
    margin-top: auto;
}

.seog-latest__more {
    align-self: flex-start;
    font-weight: 600;
}

.seog-latest .owl-nav button.owl-prev,
.seog-latest .owl-nav button.owl-next {
    align-items: center;
    background: var(--seog-subtle) !important;
    border: 1px solid var(--seog-border) !important;
    border-radius: 999px !important;
    color: inherit !important;
    display: inline-flex;
    font-size: 1.4rem !important;
    height: 2.25rem;
    justify-content: center;
    margin: .35rem !important;
    width: 2.25rem;
}

.seog-latest .owl-dots .owl-dot span {
    background: var(--seog-border) !important;
}

.seog-latest .owl-dots .owl-dot.active span,
.seog-latest .owl-dots .owl-dot:hover span {
    background: var(--bs-primary, currentColor) !important;
}

@media (max-width: 575.98px) {
    .seog-latest__body {
        padding: .85rem;
    }

    .seog-latest__item {
        padding: .7rem .8rem;
    }
}