/* AEO editorial blocks loaded only on public blog article pages. */
.guide-context-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(195, 154, 80, 0.36);
    border-left: 4px solid var(--color-rust);
    color: var(--color-text-soft);
    background: rgba(195, 154, 80, 0.07);
}

.guide-context-link span {
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.guide-context-link a,
.guide-related a {
    color: var(--color-gold-bright);
    text-underline-offset: 0.2em;
}

.guide-related ul {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-related li {
    border: 1px solid var(--color-border);
    background: rgba(7, 4, 3, 0.46);
}

.guide-related li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
}

.guide-related li span {
    flex: 0 0 auto;
    color: var(--color-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

@media (max-width: 720px) {
    .guide-context-link,
    .guide-related li {
        align-items: flex-start;
        flex-direction: column;
    }
}